/* _content/Lumiboard.Client.Shared/Components/Chat/ChatWithAssistant.razor.rz.scp.css */
.chat-modal[b-c948fqzs8h] {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 96dvh;
background-color: #f8f8f8;
border-radius: 16px 16px 0 0;
padding: 16px;
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.2);
z-index: 1300;
animation: slideUp-b-c948fqzs8h 0.3s ease-in-out;
display: flex;
flex-direction: column;
}
.chat-header[b-c948fqzs8h] {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 8px;
}
.chat-info[b-c948fqzs8h] {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 8px;
position: relative;
}
.chat-icon[b-c948fqzs8h] {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
background-color: #D9D9D9;
border-radius: 50%;
}
.chat-icon i[b-c948fqzs8h] {
font-size: 16px;
color: #21262C;
}
.chat-title[b-c948fqzs8h] {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.chat-title h3[b-c948fqzs8h] {
font-size: 18px;
font-weight: 700;
color: #21262C;
}
.chat-title p[b-c948fqzs8h] {
font-size: 15px;
font-weight: 400;
color: #8A8A8E;
}
.chat-info img[b-c948fqzs8h] {
width: 20px;
height: 10px;
margin-left: 8px;
}
.edit-button[b-c948fqzs8h] {
background-color: #F2F2F2;
border: none;
cursor: pointer;
height: 24px;
width: 57px;
border-radius: 10px;
font-size: 15px;
font-weight: 500;
color: #21262C;
}
.close-button[b-c948fqzs8h] {
width: 22px;
height: 22px;
cursor: pointer;
background-color: #F2F2F2;
border: none;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.chat-messages[b-c948fqzs8h] {
flex: 1;
overflow-y: auto;
padding: 16px;
display: flex;
flex-direction: column;
gap: 16px;
min-height: 70dvh;
}
.chat-actions[b-c948fqzs8h] {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 12px;
}
.assistant-message[b-c948fqzs8h] {
align-self: flex-start;
background-color: transparent;
width: 100%;
font-size: 16px;
font-weight: 400;
color: #21262C;
position: relative;
display: flex;
flex-direction: column;
gap: 8px;
padding: 0;
}
.message-reactions[b-c948fqzs8h] {
display: flex;
flex-direction: row;
gap: 8px;
width: 100%;
align-items: center;
justify-content: flex-start;
padding: 0;
}
.user-message[b-c948fqzs8h] {
align-self: flex-end;
border-radius: 16px;
padding: 17px;
max-width: 80%;
font-size: 16px;
font-weight: 400;
color: #2A0F29;
background-color: #F1F1F1;
}
.chat-input-container[b-c948fqzs8h] {
position: sticky;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 8px;
padding-bottom: 16px;
}
.chat-input-container form[b-c948fqzs8h] {
display: flex;
align-items: end;
justify-content: space-between;
gap: 5px;
flex-direction: row;
flex: 1;
}
.chat-input-container textarea:focus[b-c948fqzs8h] {
outline: none;
}
.send-button[b-c948fqzs8h] {
background: #1D1D1D;
border: none;
cursor: pointer;
height: 42px;
width: 42px;
padding: 8px 12px;
border-radius: 50%;
}
.attach-button[b-c948fqzs8h] {
background: #EBEBEB;
border: none;
cursor: pointer;
height: 42px;
width: 42px;
padding: 8px 12px;
border-radius: 50%;
margin-right: 8px;
}
.attach-button img[b-c948fqzs8h]{
width: 20px;
height: 20px;
}
.chat-input-container textarea[b-c948fqzs8h] {
flex: 1;
padding: 10px 12px;
background-color: #EBEBEB;
border-radius: 20px;
font-size: 14px;
font-weight: 400;
resize: none;
line-height: 1.5;
overflow-y: hidden;
min-height: calc(1.5 * 1rem);
max-height: calc(4 * 1.5rem);
resize: none;
}
.typing-indicator[b-c948fqzs8h] {
display: flex;
align-items: center;
gap: 4px;
background-color: #f5f5ff;
border: 1px solid #d3d3f5;
border-radius: 12px;
padding: 10px;
max-width: 60%;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.typing-indicator span[b-c948fqzs8h] {
width: 8px;
height: 8px;
background-color: #bbb;
border-radius: 50%;
animation: typing-b-c948fqzs8h 1.2s infinite ease-in-out;
}
.loading-dots span[b-c948fqzs8h] {
display: inline-block;
width: 8px;
height: 8px;
margin: 0 2px;
background-color: #6a1b9a;
border-radius: 50%;
animation: typing-b-c948fqzs8h 1s infinite;
}
.loading-dots span:nth-child(2)[b-c948fqzs8h] {
animation-delay: 0.2s;
}
.loading-dots span:nth-child(3)[b-c948fqzs8h] {
animation-delay: 0.4s;
}
.files-container[b-c948fqzs8h] {
display: flex;
align-items: center;
flex-direction: row;
gap: 8px;
width: 100%;
overflow-x: auto;
height: 55px;
}
.files-container .file-item .file[b-c948fqzs8h] {
display: flex;
align-items: center;
gap: 8px;
padding: 8px;
border-radius: 10px;
font-size: 14px;
font-weight: 400;
height: 38px;
border: 1px solid #EEEEEE;
background-color: #F7F7F7;
position: relative;
}
.file-count-button[b-c948fqzs8h] {
display: flex;
align-items: center;
min-width: 38px;
height: 38px;
background-color: transparent;
border: 1px solid #DEDEDE;
border-radius: 6px;
cursor: pointer;
font-size: 14px;
position: relative;
}
.file-count-button .file-count[b-c948fqzs8h] {
background-color: white;
color: #21262C;
border-radius: 50%;
padding: 2px 4px;
font-size: 15px;
position: absolute;
top: -10px;
right: -7px;
}
.file-item .close-button[b-c948fqzs8h] {
width: 20px;
height: 20px;
cursor: pointer;
background-color: rgba(104, 104, 104, 0.19);
border: none;
border-radius: 50%;
position: absolute;
top: -8px;
right: -8px;
}
.user-files[b-c948fqzs8h] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
}
.files-message[b-c948fqzs8h] {
align-self: flex-end;
border: 1px solid #27272B;
border-radius: 16px;
padding: 13px;
max-width: 80%;
font-size: 14px;
font-weight: 500;
color: #21262C;
}
.user-message-container[b-c948fqzs8h] {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 8px;
}
.typing-indicator span:nth-child(2)[b-c948fqzs8h] {
animation-delay: 0.2s;
}
.typing-indicator span:nth-child(3)[b-c948fqzs8h] {
animation-delay: 0.4s;
}
@keyframes typing-b-c948fqzs8h {
0%, 80%, 100% {
transform: scale(0);
}
40% {
transform: scale(1);
}
}
@keyframes slideUp-b-c948fqzs8h {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
@media (max-height: 700px) {
.chat-messages[b-c948fqzs8h] {
min-height: 65dvh;
}
}
/* _content/Lumiboard.Client.Shared/Components/Common/AddItemButton.razor.rz.scp.css */
.add-button[b-ih4ksk427f] {
position: absolute;
bottom: 90px;
right: 20px;
width: 60px;
height: 60px;
background-color: #000;
border: none;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
cursor: pointer;
z-index: 1000;
}
/* _content/Lumiboard.Client.Shared/Components/Common/AIButton.razor.rz.scp.css */
.circular-button[b-atuy7bwsal] {
position: absolute;
bottom: 80px;
left: 16px;
width: 36px;
height: 36px;
border-radius: 50%;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 1200;
background-color: transparent;
}
.circular-button img[b-atuy7bwsal] {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
}
.ai-button-container[b-atuy7bwsal] {
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
border-radius: 50%;
background-color: white;
position: relative;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
flex: none;
}
.transparent-button[b-atuy7bwsal] {
background: transparent;
box-shadow: none;
}
.border-outline[b-atuy7bwsal] {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
border: 2px solid transparent;
animation: rotate-border-b-atuy7bwsal 2s linear infinite;
}
.border-outline[b-atuy7bwsal]::before {
content: '';
position: absolute;
top: -2px;
left: -2px;
width: calc(100% + 4px);
height: calc(100% + 4px);
border-radius: 50%;
background: linear-gradient(to bottom, white, #505050);
-webkit-mask: radial-gradient(circle, transparent 65%, #505050 35%);
}
.ai-button-container img[b-atuy7bwsal] {
width: 60%;
height: 60%;
object-fit: cover;
}
.ai-button-container .ellipse[b-atuy7bwsal] {
position: absolute;
background-color: #505050;
border-radius: 50%;
}
.ai-button-container .ellipses[b-atuy7bwsal] {
position: absolute;
top: 7px;
left: 4px;
width: 60%;
height: 60%;
}
.small-container[b-atuy7bwsal] {
width: 30px;
height: 30px;
}
.large-container[b-atuy7bwsal] {
width: 42px;
height: 42px;
}
.huge-container[b-atuy7bwsal] {
width: 300px;
height: 300px;
}
.working .ellipse[b-atuy7bwsal] {
animation: ellipse-animation-b-atuy7bwsal 2s infinite;
}
.ellipses .ellipse:nth-child(1)[b-atuy7bwsal] {
animation-delay: 0s;
}
.ellipses .ellipse:nth-child(2)[b-atuy7bwsal] {
animation-delay: 0.2s;
}
.ellipses .ellipse:nth-child(3)[b-atuy7bwsal] {
animation-delay: 0.4s;
}
.ellipses .ellipse:nth-child(4)[b-atuy7bwsal] {
animation-delay: 0.6s;
}
.ellipses .ellipse:nth-child(5)[b-atuy7bwsal] {
animation-delay: 0.8s;
}
.ellipses .ellipse:nth-child(6)[b-atuy7bwsal] {
animation-delay: 1s;
}
.ellipses .ellipse:nth-child(7)[b-atuy7bwsal] {
animation-delay: 1.2s;
}
.ellipses .ellipse:nth-child(8)[b-atuy7bwsal] {
animation-delay: 1.4s;
}
.ellipses .ellipse:nth-child(9)[b-atuy7bwsal] {
animation-delay: 1.6s;
}
@keyframes ellipse-animation-b-atuy7bwsal {
0% {
transform: scale(1);
opacity: 1;
}
50% {
transform: scale(1.3);
opacity: 0.8;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes rotate-border-b-atuy7bwsal {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* _content/Lumiboard.Client.Shared/Components/Common/AvatarProgress.razor.rz.scp.css */
.profile-photo-container[b-5pw2mwc8up] {
position: relative;
width: 100px;
height: 70px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.streak-badge[b-5pw2mwc8up] {
position: absolute;
bottom: 45px;
left: 8px;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
}
.streak-icon[b-5pw2mwc8up] {
position: relative;
display: inline-block;
}
.streak-icon span[b-5pw2mwc8up] {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
}
.circular-progress[b-5pw2mwc8up] {
width: 85px;
height: 85px;
border-radius: 50%;
background: conic-gradient(var(--progress-color) calc(var(--progress) * 1%),
transparent calc(var(--progress) * 1%));
display: flex;
align-items: center;
justify-content: center;
transition: --progress 0.2s ease;
z-index: 1;
}
.profile-photo[b-5pw2mwc8up] {
width: 70px;
height: 70px;
border-radius: 50%;
overflow: hidden;
background: white;
}
.profile-photo img[b-5pw2mwc8up] {
width: 100%;
height: 100%;
object-fit: cover;
}
.flip-animation[b-5pw2mwc8up] {
animation: flipAnimation-b-5pw2mwc8up 0.6s forwards;
transform-style: preserve-3d;
transform-origin: center;
}
@keyframes flipAnimation-b-5pw2mwc8up {
0% {
transform: perspective(600px) rotateY(0deg);
}
100% {
transform: perspective(600px) rotateY(360deg);
}
}
/* _content/Lumiboard.Client.Shared/Components/Common/Calendar.razor.rz.scp.css */
.calendar-modal[b-h100t1zc65] {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: #fff;
border-radius: 16px 16px 0 0;
padding: 16px;
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.2);
z-index: 2000;
animation: slideUp-b-h100t1zc65 0.3s ease-in-out;
display: flex;
flex-direction: column;
justify-content: center;
}
.calendar-modal-header[b-h100t1zc65] {
display: flex;
justify-content: space-between;
align-items: center;
}
.calendar-modal-header .back[b-h100t1zc65] {
font-size: 18px;
font-weight: 500px;
color: #4185DD;
}
.calendar-modal-header .back:active[b-h100t1zc65] {
opacity: 0.5;
}
.calendar-modal-header button[b-h100t1zc65] {
font-size: 18px;
font-weight: 700;
color: #4185DD;
}
.calendar-modal-header button:disabled[b-h100t1zc65] {
font-weight: 500;
}
.calendar-modal-body[b-h100t1zc65] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
padding: 8px 0;
margin-top: 16px;
}
.calendar-modal .select-button[b-h100t1zc65] {
background-color: rgb(33, 150, 243);
border: 0.5px solid white;
font-size: 18px;
font-weight: 600;
color: white;
cursor: pointer;
border-radius: 8px;
padding: 8px 16px;
margin: 16px 16px;
}
.calendar-controls[b-h100t1zc65] {
display: flex;
justify-content: space-between;
flex-direction: row;
align-items: center;
margin-bottom: 1rem;
width: 100%;
padding: 8px 16px;
}
.calendar-grid[b-h100t1zc65] {
display: grid;
grid-template-columns: repeat(7, 1fr);
gap: 0.5rem;
}
.calendar-day-name[b-h100t1zc65] {
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
border-radius: 50%;
font-weight: 600;
}
.calendar-day[b-h100t1zc65] {
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
border-radius: 50%;
cursor: pointer;
}
.calendar-day.inactive[b-h100t1zc65] {
color: #aaa;
}
.calendar-day.selected[b-h100t1zc65] {
background: #007bff;
color: #fff;
}
.calendar-day.today[b-h100t1zc65] {
border: 2px solid #0C7DFF;
}
.time-section[b-h100t1zc65],
.repeat-section[b-h100t1zc65] {
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: row;
width: 100%;
margin-top: 0.3rem;
padding: 8px 16px;
}
.time-section .time-icon[b-h100t1zc65],
.repeat-section .repeat-icon[b-h100t1zc65] {
display: flex;
align-items: center;
justify-content: center;
gap: 1rem;
}
.time-section .time-select[b-h100t1zc65],
.repeat-section .repeat-select[b-h100t1zc65] {
display: flex;
align-items: center;
justify-content: center;
}
select[b-h100t1zc65] {
width: 100%;
padding: 0.5rem;
border: 1px solid #ccc;
border-radius: 5px;
font-size: 1rem;
}
select:focus[b-h100t1zc65] {
outline: none;
border: 1px solid #007bff;
}
@keyframes slideUp-b-h100t1zc65 {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
.calendar-modal.desktop-modal[b-h100t1zc65] {
position: fixed !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
z-index: 1001 !important;
max-width: 500px !important;
width: 90% !important;
height: auto !important;
max-height: 90vh !important;
overflow-y: auto !important;
background: white !important;
border-radius: 16px !important;
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
bottom: auto !important;
left: 50% !important;
animation: none !important;
padding: 20px !important;
}
.calendar-modal.desktop-modal .calendar-modal-body[b-h100t1zc65] {
height: auto !important;
max-height: none !important;
}
@media (max-width: 768px) {
.calendar-modal.desktop-modal[b-h100t1zc65] {
position: relative !important;
top: auto !important;
left: auto !important;
transform: none !important;
max-width: none !important;
width: 100% !important;
height: auto !important;
max-height: none !important;
border-radius: 16px !important;
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
}
}
/* _content/Lumiboard.Client.Shared/Components/Common/ConfidentialityPolicyContent.razor.rz.scp.css */
.policy-content[b-jlks3esj4j] {
flex: 1;
overflow-y: auto;
padding-right: 1rem;
}
.policy-title[b-jlks3esj4j] {
font-size: 22px;
font-weight: bold;
margin-bottom: 8px;
text-align: center;
}
.effective-date[b-jlks3esj4j] {
text-align: center;
margin-bottom: 24px;
color: #666;
}
.policy-section[b-jlks3esj4j] {
margin-bottom: 20px;
}
.policy-section h3[b-jlks3esj4j] {
font-weight: bold;
margin-bottom: 8px;
font-size: 16px;
}
.policy-section ul[b-jlks3esj4j] {
list-style-type: disc;
padding-left: 20px;
margin-bottom: 10px;
}
.policy-section li[b-jlks3esj4j] {
margin-bottom: 5px;
}
.policy-section a[b-jlks3esj4j] {
color: #408AC0;
text-decoration: none;
}
.policy-section a:hover[b-jlks3esj4j] {
text-decoration: underline;
}
/* _content/Lumiboard.Client.Shared/Components/Common/DeletePopup.razor.rz.scp.css */
.delete-modal[b-g82mpogf6p] {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: #fff;
border-radius: 16px 16px 0 0;
padding: 16px;
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.2);
z-index: 2000;
animation: slideUp-b-g82mpogf6p 0.3s ease-in-out;
display: flex;
flex-direction: column;
justify-content: center;
}
.delete-modal-header[b-g82mpogf6p] {
display: flex;
justify-content: flex-start;
align-items: center;
margin-top: 10px;
}
.delete-modal-header .h3[b-g82mpogf6p] {
font-size: 18px;
font-weight: 600px;
color: #21262C;
}
.delete-modal-body[b-g82mpogf6p] {
display: flex;
justify-content: center;
align-items: start;
flex-direction: column;
padding: 8px 0;
margin-top: 10px;
}
.delete-modal-body .delete-option[b-g82mpogf6p] {
display: flex;
justify-content: flex-start;
flex-direction: row;
align-items: center;
gap: 10px;
padding: 16px 0;
}
.delete-modal-body .delete-option span[b-g82mpogf6p] {
font-size: 17px;
font-weight: 400px;
color: #000000;
}
hr[b-g82mpogf6p] {
border: 0.5px solid #E0E0E0;
width: 100%;
}
@keyframes slideUp-b-g82mpogf6p {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
/* _content/Lumiboard.Client.Shared/Components/Common/DurationPopup.razor.rz.scp.css */
.duration-popup[b-jlblkiwgru] {
position: absolute;
left: 40px;
bottom: 240px;
background-color: #F3F3F3;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
border-radius: 12px;
z-index: 1500;
display: flex;
flex-direction: column;
gap: 8px;
width: 220px;
}
.duration-popup button[b-jlblkiwgru] {
background: none;
border-bottom: 0.5px solid rgba(60, 60, 67, 0.36)!important;
border-top: none!important;
border-right: none!important;
border-left: none!important;
border-radius: 0!important;
display: flex;
justify-content: flex-start;
align-items: center;
text-align: left;
padding: 11px 20px;
cursor: pointer;
font-size: 16px;
font-weight: 400;
color: black;
width: 100%;
transition: background-color 0.2s ease-in-out;
}
@media (max-width: 400px) {
.duration-popup[b-jlblkiwgru] {
left:20px;
}
}
/* _content/Lumiboard.Client.Shared/Components/Common/ExternalAuthButtons.razor.rz.scp.css */
.container[b-oietquc4kw] {
display: flex;
text-align: left;
flex-direction: row;
width: 100%;
justify-content: space-between;
padding: 4px 10px;
border-radius: 8px;
border: 1px solid #EFEFEF;
background-color: #F7F7F7;
align-items: center;
}
p[b-oietquc4kw]{
font-size: 14px;
color: #343A40;
margin: 0;
font-weight: 500;
}
.buttons-container[b-oietquc4kw] {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 0.5rem;
}
.auth-button[b-oietquc4kw] {
display: flex;
padding: 0.5rem;
border-radius: 8px;
background-color: #F7F7F7;
transition: background-color 0.25s;
}
.auth-button:hover[b-oietquc4kw] {
background-color: #E9ECEF;
cursor: pointer;
}
.auth-button img[b-oietquc4kw] {
width: 20px;
height: 20px;
}
/* _content/Lumiboard.Client.Shared/Components/Common/ImportancePopup.razor.rz.scp.css */
.importance-popup[b-nspx7ce9vc] {
position: absolute;
left: 40px;
bottom: 240px;
background-color: #F3F3F3;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
border-radius: 12px;
z-index: 1500;
display: flex;
flex-direction: column;
gap: 8px;
width: 230px;
}
.importance-popup button[b-nspx7ce9vc] {
background: none;
border-bottom: 0.5px solid rgba(60, 60, 67, 0.36)!important;
border-top: none!important;
border-right: none!important;
border-left: none!important;
border-radius: 0!important;
display: flex;
justify-content: flex-start;
align-items: center;
text-align: left;
padding: 11px 20px;
cursor: pointer;
font-size: 16px;
font-weight: 400;
color: black;
width: 100%;
transition: background-color 0.2s ease-in-out;
}
.importance-popup button img[b-nspx7ce9vc] {
margin-right: 12px;
}
@media (max-width: 400px) {
.importance-popup[b-nspx7ce9vc] {
left:20px;
}
}
/* _content/Lumiboard.Client.Shared/Components/Common/LinkAttachment.razor.rz.scp.css */
.link-modal[b-8pr4w6fox1] {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: #fff;
border-radius: 16px 16px 0 0;
padding: 16px;
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.2);
z-index: 2000;
animation: slideUp-b-8pr4w6fox1 0.3s ease-in-out;
display: flex;
flex-direction: column;
justify-content: center;
}
.link-modal-header[b-8pr4w6fox1] {
display: flex;
justify-content: space-between;
align-items: center;
}
.link-modal-header button:disabled[b-8pr4w6fox1] {
opacity: 0.5;
}
.link-modal-header button[b-8pr4w6fox1] {
background-color: transparent;
border: none;
font-size: 18px;
font-weight: 600;
color: #21262C;
cursor: pointer;
}
.link-modal-body[b-8pr4w6fox1] {
display: flex;
flex-direction: row;
justify-content: flex-start;
padding: 8px 0;
margin-bottom: 50px;
margin-top: 24px;
}
.link-modal-body .link-modal-input[b-8pr4w6fox1] {
display: flex;
flex-direction: row;
align-items: center;
width: 100%;
padding: 8px;
}
.link-modal-body .link-modal-input input[b-8pr4w6fox1] {
width: 100%;
padding: 8px;
border: none;
font-size: 17px;
color: #5B5B5B;
font-weight: 400px;
}
.link-modal-body .link-modal-input img[b-8pr4w6fox1] {
width: 20px;
height: 20px;
margin-right: 8px;
}
.link-modal-body .link-modal-input input:focus[b-8pr4w6fox1] {
outline: none;
}
@keyframes slideUp-b-8pr4w6fox1 {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
.link-modal.desktop-modal[b-8pr4w6fox1] {
position: fixed !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
z-index: 1001 !important;
max-width: 500px !important;
width: 90% !important;
height: auto !important;
max-height: 90vh !important;
overflow-y: auto !important;
background: white !important;
border-radius: 16px !important;
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
bottom: auto !important;
animation: none !important;
padding: 20px !important;
}
.link-modal.desktop-modal .link-modal-body[b-8pr4w6fox1] {
margin-bottom: 0 !important;
margin-top: 16px !important;
}
@media (max-width: 768px) {
.link-modal.desktop-modal[b-8pr4w6fox1] {
position: relative !important;
top: auto !important;
left: auto !important;
transform: none !important;
max-width: none !important;
width: 100% !important;
height: auto !important;
max-height: none !important;
border-radius: 16px !important;
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
}
}
/* _content/Lumiboard.Client.Shared/Components/Common/LocationModal.razor.rz.scp.css */
.location-modal[b-jvfkcrla2m] {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: #fff;
border-radius: 16px 16px 0 0;
padding: 18px;
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.2);
z-index: 1300;
animation: slideUp-b-jvfkcrla2m 0.3s ease-in-out;
}
.location-header[b-jvfkcrla2m] {
display: flex;
justify-content: space-between;
align-items: center;
}
.location-header button[b-jvfkcrla2m] {
font-size: 18px;
font-weight: 700;
color: #007AFF;
cursor: pointer;
}
.location-header h3[b-jvfkcrla2m] {
margin: 0;
text-align: center;
flex-grow: 1;
}
.location-modal-body[b-jvfkcrla2m] {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
gap: 20px;
overflow-y: auto;
height: calc(100vh - 150px);
scrollbar-width: none;
-ms-overflow-style: none;
margin-top: 24px;
}
.archived-chats-search[b-jvfkcrla2m] {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
gap: 8px;
}
.location-search-input[b-jvfkcrla2m] {
display: flex;
align-items: center;
position: relative;
width: 100%;
}
.location-search-input input[b-jvfkcrla2m] {
width: 100%;
padding: 7px 16px 7px 40px;
border-radius: 10px;
font-size: 16px;
font-weight: 500;
color: #21262C;
transition: border-color 0.3s;
background-color: rgba(118, 118, 128, 0.12);
}
.location-search-input input[b-jvfkcrla2m]::placeholder {
color: #B0B0B0;
margin-left: 10px;
}
.location-search-input input:focus[b-jvfkcrla2m] {
border-color: #cac7c7;
outline: none;
}
.location-search-input[b-jvfkcrla2m]::before {
content: url('data:image/svg+xml;utf8,');
position: absolute;
left: 16px;
top: 55%;
transform: translateY(-50%);
}
.location-list[b-jvfkcrla2m] {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
gap: 14px;
}
.location-item[b-jvfkcrla2m] {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 12px 16px;
gap: 12px;
}
.location-item .location-icon[b-jvfkcrla2m] {
width: 30px;
height: 30px;
border-radius: 50%;
background-color: #E0E0E0;
display: flex;
justify-content: center;
align-items: center;
flex: none;
}
.location-item .location-name[b-jvfkcrla2m] {
font-size: 16px;
font-weight: 500;
color: #21262C;
width: 100%;
}
@keyframes slideUp-b-jvfkcrla2m {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
.location-modal.desktop-modal[b-jvfkcrla2m] {
position: fixed !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
z-index: 1001 !important;
max-width: 500px !important;
width: 90% !important;
height: auto !important;
max-height: 90vh !important;
overflow-y: auto !important;
background: white !important;
border-radius: 16px !important;
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
}
.location-modal.desktop-modal .location-modal-body[b-jvfkcrla2m] {
height: auto !important;
min-height: 250px !important;
}
@media (max-width: 768px) {
.location-modal.desktop-modal[b-jvfkcrla2m] {
position: relative !important;
top: auto !important;
left: auto !important;
transform: none !important;
max-width: none !important;
width: 100% !important;
height: auto !important;
min-height: auto !important;
max-height: none !important;
border-radius: 16px !important;
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
}
}
/* _content/Lumiboard.Client.Shared/Components/Common/NotificationContainer.razor.rz.scp.css */
.notification-container[b-rk2ylengot] {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
width: 100%;
padding: 16px;
max-width: 250px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
border-bottom-right-radius: 16px;
border-bottom-left-radius: 4px;
background: linear-gradient(to right, #EFE4FF, #D8DAFF);
}
.notification-container .close-container[b-rk2ylengot] {
width: 100%;
display: flex;
justify-content: flex-end;
align-items: center;
}
.notification-container .close-container .close-button[b-rk2ylengot] {
background: none;
border: none;
cursor: pointer;
height: 10px;
width: 10px;
display: flex;
justify-content: center;
align-items: center;
}
.notification-container p[b-rk2ylengot] {
font-size: 16px;
color: #000000;
margin: 0;
padding: 0;
text-align: left;
}
.notification-container .view-task-button[b-rk2ylengot] {
background: none;
border: 1px solid #27272B;
font-size: 14px;
font-weight: 600;
color: #040404;
padding: 12px 40px;
margin-top: 12px;
border-radius: 99px;
}
.notification-container .view-task-button:active[b-rk2ylengot] {
opacity: 0.8;
}
/* _content/Lumiboard.Client.Shared/Components/Common/OptionsPopup.razor.rz.scp.css */
.options-popup[b-ctmz145cvb] {
position: absolute;
bottom: 35px;
left: 0;
background-color: #F3F3F3;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
border-radius: 12px;
z-index: 1400;
display: flex;
flex-direction: column;
gap: 8px;
min-width: 150px;
}
.options-popup button[b-ctmz145cvb] {
background: none;
border-bottom: 0.5px solid rgba(60, 60, 67, 0.36)!important;
border-top: none!important;
border-right: none!important;
border-left: none!important;
border-radius: 0!important;
display: flex;
justify-content: flex-start;
align-items: center;
text-align: left;
padding: 11px 20px;
cursor: pointer;
font-size: 16px;
font-weight: 400;
color: black;
width: 100%;
transition: background-color 0.2s ease-in-out;
}
.options-popup button img[b-ctmz145cvb] {
margin-right: 12px;
}
/* _content/Lumiboard.Client.Shared/Components/Common/PrioritiesPopup.razor.rz.scp.css */
.options-popup[b-gnv3l2m8s6] {
position: absolute;
bottom: 45px;
left: 0;
background-color: #F3F3F3;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
border-radius: 12px;
z-index: 1400;
display: flex;
flex-direction: column;
gap: 8px;
width: 194px;
}
.options-popup button[b-gnv3l2m8s6] {
background: none;
border-bottom: 0.5px solid rgba(60, 60, 67, 0.36)!important;
border-top: none!important;
border-right: none!important;
border-left: none!important;
border-radius: 0!important;
display: flex;
justify-content: flex-start;
align-items: center;
text-align: left;
padding: 11px 20px;
cursor: pointer;
font-size: 16px;
font-weight: 400;
color: black;
width: 100%;
transition: background-color 0.2s ease-in-out;
}
.options-popup button img[b-gnv3l2m8s6] {
margin-right: 12px;
}
options-popup button:active[b-gnv3l2m8s6] {
background-color: #E5E5E5;
}
/* _content/Lumiboard.Client.Shared/Components/Common/PrivacyNotice.razor.rz.scp.css */
.privacy-notice[b-8hcepo3cmq] {
font-size: 0.875rem;
color: #666;
margin-bottom: 3rem;
}
/* _content/Lumiboard.Client.Shared/Components/Common/ProgressContent.razor.rz.scp.css */
.progress-container[b-uo2oeckmil] {
position: relative;
width: 75px;
height: 75px;
}
.progress-circle[b-uo2oeckmil], .progress-value[b-uo2oeckmil] {
position: absolute;
}
.progress-value[b-uo2oeckmil] {
font-size: 1.2rem;
font-weight: bold;
color: var(--mud-palette-tertiary)
}
/* _content/Lumiboard.Client.Shared/Components/Common/TermsOfUseContent.razor.rz.scp.css */
.terms-content[b-svvkv1pgvv] {
flex: 1;
overflow-y: auto;
padding-right: 1rem;
}
.terms-title[b-svvkv1pgvv] {
font-size: 22px;
font-weight: bold;
margin-bottom: 8px;
text-align: center;
}
.effective-date[b-svvkv1pgvv] {
text-align: center;
margin-bottom: 24px;
color: #666;
}
.terms-section[b-svvkv1pgvv] {
margin-bottom: 20px;
}
.terms-section h3[b-svvkv1pgvv] {
font-weight: bold;
margin-bottom: 8px;
font-size: 16px;
}
.terms-section ul[b-svvkv1pgvv] {
list-style-type: disc;
padding-left: 20px;
margin-bottom: 10px;
}
.terms-section li[b-svvkv1pgvv] {
margin-bottom: 5px;
}
.contact-info[b-svvkv1pgvv] {
margin-top: 30px;
font-style: italic;
}
.contact-info a[b-svvkv1pgvv] {
color: #408AC0;
text-decoration: none;
}
.contact-info a:hover[b-svvkv1pgvv] {
text-decoration: underline;
}
/* _content/Lumiboard.Client.Shared/Components/Common/TypingAnimation.razor.rz.scp.css */
.blinking-cursor[b-fnbgblls9c] {
font-weight: bold;
animation: blink-b-fnbgblls9c 1s step-start infinite;
}
@keyframes blink-b-fnbgblls9c {
50% {
opacity: 0;
}
}
/* _content/Lumiboard.Client.Shared/Components/Dashboard/AiChat/AgentDetails.razor.rz.scp.css */
.agent-details-modal[b-5galu8dpx2] {
position: absolute;
bottom: 100%;
left: 0;
margin-bottom: 8px;
background: white;
border: 1px solid #E2E2E2;
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
z-index: 1000;
min-width: 300px;
padding: 0;
display: block;
}
.agent-details-modal.position-below[b-5galu8dpx2] {
top: 100%;
bottom: auto;
margin-top: 8px;
margin-bottom: 0;
}
.details-content[b-5galu8dpx2],
.details-header[b-5galu8dpx2] {
padding: 1rem;
}
.details-header[b-5galu8dpx2] {
background: #F5F5F5;
border-radius: 8px 8px 0 0;
}
.details-header h4[b-5galu8dpx2] {
font-size: 16px;
font-weight: 600;
color: #09090B;
}
.detail-row[b-5galu8dpx2] {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 12px;
gap: 16px;
}
.detail-row:last-child[b-5galu8dpx2] {
margin-bottom: 0;
}
.detail-label[b-5galu8dpx2] {
font-size: 14px;
font-weight: 500;
color: #090909;
flex-shrink: 0;
min-width: 120px;
}
.detail-value[b-5galu8dpx2] {
font-size: 14px;
font-weight: 400;
color: #090909;
text-align: right;
word-wrap: break-word;
max-width: 200px;
}
.estimations[b-5galu8dpx2] {
background: #F5F5F5;
border-radius: 60px;
display: flex;
flex-direction: row;
gap: 10px;
justify-content: space-between;
align-items: center;
padding: 3px 15px;
font-weight: 500;
font-size: 12px;
color: #4D4D4D;
height: 24px;
width: fit-content;
}
.lumicites-earned[b-5galu8dpx2],
.time-saved[b-5galu8dpx2] {
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 5px;
}
.lumicites-earned img[b-5galu8dpx2],
.time-saved img[b-5galu8dpx2] {
width: 14px;
height: 14px;
}
/* _content/Lumiboard.Client.Shared/Components/Dashboard/AiChat/AllAgents.razor.rz.scp.css */
.dialog-overlay[b-g6fjrjnrs6] {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
align-items: center;
z-index: 3000;
}
.dialog-content[b-g6fjrjnrs6] {
background-color: white;
border-radius: 12px;
max-width: 90%;
max-height: 90%;
width: 500px;
display: flex;
flex-direction: column;
}
.all-agents-modal[b-g6fjrjnrs6] {
display: flex;
flex-direction: column;
height: 100%;
max-height: 80vh;
}
.all-agents-header[b-g6fjrjnrs6] {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 24px;
border-bottom: 1px solid #E1E1E1;
}
.all-agents-header h3[b-g6fjrjnrs6] {
font-size: 18px;
font-weight: 600;
color: #21262C;
margin: 0;
}
.all-agents-header .close-button[b-g6fjrjnrs6] {
background: none;
border: none;
padding: 4px;
cursor: pointer;
border-radius: 4px;
}
.all-agents-header .close-button:hover[b-g6fjrjnrs6] {
background-color: #F5F5F5;
}
.all-agents-header .close-button img[b-g6fjrjnrs6] {
width: 16px;
height: 16px;
}
.all-agents-body[b-g6fjrjnrs6] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 20px;
padding: 24px;
overflow-y: auto;
flex-grow: 1;
}
.contacts-search[b-g6fjrjnrs6] {
display: flex;
align-items: center;
position: relative;
width: 100%;
}
.contacts-search input[b-g6fjrjnrs6] {
width: 100%;
padding: 7px 16px 7px 40px;
border: 1px solid #E1E1E1;
border-radius: 10px;
font-size: 16px;
font-weight: 500;
color: #21262C;
transition: border-color 0.3s;
}
.contacts-search input[b-g6fjrjnrs6]::placeholder {
color: #B0B0B0;
margin-left: 10px;
}
.contacts-search input:focus[b-g6fjrjnrs6] {
border-color: #cac7c7;
outline: none;
}
.contacts-search[b-g6fjrjnrs6]::before {
content: url('data:image/svg+xml;utf8,');
position: absolute;
left: 16px;
top: 55%;
transform: translateY(-50%);
}
.contact-avatar[b-g6fjrjnrs6] {
width: 40px;
height: 40px;
border-radius: 50%;
background-color: #D9D9D9;
display: flex;
justify-content: center;
align-items: center;
color: #21262C;
font-size: 13px;
}
.search-results[b-g6fjrjnrs6] {
position: absolute;
top: 80%;
left: 0;
display: flex;
justify-content: center;
align-items: start;
flex-direction: column;
background-color: white;
border: 1px solid #E1E1E1;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
padding: 10px 0;
gap: 10px;
width: 100%;
z-index: 1000;
max-height: 200px;
overflow-y: auto;
}
.add-new-contact[b-g6fjrjnrs6] {
display: flex;
justify-content: start;
align-items: center;
flex-direction: row;
gap: 10px;
padding: 10px 16px;
background-color: #F8F8F8;
width: 100%;
border-radius: 14px;
cursor: pointer;
transition: background-color 0.2s;
}
.add-new-contact:hover[b-g6fjrjnrs6] {
background-color: #EEEEEE;
}
.add-new-contact button[b-g6fjrjnrs6] {
width: 30px;
height: 30px;
border-radius: 50%;
background-color: #2B2B2B;
display: flex;
justify-content: center;
align-items: center;
border: none;
cursor: pointer;
}
.add-new-contact span[b-g6fjrjnrs6] {
font-size: 17px;
font-weight: 400;
color: #000000;
}
.network-contacts[b-g6fjrjnrs6] {
display: flex;
justify-content: center;
align-items: start;
flex-direction: column;
gap: 6px;
width: 100%;
}
.network-contacts .contacts-title[b-g6fjrjnrs6] {
font-size: 15px;
font-weight: 500;
color: #000000;
}
.network-contacts .contacts-title h4[b-g6fjrjnrs6] {
margin: 0;
font-size: 15px;
font-weight: 500;
color: #000000;
}
.network-contacts .contacts-list[b-g6fjrjnrs6] {
display: flex;
justify-content: start;
align-items: start;
flex-direction: column;
gap: 8px;
padding: 8px 8px;
background-color: #F8F8F8;
width: 100%;
border-radius: 14px;
max-height: 300px;
overflow-y: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.network-contacts .contacts-list[b-g6fjrjnrs6]::-webkit-scrollbar {
display: none;
}
.network-contacts .contacts-list .contact[b-g6fjrjnrs6],
.search-results .contact[b-g6fjrjnrs6] {
display: flex;
flex-direction: row;
justify-content: start;
align-items: center;
gap: 10px;
padding: 8px;
width: 100%;
border-radius: 8px;
cursor: pointer;
transition: background-color 0.2s;
}
.network-contacts .contacts-list .contact:hover[b-g6fjrjnrs6],
.search-results .contact:hover[b-g6fjrjnrs6] {
background-color: #EEEEEE;
}
.network-contacts .contacts-list .contact .contact-info[b-g6fjrjnrs6],
.search-results .contact .contact-info[b-g6fjrjnrs6] {
display: flex;
flex-direction: column;
gap: 2px;
justify-content: center;
align-items: start;
}
.network-contacts .contacts-list .contact .contact-info h5[b-g6fjrjnrs6],
.search-results .contact .contact-info h5[b-g6fjrjnrs6] {
font-size: 15px;
font-weight: 500;
color: #000000;
margin: 0;
}
.network-contacts .contacts-list .contact .contact-info span[b-g6fjrjnrs6],
.search-results .contact .contact-info span[b-g6fjrjnrs6] {
font-size: 13px;
font-weight: 400;
color: #666666;
}
/* _content/Lumiboard.Client.Shared/Components/Dashboard/AiChat/AssistantIconSelector.razor.rz.scp.css */
.inline-icon-selector[b-2tcnnu4s4s] {
position: absolute;
background: white;
border: 1px solid #E4E4E7;
border-radius: 8px;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
padding: 12px;
margin-top: 8px;
z-index: 1001;
width: 280px;
right: 3rem;
top: 10.5rem;
}
.inline-icon-selector.spark-mode[b-2tcnnu4s4s] {
top: 15.5rem;
}
.icon-search[b-2tcnnu4s4s] {
margin-bottom: 12px;
margin-top: 12px;
}
.icon-search input[b-2tcnnu4s4s] {
width: 100%;
background: #F3F3F3;
border: none;
border-radius: 6px;
font-size: 12px;
color: #6F6F6F;
padding: 8px 12px;
}
.icons-grid-container[b-2tcnnu4s4s] {
max-height: 80px;
overflow-x: auto;
overflow-y: hidden;
width: 100%;
}
.icons-grid[b-2tcnnu4s4s] {
display: grid;
grid-template-rows: repeat(2, 1fr);
grid-auto-columns: 40px;
grid-auto-flow: column;
gap: 8px;
width: max-content;
height: 80px;
}
.icon-option[b-2tcnnu4s4s] {
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
background-color: #D9D9D9;
border-radius: 50%;
cursor: pointer;
transition: all 0.2s;
}
.icon-option:hover[b-2tcnnu4s4s] {
background-color: #E4E4E7;
}
.icon-option.selected[b-2tcnnu4s4s] {
border: 2px solid #21262C;
}
.icon-option i[b-2tcnnu4s4s] {
font-size: 14px;
}
/* _content/Lumiboard.Client.Shared/Components/Dashboard/AiChat/ChatPreferences.razor.rz.scp.css */
.preferences-wrapper[b-iarqtfr8at]{
height: 100vh;
position: fixed;
top: 0;
right: 0;
padding: 1rem;
display: flex;
flex-direction: row;
gap: 1rem;
transform: translateX(100%);
transition: transform 0.3s ease-in-out;
z-index: 1050;
}
.preferences-wrapper.open[b-iarqtfr8at] {
transform: translateX(0);
}
.preferences-panel[b-iarqtfr8at] {
width: 420px;
background: #FFFFFF;
box-shadow: -4px 0 12px rgba(0, 0, 0, 0.08);
padding: 24px 20px 40px;
overflow: hidden;
display: flex;
flex-direction: column;
border-radius: 10px;
}
.close-button[b-iarqtfr8at] {
width: 22px;
height: 22px;
cursor: pointer;
border: none;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin-top: 1.5rem;
}
.preferences-header[b-iarqtfr8at] {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 16px;
}
.header-right[b-iarqtfr8at]{
display: flex;
flex-direction: row;
justify-content: center;
gap: 10px;
}
.header-right img[b-iarqtfr8at]{
cursor: pointer;
}
.status[b-iarqtfr8at] {
display: flex;
align-items: center;
gap: 6px;
font-size: 14px;
font-weight: 500;
color: #8D8D8D;
}
.status img[b-iarqtfr8at] {
width: 18px;
height: 18px;
}
.pending[b-iarqtfr8at] {
background: #FFF5D9;
color: #D18D00;
padding: 4px 10px;
border-radius: 4px;
font-size: 13px;
font-weight: 500;
}
.preferences-title[b-iarqtfr8at] {
font-size: 22px;
font-weight: 700;
margin-bottom: 8px;
color: #21262C;
}
.preferences-description[b-iarqtfr8at] {
font-size: 15px;
color: #6C6C72;
margin-bottom: 24px;
}
.preferences-content[b-iarqtfr8at] {
display: flex;
flex-direction: column;
gap: 2rem;
flex: 1;
overflow-y: auto;
}
.preference-item[b-iarqtfr8at] {
display: flex;
flex-direction: column;
gap: 12px;
border-bottom: 1px solid #F5F5F5;
padding-bottom: 2rem;
}
.preference-item:last-child[b-iarqtfr8at] {
border-bottom: none;
}
.preference-item.required .title[b-iarqtfr8at]::after {
content: "";
display: inline-block;
width: 6px;
height: 6px;
background: #FF9400;
border-radius: 50%;
margin-left: 6px;
}
.preference-header[b-iarqtfr8at] {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 15px;
font-weight: 500;
}
.preference-header .updated[b-iarqtfr8at] {
font-size: 13px;
color: #999999;
}
.preference-input[b-iarqtfr8at] {
width: 100%;
border: 1px solid #D9D9D9;
border-radius: 8px;
padding: 11px 14px;
font-size: 15px;
color: #21262C;
}
.value-row[b-iarqtfr8at] {
position: relative;
display: flex;
align-items: center;
}
.value-row .value[b-iarqtfr8at] {
flex: 1;
font-size: 15px;
color: #21262C;
padding: 11px 0;
}
.value-row .preference-input[b-iarqtfr8at] {
flex: 1;
padding-right: 120px; /* Make space for the button */
}
.value-row .confirm-btn[b-iarqtfr8at] {
position: absolute;
right: 8px;
top: 50%;
transform: translateY(-50%);
margin: 0;
}
.confirm-btn[b-iarqtfr8at] {
background: #F4F4F4;
border: 1px solid #6B6B6B;
border-radius: 8px;
font-size: 14px;
padding: 3px 10px;
cursor: pointer;
color: #18181B;
}
.meta[b-iarqtfr8at] {
display: flex;
align-items: center;
gap: 6px;
font-size: 13px;
color: #6C6C72;
}
.meta img[b-iarqtfr8at] {
width: 16px;
height: 16px;
}
/* _content/Lumiboard.Client.Shared/Components/Dashboard/AiChat/ChatWindow.razor.rz.scp.css */
.chat-section[b-yofnst6he3] {
padding: 2rem;
height: 100vh;
position: relative;
}
.chat-wrapper[b-yofnst6he3]{
height: 100vh;
}
.chat-wrapper.spark-mode[b-yofnst6he3] {
border: 3px solid transparent;
border-image: linear-gradient(180deg, #40CA93 0%, #5689EC 100%);
border-image-slice: 1;
}
.chat-wrapper.modal.spark-mode[b-yofnst6he3] {
border: 3px solid transparent;
border-image: linear-gradient(180deg, #40CA93 0%, #5689EC 100%);
border-image-slice: 1;
border-radius: 10px 0 0 10px;
}
.chat-wrapper.modal[b-yofnst6he3] {
position: fixed;
top: 0;
right: 0;
bottom: 0;
width: 40vw;
background: #FFFFFF;
box-shadow: -4px 0 12px rgba(0,0,0,0.08);
display: flex;
flex-direction: column;
z-index: 1200;
border-radius: 10px 0 0 10px;
}
.chat-wrapper.modal .resize-handle[b-yofnst6he3] {
position: absolute;
left: -14px;
top: 70px;
width: 28px;
cursor: pointer;
background: #f5f5f5;
height: 28px;
border: 1px solid #ddd;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: background-color 0.2s ease, border-color 0.2s ease;
}
.chat-wrapper.modal .resize-handle:hover[b-yofnst6he3] {
background: #e8e8e8;
border-color: #bbb;
}
.chat-wrapper.modal .resize-handle svg[b-yofnst6he3],
.chat-wrapper.modal .resize-handle img[b-yofnst6he3] {
pointer-events: none;
transition: transform 0.2s ease;
}
.chat-wrapper.modal .resize-handle.full-width img[b-yofnst6he3],
.chat-wrapper.modal .resize-handle.full-width svg[b-yofnst6he3] {
transform: rotate(180deg);
}
.chat-section.preferences-open[b-yofnst6he3] {
margin-right: 490px;
transition: margin-right 0.3s ease-in-out;
}
.chat-header[b-yofnst6he3] {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 8px;
}
.chat-info[b-yofnst6he3] {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 8px;
position: relative;
}
.chat-icon[b-yofnst6he3] {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
background-color: #D9D9D9;
border-radius: 50%;
position: relative;
}
.chat-icon i[b-yofnst6he3] {
font-size: 16px;
color: #21262C;
}
.chat-title[b-yofnst6he3] {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.chat-title h3[b-yofnst6he3] {
font-size: 18px;
font-weight: 700;
color: #21262C;
}
.chat-title p[b-yofnst6he3] {
font-size: 15px;
font-weight: 400;
color: #8A8A8E;
}
.chat-info img[b-yofnst6he3] {
width: 20px;
height: 10px;
margin-left: 8px;
}
.edit-button[b-yofnst6he3] {
background-color: #FFFFFF;
border: 1px solid #BFBFBF;
cursor: pointer;
border-radius: 60px;
font-size: 15px;
font-weight: 500;
color: #343A40;
padding: 5px 20px;
}
.close-button[b-yofnst6he3] {
width: 22px;
height: 22px;
cursor: pointer;
border: none;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.chat-actions[b-yofnst6he3] {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 1rem;
}
.spark-mode-toggle[b-yofnst6he3] {
display: flex;
align-items: center;
gap: 8px;
margin-right: 2rem;
}
.spark-mode-toggle.small-scaled[b-yofnst6he3] {
margin-bottom: 1rem;
margin-top: 1rem;
}
.spark-mode-label[b-yofnst6he3] {
font-size: 14px;
font-weight: 500;
color: #21262C;
}
.toggle-switch[b-yofnst6he3] {
position: relative;
display: inline-block;
width: 40px;
height: 20px;
}
.toggle-switch input[b-yofnst6he3] {
opacity: 0;
width: 0;
height: 0;
}
.slider[b-yofnst6he3] {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
transition: .4s;
border-radius: 20px;
background-repeat: no-repeat;
background-position: 4px center;
background-size: 14px 14px;
}
.slider[b-yofnst6he3]:before {
position: absolute;
content: "";
height: 16px;
width: 16px;
left: 2px;
bottom: 2px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
border-radius: 50%;
}
input:checked + .slider[b-yofnst6he3] {
background-color: #4842FC;
background-image: url('/svgs/dashboard/spark.svg');
}
input:checked + .slider[b-yofnst6he3]:before {
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
.spark-overlay[b-yofnst6he3] {
position: absolute;
top: -3px;
right: -0.5px;
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.spark-overlay img[b-yofnst6he3] {
width: 22px;
height: 22px;
}
.chat-messages[b-yofnst6he3] {
flex: 1;
padding: 16px;
display: flex;
flex-direction: column;
gap: 16px;
min-height: 70dvh;
max-height: 80dvh;
width: 75%;
margin: auto;
overflow: auto;
}
.user-input[b-yofnst6he3] {
display: flex;
flex-direction: column;
width: 75%;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.assistant-message[b-yofnst6he3] {
align-self: flex-start;
background-color: transparent;
width: 100%;
font-size: 16px;
font-weight: 400;
color: #21262C;
position: relative;
display: flex;
flex-direction: column;
gap: 8px;
padding: 0;
}
.message-reactions[b-yofnst6he3] {
display: flex;
flex-direction: row;
gap: 8px;
width: 100%;
align-items: center;
justify-content: flex-start;
padding: 0;
}
.reactions-wrapper div[b-yofnst6he3]{
display: flex;
flex-direction: row;
gap: 8px;
align-items: center;
justify-content: flex-start;
}
.user-message[b-yofnst6he3] {
align-self: flex-end;
border-radius: 16px;
padding: 17px;
max-width: 80%;
font-size: 16px;
font-weight: 400;
color: #2A0F29;
background-color: #F1F1F1;
}
.chat-input-container[b-yofnst6he3] {
position: sticky;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 8px;
padding-bottom: 16px;
width: 100%;
margin: auto;
}
.chat-input-container form[b-yofnst6he3] {
display: flex;
align-items: end;
justify-content: space-between;
gap: 5px;
flex-direction: row;
flex: 1;
}
.chat-input-container textarea:focus[b-yofnst6he3] {
outline: none;
}
.send-button[b-yofnst6he3] {
background: #1D1D1D;
border: none;
cursor: pointer;
height: 42px;
width: 42px;
padding: 8px 12px;
border-radius: 50%;
}
.attach-button[b-yofnst6he3] {
background: #EBEBEB;
border: none;
cursor: pointer;
height: 42px;
width: 42px;
padding: 8px 12px;
border-radius: 50%;
margin-right: 8px;
}
.attach-button img[b-yofnst6he3] {
width: 20px;
height: 20px;
}
.chat-input-container textarea[b-yofnst6he3] {
flex: 1;
padding: 10px 12px;
background-color: #EBEBEB;
border-radius: 20px;
font-size: 14px;
font-weight: 400;
resize: none;
line-height: 1.5;
overflow-y: hidden;
min-height: calc(1.5 * 1rem);
max-height: calc(4 * 1.5rem);
resize: none;
}
.typing-indicator[b-yofnst6he3] {
display: flex;
align-items: center;
gap: 4px;
background-color: #f5f5ff;
border: 1px solid #d3d3f5;
border-radius: 12px;
padding: 10px;
max-width: 60%;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.typing-indicator span[b-yofnst6he3] {
width: 8px;
height: 8px;
background-color: #bbb;
border-radius: 50%;
animation: typing 1.2s infinite ease-in-out;
}
.loading-dots span[b-yofnst6he3] {
display: inline-block;
width: 8px;
height: 8px;
margin: 0 2px;
background-color: #6a1b9a;
border-radius: 50%;
animation: typing 1s infinite;
}
.loading-dots span:nth-child(2)[b-yofnst6he3] {
animation-delay: 0.2s;
}
.loading-dots span:nth-child(3)[b-yofnst6he3] {
animation-delay: 0.4s;
}
.files-container[b-yofnst6he3] {
display: flex;
align-items: center;
flex-direction: row;
gap: 8px;
width: 100%;
overflow-x: auto;
height: 55px;
}
.files-container .file-item .file[b-yofnst6he3] {
display: flex;
align-items: center;
gap: 8px;
padding: 8px;
border-radius: 10px;
font-size: 14px;
font-weight: 400;
height: 38px;
border: 1px solid #EEEEEE;
background-color: #F7F7F7;
position: relative;
}
.file-count-button[b-yofnst6he3] {
display: flex;
align-items: center;
min-width: 38px;
height: 38px;
background-color: white;
border: 1px solid #DEDEDE;
border-radius: 6px;
cursor: pointer;
font-size: 14px;
position: relative;
}
.file-count-button .file-count[b-yofnst6he3] {
background-color: white;
color: #21262C;
border-radius: 50%;
padding: 2px 4px;
font-size: 15px;
position: absolute;
top: -10px;
right: -7px;
}
.file-item .close-button[b-yofnst6he3] {
width: 20px;
height: 20px;
cursor: pointer;
background-color: rgba(104, 104, 104, 0.19);
border: none;
border-radius: 50%;
position: absolute;
top: -8px;
right: -8px;
}
.user-files[b-yofnst6he3] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
}
.files-message[b-yofnst6he3] {
align-self: flex-end;
border: 1px solid #27272B;
border-radius: 16px;
padding: 13px;
max-width: 80%;
font-size: 14px;
font-weight: 500;
color: #21262C;
}
.user-message-container[b-yofnst6he3] {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 8px;
}
.typing-indicator span:nth-child(2)[b-yofnst6he3] {
animation-delay: 0.2s;
}
.typing-indicator span:nth-child(3)[b-yofnst6he3] {
animation-delay: 0.4s;
}
.system-message[b-yofnst6he3] {
align-self: center;
background-color: #7F7F7F0D;
width: 100%;
text-align: center;
font-size: 14px;
font-weight: 400;
color: #606060;
padding: 8px 0;
border: 1px;
border-radius: 10px;
}
.system-message p[b-yofnst6he3] {
margin: 0;
}
hr[b-yofnst6he3] {
border: none;
border-top: 1px solid #E2E2E2;
width: 100%;
}
.reactions-wrapper[b-yofnst6he3] {
display: flex;
flex-direction: row;
justify-content: space-between;
width: 100%;
}
.estimations[b-yofnst6he3],
.sparks[b-yofnst6he3] {
background: #F5F5F5;
border-radius: 60px;
display: flex;
flex-direction: row;
gap: 10px;
justify-content: space-between;
align-items: center;
padding: 3px 15px;
font-weight: 500;
font-size: 12px;
color: #4D4D4D;
height: 24px;
}
.sparks[b-yofnst6he3] {
gap: 5px;
position: relative;
}
.sparks .agent-details-hover[b-yofnst6he3] {
display: none;
}
.sparks:hover .agent-details-hover[b-yofnst6he3] {
display: block;
}
.sparks:hover[b-yofnst6he3] {
cursor: pointer;
background: #0E0E0E;
color: #FFFFFF;
}
.lumicites-earned[b-yofnst6he3],
.time-saved[b-yofnst6he3] {
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 5px;
}
.sparks img[b-yofnst6he3] {
width: 20px;
height: 20px;
}
.lumicites-earned img[b-yofnst6he3],
.time-saved img[b-yofnst6he3] {
width: 14px;
height: 14px;
}
.generate-report[b-yofnst6he3] {
display: flex;
flex-direction: row;
justify-content: center;
padding: 3px 15px;
gap: 5px;
border-radius: 20px;
font-weight: 400;
font-size: 13px;
text-align: center;
color: #8E8E8E;
background: none;
transition: background 0.5s;
height: 24px;
}
.generate-report:hover[b-yofnst6he3] {
background: #F5F5F5;
}
.generate-report img[b-yofnst6he3] {
width: 14px;
height: 14px;
}
/* _content/Lumiboard.Client.Shared/Components/Dashboard/AiChat/CreateAgentModal.razor.rz.scp.css */
.dialog-overlay[b-5300d2ajbt] {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
display: flex;
align-items: center;
justify-content: center;
z-index: 1000;
padding: 20px;
}
.dialog-content[b-5300d2ajbt] {
background: white;
border-radius: 10px;
width: 100%;
max-width: 480px;
max-height: 95vh;
padding: 3rem;
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
position: relative;
display: flex;
flex-direction: column;
}
.edit-assistant-header[b-5300d2ajbt] {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.edit-assistant-header h3[b-5300d2ajbt] {
color: #18181B;
font-weight: 700;
font-size: 18px;
margin: 0;
}
.content[b-5300d2ajbt] {
display: flex;
flex-direction: column;
gap: 1.5rem;
overflow: auto;
}
.form-group[b-5300d2ajbt] {
display: flex;
flex-direction: column;
gap: 7px;
}
.agent-info[b-5300d2ajbt] {
display: flex;
flex-direction: row;
width: 100%;
justify-content: space-between;
gap: 1rem;
}
.input-title[b-5300d2ajbt] {
font-weight: 500;
font-size: 14px;
color: #18181B;
width: 100%;
}
.agent-name-input[b-5300d2ajbt] {
background: white;
border: 1px solid #F4F4F4;
border-radius: 8px;
font-weight: 400;
font-size: 14px;
color: #18181B;
padding: 10px 16px;
width: 100%;
}
.agent-role-input[b-5300d2ajbt],
.agent-instructions-input[b-5300d2ajbt] {
background: #F3F3F3;
border-radius: 8px;
font-weight: 400;
font-size: 14px;
color: #6F6F6F;
padding: 10px 16px;
}
.icon-selector[b-5300d2ajbt] {
display: flex;
flex-direction: row;
align-items: center;
cursor: pointer;
}
.chat-icon[b-5300d2ajbt] {
display: flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
background-color: #D9D9D9;
border-radius: 50%;
position: relative;
margin-right: 10px;
}
.cancel-button[b-5300d2ajbt] {
border-radius: 8px;
border: 1px solid #E4E4E7;
background: white;
font-weight: 500;
font-size: 14px;
padding: 10px 16px;
color: #18181B;
}
.save-button[b-5300d2ajbt] {
border-radius: 8px;
background: #18181B;
font-weight: 500;
font-size: 14px;
padding: 8px 20px;
color: white;
display: flex;
align-items: center;
gap: 8px;
justify-content: center;
transition: all 0.2s ease;
}
.save-button:disabled[b-5300d2ajbt] {
background: #9CA3AF;
cursor: not-allowed;
}
.loading-spinner[b-5300d2ajbt] {
width: 14px;
height: 14px;
border: 2px solid transparent;
border-top: 2px solid white;
border-radius: 50%;
animation: spin-b-5300d2ajbt 1s linear infinite;
}
@keyframes spin-b-5300d2ajbt {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.file-list[b-5300d2ajbt] {
display: flex;
flex-direction: column;
gap: 6px;
}
.file-item[b-5300d2ajbt] {
display: flex;
flex-direction: row;
align-items: center;
}
.file-item .file[b-5300d2ajbt] {
display: flex;
gap: 8px;
align-items: center;
background: #F3F3F3;
border-radius: 6px;
padding: 4px 8px;
}
.upload-button[b-5300d2ajbt] {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
padding: 5px 14px;
font-size: 15px;
font-weight: 500;
color: #21262C;
background-color: #fff;
border: 1px solid #DEDEDE;
border-radius: 6px;
cursor: pointer;
}
.upload-button img[b-5300d2ajbt] {
width: 12px;
height: 12px;
}
.assistant-properties[b-5300d2ajbt] {
display: flex;
flex-direction: column;
gap: 7px;
}
.name-icon-row[b-5300d2ajbt] {
display: flex;
justify-content: space-between;
align-items: center;
gap: 1rem;
}
.name-icon-row input[b-5300d2ajbt] {
background: white;
border: 1px solid #F4F4F4;
border-radius: 8px;
font-weight: 400;
font-size: 14px;
color: #18181B;
padding: 10px 16px;
flex: 1;
}
.assistant-select-icon[b-5300d2ajbt] {
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
}
.assistant-select-icon p[b-5300d2ajbt] {
font-weight: 500;
font-size: 14px;
color: #18181B;
margin: 0;
}
.assistant-icon[b-5300d2ajbt] {
display: flex;
align-items: center;
gap: 8px;
}
.agent-icon[b-5300d2ajbt] {
display: flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
background-color: #D9D9D9;
border-radius: 50%;
}
.gray-icon[b-5300d2ajbt] {
color: #9CA3AF;
font-size: 12px;
}
.assistant-property[b-5300d2ajbt] {
display: flex;
flex-direction: column;
gap: 7px;
}
.assistant-property label[b-5300d2ajbt],
.name-label[b-5300d2ajbt]{
font-weight: 500;
font-size: 14px;
color: #18181B;
}
.assistant-property input[b-5300d2ajbt],
.assistant-property textarea[b-5300d2ajbt] {
background: #F3F3F3;
border: none;
border-radius: 8px;
font-weight: 400;
font-size: 14px;
color: #6F6F6F;
padding: 10px 16px;
}
.assistant-property p[b-5300d2ajbt] {
font-size: 12px;
color: #747474;
margin: 0;
font-weight: 400;
}
.edit-assistant-footer[b-5300d2ajbt] {
display: flex;
justify-content: flex-end;
gap: 0.5rem;
padding-top: 1rem;
}
/* _content/Lumiboard.Client.Shared/Components/Dashboard/AiChat/EditAgentModal.razor.rz.scp.css */
.dialog-overlay[b-vtn4a8trtp] {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
display: flex;
align-items: center;
justify-content: center;
z-index: 1240;
padding: 20px;
}
.dialog-content[b-vtn4a8trtp] {
background: white;
border-radius: 10px;
width: 100%;
max-width: 480px;
max-height: 95vh;
padding: 3rem;
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
position: relative;
display: flex;
flex-direction: column;
overflow: hidden;
z-index: 1250;
}
header[b-vtn4a8trtp] {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-bottom: 2rem;
}
header h3[b-vtn4a8trtp] {
color: #18181B;
font-weight: 700;
font-size: 18px;
}
.spark-info[b-vtn4a8trtp] {
background: #4741F80D;
color: #4842F8;
border-radius: 10px;
padding: 10px 16px;
width: 100%;
text-align: left;
font-weight: 500;
font-size: 12px;
}
.spark-mode-toggle[b-vtn4a8trtp] {
display: flex;
align-items: center;
gap: 8px;
}
.spark-mode-label[b-vtn4a8trtp] {
font-size: 14px;
font-weight: 500;
color: #21262C;
}
.toggle-switch[b-vtn4a8trtp] {
position: relative;
display: inline-block;
width: 40px;
height: 20px;
}
.toggle-switch input[b-vtn4a8trtp] {
opacity: 0;
width: 0;
height: 0;
}
.slider[b-vtn4a8trtp] {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
transition: .4s;
border-radius: 20px;
background-repeat: no-repeat;
background-position: 4px center;
background-size: 14px 14px;
}
.slider[b-vtn4a8trtp]:before {
position: absolute;
content: "";
height: 16px;
width: 16px;
left: 2px;
bottom: 2px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
border-radius: 50%;
}
input:checked + .slider[b-vtn4a8trtp] {
background-color: #4842FC;
background-image: url('/svgs/dashboard/spark.svg');
}
input:checked + .slider[b-vtn4a8trtp]:before {
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
.content[b-vtn4a8trtp] {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.wrapper[b-vtn4a8trtp] {
display: flex;
flex-direction: column;
gap: 1.5rem;
overflow-y: auto;
height: calc(100vh - 300px);
max-height: calc(95vh - 200px);
padding-bottom: 60px;
}
.form-group[b-vtn4a8trtp] {
display: flex;
flex-direction: column;
gap: 7px;
}
.agent-info[b-vtn4a8trtp] {
display: flex;
flex-direction: row;
width: 100%;
justify-content: space-between;
gap: 1rem;
}
.input-title[b-vtn4a8trtp] {
font-weight: 500;
font-size: 14px;
color: #18181B;
width: 100%;
}
.chat-info[b-vtn4a8trtp] {
display: flex;
flex-direction: row;
}
.agent-name-input[b-vtn4a8trtp] {
background: white;
border: 1px solid #F4F4F4;
border-radius: 8px;
font-weight: 400;
font-size: 14px;
color: #18181B;
padding: 10px 16px;
width: 100%;
}
.icon-selector[b-vtn4a8trtp] {
display: flex;
flex-direction: row;
align-items: center;
cursor: pointer;
}
.icon-selector img[b-vtn4a8trtp] {
width: 12px;
height: 12px;
}
.chat-icon[b-vtn4a8trtp] {
display: flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
background-color: #D9D9D9;
border-radius: 50%;
position: relative;
margin-right: 10px;
}
.agent-role-input[b-vtn4a8trtp],
.agent-instructions-input[b-vtn4a8trtp] {
background: #F3F3F3;
border-radius: 8px;
font-weight: 400;
font-size: 14px;
color: #6F6F6F;
padding: 10px 16px;
}
.delete-section[b-vtn4a8trtp] {
display: flex;
flex-direction: row;
justify-content: space-between;
cursor: pointer;
}
.delete-section img[b-vtn4a8trtp] {
width: 12px;
height: 12px;
}
.delete-text[b-vtn4a8trtp] {
display: flex;
flex-direction: column;
gap: 10px;
text-align: left;
justify-content: flex-start;
}
.delete-title[b-vtn4a8trtp] {
color: #DC3545;
font-weight: 400;
font-size: 15px;
}
.delete-subtitle[b-vtn4a8trtp] {
color: #747474;
font-weight: 400;
font-size: 14px;
}
.controls[b-vtn4a8trtp] {
display: flex;
flex-direction: row;
justify-content: flex-end;
gap: 0.5rem;
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 1rem 3rem;
background: white;
}
.cancel-button[b-vtn4a8trtp] {
border-radius: 8px;
border: 1px solid #E4E4E7;
background: white;
font-weight: 500;
font-size: 14px;
padding: 10px 16px;
color: #18181B;
}
.save-button[b-vtn4a8trtp] {
border-radius: 8px;
background: #18181B;
font-weight: 500;
font-size: 14px;
padding: 8px 20px;
color: white;
display: flex;
align-items: center;
gap: 8px;
justify-content: center;
transition: all 0.2s ease;
}
.save-button:disabled[b-vtn4a8trtp] {
background: #9CA3AF;
cursor: not-allowed;
}
.delete-modal[b-vtn4a8trtp] {
background: white;
border-radius: 12px;
padding: 2rem;
max-width: 350px;
width: 90%;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
.delete-modal h3[b-vtn4a8trtp] {
margin: 0 0 0.5rem 0;
text-align: center;
font-weight: 500;
font-size: 16px;
color: #18181B;
}
.delete-modal p[b-vtn4a8trtp] {
font-size: 13px;
font-weight: 500;
color: #8D8D8D;
margin: 0 0 2rem 0;
text-align: center;
}
.modal-buttons[b-vtn4a8trtp] {
display: flex;
flex-direction: column;
gap: 0.75rem;
}
.delete-btn[b-vtn4a8trtp] {
background-color: #DC2626;
color: white;
border: none;
border-radius: 6px;
padding: 12px 16px;
font-size: 13px;
font-weight: 500;
cursor: pointer;
transition: background-color 0.2s;
width: 100%;
margin: auto;
}
.delete-btn:hover[b-vtn4a8trtp] {
background-color: #c9302c;
}
.cancel-btn[b-vtn4a8trtp] {
background: transparent;
color: #18181B;
border: none;
padding: 12px 16px;
font-size: 13px;
cursor: pointer;
text-align: center;
width: 80%;
margin: auto;
}
.cancel-btn:hover[b-vtn4a8trtp] {
background-color: #f5f5f5;
border-radius: 6px;
}
.loading-spinner[b-vtn4a8trtp] {
width: 14px;
height: 14px;
border: 2px solid transparent;
border-top: 2px solid white;
border-radius: 50%;
animation: spin-b-vtn4a8trtp 1s linear infinite;
}
@keyframes spin-b-vtn4a8trtp {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.capabilities-content[b-vtn4a8trtp]{
border: none;
background: #F4F4F4;
border-radius: 10px;
padding: 10px 16px;
max-height: 170px;
overflow: auto;
}
.capabilities-content.spark-mode[b-vtn4a8trtp] {
background: linear-gradient(white, white) padding-box,
linear-gradient(180deg, #40CA93 0%, #5689EC 100%) border-box;
border: 3px solid transparent;
}
ul li[b-vtn4a8trtp] {
font-weight: 400;
font-size: 14px;
color: #747474;
margin-bottom: 5px;
}
.file-item[b-vtn4a8trtp] {
display: flex;
flex-direction: row;
align-items: center;
margin-bottom: 8px;
}
.file-item .file[b-vtn4a8trtp] {
display: flex;
gap: 8px;
align-items: center;
background: #F3F3F3;
border-radius: 6px;
padding: 8px 12px;
flex: 1;
}
.file-item .file span[b-vtn4a8trtp] {
font-size: 14px;
color: #18181B;
font-weight: 400;
}
.file-item .close-button[b-vtn4a8trtp] {
background: none;
border: none;
padding: 4px;
margin-left: 8px;
cursor: pointer;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
}
.file-item .close-button:hover[b-vtn4a8trtp] {
background-color: #f5f5f5;
}
.file-item .close-button img[b-vtn4a8trtp] {
width: 12px;
height: 12px;
}
.upload-button[b-vtn4a8trtp] {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
padding: 8px 14px;
font-size: 14px;
font-weight: 500;
color: #21262C;
background-color: #fff;
border: 1px solid #DEDEDE;
border-radius: 6px;
cursor: pointer;
margin-top: 8px;
transition: background-color 0.2s;
}
.upload-button:hover[b-vtn4a8trtp] {
background-color: #f5f5f5;
}
.upload-button img[b-vtn4a8trtp] {
width: 12px;
height: 12px;
}
.form-group p[b-vtn4a8trtp] {
font-size: 12px;
color: #747474;
margin: 4px 0 0 0;
font-weight: 400;
}
/* _content/Lumiboard.Client.Shared/Components/Dashboard/ContactPerformanceDialog.razor.rz.scp.css */
.dialog-overlay[b-nlst2zpeo0] {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
display: flex;
align-items: center;
justify-content: center;
z-index: 1000;
padding: 20px;
}
.dialog-content[b-nlst2zpeo0] {
background: white;
border-radius: 10px;
width: 100%;
max-width: 600px;
max-height: 80vh;
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
position: relative;
display: flex;
flex-direction: column;
gap: 1.5rem;
padding: 5rem 3rem 2rem;
}
.close-button[b-nlst2zpeo0] {
top: 2rem;
display: flex;
justify-content: flex-end;
position: absolute;
right: 2.8rem;
}
.close-button button[b-nlst2zpeo0] {
width: 10px;
height: 10px;
background: none;
border: none;
padding: 8px;
cursor: pointer;
border-radius: 8px;
transition: background-color 0.2s;
}
.contact-info[b-nlst2zpeo0] {
display: flex;
align-items: center;
gap: 1rem;
}
.contact-avatar[b-nlst2zpeo0] {
width: 40px;
height: 40px;
border-radius: 50%;
object-fit: cover;
}
.contact-details[b-nlst2zpeo0] {
flex: 1;
}
.contact-name[b-nlst2zpeo0] {
font-size: 16px;
font-weight: 600;
color: #292929;
margin-bottom: 0.25rem;
}
.contact-role[b-nlst2zpeo0] {
font-size: 14px;
color: #71717A;
font-weight: 400;
}
.contact-metrics[b-nlst2zpeo0] {
display: flex;
gap: 2rem;
}
.metric[b-nlst2zpeo0] {
text-align: right;
}
.metric-label[b-nlst2zpeo0] {
display: flex;
font-size: 0.875rem;
color: #6B7280;
margin-bottom: 0.25rem;
}
.metric-value[b-nlst2zpeo0] {
display: block;
font-size: 1.125rem;
font-weight: 600;
color: #111827;
}
.content[b-nlst2zpeo0] {
display: flex;
flex-direction: row;
justify-content: flex-start;
gap: 1rem;
margin: 1rem 0;
}
.insight-section[b-nlst2zpeo0] {
margin-top: auto;
padding-top: 1.5rem;
}
.insight-text[b-nlst2zpeo0] {
padding: 1rem 1.5rem;
background-color: #F7F7F7;
border-radius: 6px;
color: #545454;
font-size: 14px;
font-weight: 500;
text-align: center;
width: 80%;
margin: auto;
}
/* _content/Lumiboard.Client.Shared/Components/Dashboard/ContactsDialog.razor.rz.scp.css */
.contacts-dialog-overlay[b-zvtk4ypsmd] {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 3000;
display: flex;
justify-content: center;
align-items: center;
}
.contacts-modal[b-zvtk4ypsmd] {
position: relative;
width: 90%;
max-width: 480px;
max-height: 80vh;
background-color: #FFFFFF;
border-radius: 16px;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
display: flex;
flex-direction: column;
overflow: hidden;
padding: 2rem;
gap: 1rem;
}
.contacts-modal-header[b-zvtk4ypsmd] {
display: flex;
justify-content: space-between;
align-items: center;
}
.contacts-modal-header h3[b-zvtk4ypsmd] {
font-size: 18px;
font-weight: 700;
color: #21262C;
margin: 0;
}
.close[b-zvtk4ypsmd],
.close-buttons[b-zvtk4ypsmd] {
display: flex;
justify-content: flex-end;
}
.close-buttons.edit[b-zvtk4ypsmd]{
justify-content: flex-start;
}
.close-button[b-zvtk4ypsmd] {
background: none;
border: none;
padding: 8px;
cursor: pointer;
border-radius: 8px;
transition: background-color 0.2s;
}
.close-button:hover[b-zvtk4ypsmd] {
background-color: #F5F5F5;
}
.close-button img[b-zvtk4ypsmd] {
width: 10px;
height: 10px;
}
.add-contact-button[b-zvtk4ypsmd] {
display: flex;
align-items: center;
gap: 8px;
background: none;
padding: 8px 12px;
border-radius: 20px;
cursor: pointer;
transition: background-color 0.2s;
font-size: 14px;
font-weight: 500;
color: #1C1C1C;
border: 1px solid #E4E4E4;
}
.add-contact-button:not(:disabled):hover[b-zvtk4ypsmd] {
background-color: #F0F7FF;
}
.add-contact-button img[b-zvtk4ypsmd] {
width: 16px;
height: 16px;
}
.contacts-modal-body[b-zvtk4ypsmd] {
display: flex;
flex-direction: column;
gap: 24px;
overflow-y: auto;
flex: 1;
}
/* Search Section */
.contacts-search[b-zvtk4ypsmd] {
position: relative;
}
.contacts-search input[b-zvtk4ypsmd] {
width: 100%;
padding: 12px 16px 12px 44px;
border: 1px solid #E1E1E1;
border-radius: 12px;
font-size: 16px;
font-weight: 400;
color: #21262C;
background-color: #FAFAFA;
transition: border-color 0.2s, background-color 0.2s;
box-sizing: border-box;
}
.contacts-search input[b-zvtk4ypsmd]::placeholder {
color: #9CA3AF;
}
.contacts-search input:focus[b-zvtk4ypsmd] {
outline: none;
border-color: #4185DD;
background-color: #FFFFFF;
}
.contacts-search[b-zvtk4ypsmd]::before {
content: url('data:image/svg+xml;utf8,');
position: absolute;
left: 16px;
top: 50%;
transform: translateY(-50%);
pointer-events: none;
}
.search-results[b-zvtk4ypsmd] {
position: absolute;
top: 100%;
left: 0;
right: 0;
background-color: #FFFFFF;
border: 1px solid #E1E1E1;
border-top: none;
border-radius: 0 0 12px 12px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
z-index: 100;
max-height: 200px;
overflow-y: auto;
}
/* Section Headers */
.section-header[b-zvtk4ypsmd] {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 12px;
}
.section-header h4[b-zvtk4ypsmd] {
font-size: 16px;
font-weight: 600;
color: #21262C;
margin: 0;
}
.list-view-toggle[b-zvtk4ypsmd] {
background: none;
border: none;
padding: 8px;
cursor: pointer;
border-radius: 6px;
transition: background-color 0.2s;
}
.list-view-toggle:hover[b-zvtk4ypsmd] {
background-color: #F5F5F5;
}
.list-view-toggle img[b-zvtk4ypsmd] {
width: 16px;
height: 16px;
}
.recommended-contacts[b-zvtk4ypsmd] {
background: #F8F8F8;
border-radius: 14px;
display: flex;
gap: 16px;
align-items: center;
overflow-x: auto;
padding: 1rem;
}
.recommended-contact[b-zvtk4ypsmd] {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
min-width: 64px;
cursor: pointer;
padding: 8px;
border-radius: 12px;
transition: background-color 0.2s;
}
.recommended-contact:hover[b-zvtk4ypsmd] {
background-color: #F8F9FA;
}
.recommended-contact .contact-avatar[b-zvtk4ypsmd] {
width: 48px;
height: 48px;
border-radius: 50%;
overflow: hidden;
}
.recommended-contact .contact-avatar img[b-zvtk4ypsmd] {
width: 100%;
height: 100%;
object-fit: cover;
}
.recommended-contact span[b-zvtk4ypsmd] {
font-size: 12px;
font-weight: 500;
color: #21262C;
text-align: center;
line-height: 1.2;
}
/* Network Section */
.network-contacts[b-zvtk4ypsmd] {
max-height: 300px;
overflow-y: auto;
padding-right: 4px;
border-radius: 14px;
background: #F8F8F8;
}
/* Contact Items */
.contact-item[b-zvtk4ypsmd] {
display: flex;
align-items: flex-start;
gap: 12px;
position: relative;
cursor: pointer;
border-radius: 8px;
transition: background-color 0.2s;
padding: 1rem;
}
.contact-item:hover[b-zvtk4ypsmd] {
background-color: #F8F9FA;
}
.contact-item:last-child[b-zvtk4ypsmd] {
border-bottom: none;
}
.contact-item .contact-avatar[b-zvtk4ypsmd] {
width: 40px;
height: 40px;
border-radius: 50%;
overflow: hidden;
flex-shrink: 0;
}
.contact-item .contact-avatar img[b-zvtk4ypsmd] {
width: 100%;
height: 100%;
object-fit: cover;
}
.contact-item .contact-info[b-zvtk4ypsmd] {
flex: 1;
display: flex;
flex-direction: column;
gap: 2px;
}
.contact-item .contact-info h5[b-zvtk4ypsmd] {
font-size: 16px;
font-weight: 600;
color: #21262C;
margin: 0;
line-height: 1.3;
}
.contact-item .contact-info .contact-title[b-zvtk4ypsmd] {
font-size: 14px;
font-weight: 400;
color: #6B7280;
line-height: 1.2;
}
.contact-item .contact-info .contact-email[b-zvtk4ypsmd] {
font-size: 14px;
font-weight: 400;
color: #9CA3AF;
line-height: 1.2;
}
.external-label[b-zvtk4ypsmd] {
position: absolute;
top: 8px;
right: 8px;
background-color: #F3F4F6;
color: #6B7280;
font-size: 11px;
font-weight: 500;
padding: 2px 6px;
border-radius: 4px;
line-height: 1;
}
/* Loading and Empty States */
.loading[b-zvtk4ypsmd], .no-contacts[b-zvtk4ypsmd] {
text-align: center;
padding: 40px 20px;
color: #9CA3AF;
font-size: 14px;
}
/* Mobile Responsiveness */
@media (max-width: 600px) {
.contacts-modal[b-zvtk4ypsmd] {
width: 95%;
max-height: 90vh;
}
.contacts-modal-header[b-zvtk4ypsmd] {
padding: 12px 16px;
}
.contacts-modal-body[b-zvtk4ypsmd] {
padding: 16px;
}
.add-contact-button span[b-zvtk4ypsmd] {
display: none;
}
}
/* ========== ADD CONTACT FORM STYLES ========== */
.add-contact-header[b-zvtk4ypsmd] {
display: flex;
justify-content: space-between;
align-items: center;
padding: 16px 20px;
position: relative;
}
.add-contact-header .close-button[b-zvtk4ypsmd] {
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
}
.back-to-contacts-btn[b-zvtk4ypsmd] {
background: none;
border: none;
color: #6B7280;
font-size: 14px;
font-weight: 500;
cursor: pointer;
padding: 8px 0;
border-radius: 6px;
transition: background-color 0.2s, color 0.2s;
}
.back-to-contacts-btn:hover[b-zvtk4ypsmd] {
color: #21262C;
}
.add-contact-header h3[b-zvtk4ypsmd] {
font-size: 18px;
font-weight: 700;
color: #18181B;
margin: 0;
width: 100%;
text-align: center;
}
.add-contact-body[b-zvtk4ypsmd] {
display: flex;
flex-direction: column;
gap: 24px;
overflow-y: auto;
flex: 1;
}
.add-contact-avatar[b-zvtk4ypsmd] {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
}
.avatar-placeholder[b-zvtk4ypsmd] {
width: 80px;
height: 80px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.avatar-placeholder img[b-zvtk4ypsmd] {
width: 60px;
height: 60px;
opacity: 0.6;
}
.add-photo-btn[b-zvtk4ypsmd] {
background: none;
border: none;
color: #4842FC;
font-size: 14px;
font-weight: 500;
cursor: pointer;
padding: 4px 8px;
border-radius: 6px;
transition: background-color 0.2s;
}
.add-photo-btn:hover[b-zvtk4ypsmd] {
background-color: #F0F7FF;
}
.form-group[b-zvtk4ypsmd] {
display: flex;
flex-direction: column;
gap: 4px;
margin-bottom: 1rem;
}
.form-group label[b-zvtk4ypsmd] {
font-size: 12px;
font-weight: 600;
color: #6B7280;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.form-group input[b-zvtk4ypsmd],
.form-group textarea[b-zvtk4ypsmd] {
padding: 12px 16px;
border: 1px solid #E5E7EB;
border-radius: 12px;
font-size: 16px;
font-weight: 400;
color: #21262C;
background-color: #FFFFFF;
transition: border-color 0.2s, box-shadow 0.2s;
resize: none;
}
.form-group input[b-zvtk4ypsmd]::placeholder,
.form-group textarea[b-zvtk4ypsmd]::placeholder {
color: #9CA3AF;
}
.form-group input:focus[b-zvtk4ypsmd],
.form-group textarea:focus[b-zvtk4ypsmd] {
outline: none;
border-color: #4185DD;
box-shadow: 0 0 0 3px rgba(65, 133, 221, 0.1);
}
.form-group input.error[b-zvtk4ypsmd] {
border-color: #EF4444;
box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
}
.error-message[b-zvtk4ypsmd] {
font-size: 12px;
color: #EF4444;
margin-top: 4px;
}
.form-actions[b-zvtk4ypsmd] {
display: flex;
justify-content: space-between;
align-items: center;
gap: 6rem;
margin: 1rem auto auto;
}
.add-contact-submit-btn[b-zvtk4ypsmd] {
color: #FFFFFF;
border: none;
font-size: 16px;
font-weight: 500;
cursor: pointer;
transition: background-color 0.2s, opacity 0.2s;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 8px 16px;
background: #4842FC;
border-radius: 20px;
flex: 1;
}
.add-contact-submit-btn:hover:not(:disabled)[b-zvtk4ypsmd] {
background-color: #302afd;
}
.add-contact-submit-btn:disabled[b-zvtk4ypsmd] {
opacity: 0.6;
cursor: not-allowed;
}
.delete-contact-btn[b-zvtk4ypsmd] {
color: #DC3545;
background: #FFFFFF;
font-size: 16px;
font-weight: 500;
cursor: pointer;
transition: color 0.2s;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 8px 16px;
border-radius: 20px;
flex: 1;
}
.delete-contact-btn:hover:not(:disabled)[b-zvtk4ypsmd] {
background-color: #FEF2F2;
}
.delete-contact-btn:hover[b-zvtk4ypsmd]{
color: #b51323;
}
/* Add to mobile responsiveness section */
@media (max-width: 600px) {
.add-contact-header[b-zvtk4ypsmd] {
padding: 12px 16px;
}
.add-contact-body[b-zvtk4ypsmd] {
padding: 16px;
}
.add-contact-header h3[b-zvtk4ypsmd] {
font-size: 16px;
}
.form-group input[b-zvtk4ypsmd],
.form-group textarea[b-zvtk4ypsmd] {
font-size: 16px; /* Prevents zoom on iOS */
}
.form-actions[b-zvtk4ypsmd] {
flex-direction: column;
gap: 12px;
}
.add-contact-submit-btn[b-zvtk4ypsmd],
.delete-contact-btn[b-zvtk4ypsmd] {
width: 100%;
}
}
/* _content/Lumiboard.Client.Shared/Components/Dashboard/Customization/NotificationsModal.razor.rz.scp.css */
.modal-overlay[b-fl7lwmttam] {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1200;
}
.notifications-modal[b-fl7lwmttam] {
position: fixed;
top: 200px;
width: 400px;
background-color: #fff;
border-radius: 10px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
z-index: 1300;
display: flex;
flex-direction: column;
animation: slideInDown-b-fl7lwmttam 0.3s ease-in-out;
}
.notifications-modal.compact[b-fl7lwmttam] {
height: 367px;
}
.notifications-modal.expanded[b-fl7lwmttam] {
height: 600px;
}
.notifications-modal.collapsed-nav[b-fl7lwmttam] {
left: 100px;
}
.notifications-modal.expanded-nav[b-fl7lwmttam] {
left: 270px;
}
@keyframes slideInDown-b-fl7lwmttam {
from {
opacity: 0;
transform: translateY(-20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.close-button-container[b-fl7lwmttam] {
position: absolute;
top: 16px;
right: 16px;
z-index: 10;
}
.close-button[b-fl7lwmttam] {
border: none;
background: none;
cursor: pointer;
padding: 4px;
display: flex;
align-items: center;
justify-content: center;
}
.close-button img[b-fl7lwmttam] {
width: 10px;
height: 10px;
opacity: 0.6;
transition: opacity 0.2s ease;
}
.close-button:hover img[b-fl7lwmttam] {
opacity: 1;
}
.notifications-header[b-fl7lwmttam] {
padding: 24px;
border-radius: 10px 10px 0 0;
margin-top: 1rem;
}
.notifications-header-content[b-fl7lwmttam] {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.notifications-title h3[b-fl7lwmttam] {
margin: 0;
font-size: 20px;
font-weight: 600;
color: #21262C;
}
.notifications-header-filter[b-fl7lwmttam] {
display: flex;
gap: 4px;
padding: 2.5px;
background-color: rgba(118, 118, 128, 0.12);
border-radius: 8px;
}
.notifications-header-filter button[b-fl7lwmttam] {
border: none;
background: none;
font-size: 13px;
font-weight: 600;
color: #000000;
border-radius: 7px;
padding: 5px 12px;
cursor: pointer;
white-space: nowrap;
width: 100px;
}
.notifications-header-filter button.active[b-fl7lwmttam] {
background-color: white;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.notifications-body[b-fl7lwmttam] {
flex: 1;
overflow-y: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.notifications-body[b-fl7lwmttam]::-webkit-scrollbar {
display: none;
}
.notifications-body .notification[b-fl7lwmttam] {
width: 100%;
padding: 16px;
display: flex;
justify-content: flex-start;
flex-direction: row;
align-items: center;
gap: 12px;
}
.notifications-body .notification .notification-avatar[b-fl7lwmttam] {
display: flex;
justify-content: flex-start;
align-items: center;
flex-shrink: 0;
}
.notifications-body .notification .notification-avatar img[b-fl7lwmttam] {
width: 45px;
height: 45px;
}
.notifications-body .notification .notification-message[b-fl7lwmttam] {
display: flex;
justify-content: flex-start;
align-items: start;
flex-direction: column;
gap: 4px;
width: 100%;
min-width: 0;
}
.notifications-body .notification .notification-message .message[b-fl7lwmttam] {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin: 0;
font-size: 13px;
font-weight: 500;
color: #000000;
line-height: 18px;
}
.notifications-body .notification .notification-message .notification-date[b-fl7lwmttam] {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.notifications-body .notification .notification-message .notification-date .date[b-fl7lwmttam] {
font-size: 13px;
font-weight: 400;
color: #727272;
}
hr[b-fl7lwmttam] {
width: 100%;
margin: 0;
border: 0;
border-top: 1px solid #E5E5E5;
}
.notifications-body hr:last-child[b-fl7lwmttam] {
display: none;
}
.no-notifications[b-fl7lwmttam] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 20px;
height: 100%;
width: 100%;
flex: 1;
padding: 40px 20px;
}
.no-notifications-content[b-fl7lwmttam] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 16px;
}
.no-notifications-content img[b-fl7lwmttam] {
width: 48px;
height: 48px;
opacity: 0.5;
}
.no-notifications-content p[b-fl7lwmttam] {
font-size: 16px;
font-weight: 500;
color: #21262C;
text-align: center;
margin: 0;
}
.no-notifications-content span[b-fl7lwmttam] {
font-size: 14px;
font-weight: 500;
color: #686868;
text-align: center;
}
/* Responsive adjustments */
@media (max-width: 768px) {
.notifications-modal[b-fl7lwmttam] {
left: 20px !important;
right: 20px;
width: auto;
}
}
/* _content/Lumiboard.Client.Shared/Components/Dashboard/Customization/TaskBalanceCustomization.razor.rz.scp.css */
/* Customization Section Styles */
.task-balance-details-bar[b-uoncvwjszz] {
margin-bottom: 15px;
width: 100%;
}
.balance-type[b-uoncvwjszz] {
display: flex;
justify-content: space-between;
align-items: center;
gap: 15px;
margin-bottom: 5px;
font-size: 14px;
width: 100%;
}
.balance-type-header[b-uoncvwjszz] {
display: flex;
align-items: center;
gap: 8px;
flex-direction: row;
}
.balance-value[b-uoncvwjszz] {
display: flex;
align-items: center;
}
.balance-controls[b-uoncvwjszz] {
display: inline-flex;
margin-left: 10px;
}
.balance-controls button[b-uoncvwjszz] {
width: 28px;
height: 28px;
border-radius: 3px;
border: 1px solid #ddd;
background-color: white;
font-size: 16px;
margin: 0 2px;
cursor: pointer;
}
.balance-controls button:not(:disabled).strategic-btn[b-uoncvwjszz] {
border-color: #ff0066;
}
.balance-controls button:not(:disabled).wellbeing-btn[b-uoncvwjszz] {
border-color: #7928ca;
}
.balance-controls button:not(:disabled).operational-btn[b-uoncvwjszz] {
border-color: #3a0ca3;
}
.balance-controls button:not(:disabled).social-btn[b-uoncvwjszz] {
border-color: #48bfe3;
}
.balance-controls button:disabled[b-uoncvwjszz] {
opacity: 0.5;
cursor: not-allowed;
}
.progress-container[b-uoncvwjszz] {
height: 10px;
background-color: #eee;
border-radius: 5px;
overflow: hidden;
width: 100%;
}
.progress-bar[b-uoncvwjszz] {
height: 100%;
transition: width 0.3s ease;
}
.progress-bar.strategic[b-uoncvwjszz] {
background: linear-gradient(to right, #ff5f9e, #ff0066); /* Pink */
}
.progress-bar.wellbeing[b-uoncvwjszz] {
background: linear-gradient(to right, #a85cf9, #7928ca); /* Purple */
}
.progress-bar.operational[b-uoncvwjszz] {
background: linear-gradient(to right, #4361ee, #3a0ca3); /* Blue */
}
.progress-bar.social[b-uoncvwjszz] {
background: linear-gradient(to right, #4cc9f0, #48bfe3); /* Azure */
}
.task-balance-total[b-uoncvwjszz] {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 20px;
gap: 15px;
font-weight: 600;
}
.save-balance-btn[b-uoncvwjszz] {
background-color: #0070f3;
color: white;
border: none;
border-radius: 99px;
padding: 8px 15px;
cursor: pointer;
transition: background-color 0.2s;
}
.save-balance-btn:active[b-uoncvwjszz] {
background-color: #0060df;
}
.save-balance-btn:disabled[b-uoncvwjszz] {
background-color: #ccc;
cursor: not-allowed;
}
.tooltip-container[b-uoncvwjszz] {
position: relative;
display: inline-block;
}
.tooltip-icon[b-uoncvwjszz] {
display: flex;
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
border-radius: 50%;
background-color: #e0e0e0;
color: #666;
font-size: 11px;
font-weight: bold;
cursor: help;
}
.tooltip-text[b-uoncvwjszz] {
visibility: hidden;
position: absolute;
z-index: 100;
width: 200px;
background-color: #fff;
color: #333;
text-align: left;
border-radius: 6px;
padding: 10px;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
font-size: 12px;
line-height: 1.4;
left: 50%;
transform: translateX(-50%);
bottom: 25px;
opacity: 0;
transition: opacity 0.3s;
}
.tooltip-container:hover .tooltip-text[b-uoncvwjszz] {
visibility: visible;
opacity: 1;
}
.tooltip-text[b-uoncvwjszz]::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #fff transparent transparent transparent;
}
/* Loading Overlay Styles */
.customization-content.loading-blur[b-uoncvwjszz] {
filter: blur(3px);
}
.loading-overlay[b-uoncvwjszz] {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(255, 255, 255, 0.6);
z-index: 1000;
border-radius: 8px;
}
.loading-container[b-uoncvwjszz] {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
z-index: 1200;
pointer-events: none;
}
.loading-container .loading-text[b-uoncvwjszz] {
font-size: 14px;
font-weight: 600;
color: #21262C;
margin-top: 12px;
}
/* _content/Lumiboard.Client.Shared/Components/Dashboard/Customization/TimeEfficiencyCustomization.razor.rz.scp.css */
/* Customization Section Styles */
.time-efficiency-details-bar[b-phibxgwckw] {
margin-bottom: 15px;
width: 100%;
}
.balance-type[b-phibxgwckw] {
display: flex;
justify-content: space-between;
align-items: center;
gap: 15px;
margin-bottom: 5px;
font-size: 14px;
width: 100%;
}
.balance-type-header[b-phibxgwckw] {
display: flex;
align-items: center;
gap: 8px;
flex-direction: row;
}
.balance-value[b-phibxgwckw] {
display: flex;
align-items: center;
}
.balance-controls[b-phibxgwckw] {
display: inline-flex;
margin-left: 10px;
}
.balance-controls button[b-phibxgwckw] {
width: 28px;
height: 28px;
border-radius: 3px;
border: 1px solid #ddd;
background-color: white;
font-size: 16px;
margin: 0 2px;
cursor: pointer;
}
/* Button colors for each metric */
.balance-controls button:not(:disabled).focus-flow-btn[b-phibxgwckw] {
border-color: #ff0066; /* Pink */
}
.balance-controls button:not(:disabled).schedule-conflict-btn[b-phibxgwckw] {
border-color: #7928ca; /* Purple */
}
.balance-controls button:not(:disabled).meeting-redundancy-btn[b-phibxgwckw] {
border-color: #3a0ca3; /* Blue */
}
.balance-controls button:not(:disabled).off-hours-meeting-btn[b-phibxgwckw] {
border-color: #48bfe3; /* Azure */
}
.balance-controls button:not(:disabled).pause-compliance-btn[b-phibxgwckw] {
border-color: #00b4d8; /* Cyan */
}
.balance-controls button:disabled[b-phibxgwckw] {
opacity: 0.5;
cursor: not-allowed;
}
.progress-container[b-phibxgwckw] {
height: 10px;
background-color: #eee;
border-radius: 5px;
overflow: hidden;
width: 100%;
}
.progress-bar[b-phibxgwckw] {
height: 100%;
transition: width 0.3s ease;
}
.progress-bar.focus-flow[b-phibxgwckw] {
background: linear-gradient(to right, #ff5f9e, #ff0066); /* Pink */
}
.progress-bar.schedule-conflict[b-phibxgwckw] {
background: linear-gradient(to right, #a85cf9, #7928ca); /* Purple */
}
.progress-bar.meeting-redundancy[b-phibxgwckw] {
background: linear-gradient(to right, #4361ee, #3a0ca3); /* Blue */
}
.progress-bar.off-hours-meeting[b-phibxgwckw] {
background: linear-gradient(to right, #4cc9f0, #48bfe3); /* Azure */
}
.progress-bar.pause-compliance[b-phibxgwckw] {
background: linear-gradient(to right, #00b4d8, #0077b6); /* Cyan */
}
.time-efficiency-total[b-phibxgwckw] {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 20px;
gap: 15px;
font-weight: 600;
}
.save-efficiency-btn[b-phibxgwckw] {
background-color: #0070f3;
color: white;
border: none;
border-radius: 99px;
padding: 8px 15px;
cursor: pointer;
transition: background-color 0.2s;
}
.save-efficiency-btn:active[b-phibxgwckw] {
background-color: #0060df;
}
.save-efficiency-btn:disabled[b-phibxgwckw] {
background-color: #ccc;
cursor: not-allowed;
}
.tooltip-container[b-phibxgwckw] {
position: relative;
display: inline-block;
}
.tooltip-icon[b-phibxgwckw] {
display: flex;
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
border-radius: 50%;
background-color: #e0e0e0;
color: #666;
font-size: 11px;
font-weight: bold;
cursor: help;
}
.tooltip-text[b-phibxgwckw] {
visibility: hidden;
position: absolute;
z-index: 100;
width: 200px;
background-color: #fff;
color: #333;
text-align: left;
border-radius: 6px;
padding: 10px;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
font-size: 12px;
line-height: 1.4;
left: 50%;
transform: translateX(-50%);
bottom: 25px;
opacity: 0;
transition: opacity 0.3s;
}
.tooltip-container:hover .tooltip-text[b-phibxgwckw] {
visibility: visible;
opacity: 1;
}
.tooltip-text[b-phibxgwckw]::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #fff transparent transparent transparent;
}
/* Loading Overlay Styles */
.customization-content.loading-blur[b-phibxgwckw] {
filter: blur(3px);
}
.loading-overlay[b-phibxgwckw] {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(255, 255, 255, 0.6);
z-index: 1000;
border-radius: 8px;
}
.loading-container[b-phibxgwckw] {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
z-index: 1200;
pointer-events: none;
}
.loading-container .loading-text[b-phibxgwckw] {
font-size: 14px;
font-weight: 600;
color: #21262C;
margin-top: 12px;
}
/* _content/Lumiboard.Client.Shared/Components/Dashboard/DashboardDailySummary.razor.rz.scp.css */
.modal-overlay[b-w3wosw6l9a] {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
display: flex;
align-items: center;
justify-content: center;
z-index: 1000;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
.modal-overlay.show[b-w3wosw6l9a] {
opacity: 1;
visibility: visible;
}
.modal-content[b-w3wosw6l9a] {
background: white;
border-radius: 10px;
padding: 2rem;
width: 42%;
max-height: 94vh;
overflow-y: auto;
position: relative;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}
.close-button[b-w3wosw6l9a] {
position: absolute;
top: 20px;
right: 20px;
background: none;
border: none;
cursor: pointer;
padding: 8px;
border-radius: 50%;
transition: background-color 0.2s ease;
}
.close-button:hover[b-w3wosw6l9a] {
background-color: #f5f5f5;
}
.close-button img[b-w3wosw6l9a] {
width: 10px;
height: 10px;
}
.modal-header[b-w3wosw6l9a] {
text-align: center;
margin-bottom: 1rem;
margin-top: 1.5rem;
}
.modal-title[b-w3wosw6l9a] {
font-size: 20px;
font-weight: 700;
color: #1a1a1a;
margin: 0 0 1rem 0;
}
.character-avatar[b-w3wosw6l9a] {
margin-bottom: 1rem;
}
.character-avatar img[b-w3wosw6l9a] {
width: 100px;
height: 100px;
}
.role-title[b-w3wosw6l9a] {
font-size: 16px;
font-weight: 500;
color: #1a1a1a;
margin: 0;
}
.role-highlight[b-w3wosw6l9a] {
color: #7c6bff;
font-weight: 700;
}
.stats-container[b-w3wosw6l9a] {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
gap: 16px;
margin-bottom: 2rem;
}
.stat-card[b-w3wosw6l9a] {
background: #FFFFFF;
border: 1px solid #D1D1D1;
border-radius: 10px;
padding: 1rem;
display: flex;
flex-direction: column;
align-items: flex-start;
text-align: left;
}
.stat-icon[b-w3wosw6l9a] {
width: 24px;
height: 24px;
}
.stat-content[b-w3wosw6l9a] {
width: 100%;
display: flex;
flex-direction: row;
gap: 0.5rem;
align-items: flex-end;
}
.stat-label[b-w3wosw6l9a] {
font-size: 13px;
color: #2F2F2F;
margin-bottom: 1rem;
font-weight: 500;
}
.stat-value[b-w3wosw6l9a] {
font-size: 16px;
font-weight: 700;
color: #2F2F2F;
/*display: flex;*/
/*align-items: center;*/
/*justify-content: center;*/
gap: 8px;
}
.stat-best[b-w3wosw6l9a] {
font-size: 12px;
color: #6c757d;
font-weight: 500;
}
.analysis-section[b-w3wosw6l9a] {
background: #F9F8FF;
border-radius: 10px;
padding: 2rem;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2rem;
}
.ai-message[b-w3wosw6l9a] {
display: flex;
flex-direction: row;
gap: 1rem;
}
.ai-avatar[b-w3wosw6l9a] {
width: 40px;
height: 40px;
background: #333;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.ai-avatar img[b-w3wosw6l9a] {
width: 20px;
height: 20px;
}
.analysis-content[b-w3wosw6l9a] {
flex: 1;
border: 1px solid transparent;
border-radius: 0 16px 16px 16px;
background:
linear-gradient(#F9F8FF, #F9F8FF) padding-box, /* inner background */
linear-gradient(180deg, #4842FC, #5CB6FF) border-box; /* border gradient */
padding: 1rem;
}
.analysis-text[b-w3wosw6l9a] {
font-size: 16px;
color: #1a1a1a;
margin-bottom: 16px;
line-height: 1.5;
}
.kpi-button[b-w3wosw6l9a] {
background: #4842FC1A;
border-radius: 20px;
padding: 12px 16px;
font-size: 14px;
font-weight: 600;
color: #4842FC;
cursor: pointer;
display: flex;
align-items: center;
gap: 8px;
transition: all 0.2s ease;
}
.kpi-button:hover[b-w3wosw6l9a] {
background: linear-gradient(135deg, #e0d9ff 0%, #ebe3ff 100%);
transform: translateY(-1px);
}
.kpi-icon[b-w3wosw6l9a] {
font-size: 16px;
}
.rating-section[b-w3wosw6l9a] {
text-align: center;
margin: auto;
}
.rating-title[b-w3wosw6l9a] {
font-size: 14px;
font-weight: 600;
color: #1a1a1a;
margin: 0 0 0.5rem 0;
}
.rating-emojis[b-w3wosw6l9a] {
display: flex;
justify-content: center;
}
.emoji-button[b-w3wosw6l9a] {
background: none;
border: none;
font-size: 32px;
cursor: pointer;
padding: 8px;
border-radius: 50%;
transition: transform 0.2s ease, background-color 0.2s ease;
width: 56px;
height: 56px;
display: flex;
align-items: center;
justify-content: center;
}
.emoji-button:hover[b-w3wosw6l9a] {
background-color: #f5f5f5;
transform: scale(1.1);
}
@media (max-width: 640px) {
.modal-content[b-w3wosw6l9a] {
padding: 24px;
margin: 16px;
width: calc(100% - 32px);
}
.stats-container[b-w3wosw6l9a] {
grid-template-columns: 1fr;
}
.rating-emojis[b-w3wosw6l9a] {
flex-wrap: wrap;
gap: 8px;
}
.emoji-button[b-w3wosw6l9a] {
font-size: 28px;
width: 48px;
height: 48px;
}
}
/* _content/Lumiboard.Client.Shared/Components/Dashboard/EffortlessMeetingsDialog.razor.rz.scp.css */
.dialog-overlay[b-06tylxyts5] {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
display: flex;
align-items: center;
justify-content: center;
z-index: 1000;
padding: 20px;
}
.dialog-content[b-06tylxyts5] {
background: white;
border-radius: 24px;
width: 100%;
max-width: 768px;
max-height: 80vh;
padding: 2rem 5rem;
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
position: relative;
display: flex;
flex-direction: column;
}
.close-button[b-06tylxyts5] {
position: absolute;
top: 20px;
right: 20px;
background: none;
border: none;
cursor: pointer;
padding: 4px;
border-radius: 6px;
transition: background-color 0.2s;
z-index: 10;
}
.close-button:hover[b-06tylxyts5] {
background-color: #f3f4f6;
}
.close-button img[b-06tylxyts5] {
width: 10px;
height: 10px;
}
.dialog-header[b-06tylxyts5] {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 16px;
margin-top: 20px;
}
.dialog-title[b-06tylxyts5] {
display: flex;
align-items: center;
gap: 8px;
font-size: 20px;
font-weight: 600;
color: #18181B;
}
.dialog-icon[b-06tylxyts5] {
width: 20px;
height: 20px;
}
.dialog-subtitle[b-06tylxyts5] {
color: #818181;
font-size: 15px;
margin: 0 0 24px 0;
text-align: center;
}
.time-saved[b-06tylxyts5] {
border: 1px solid #EDEDED;
margin: auto auto 2rem;
background: #ffffff;
border-radius: 8px;
width: 60%;
padding: 1rem;
display: flex;
flex-direction: row;
gap: 2rem;
justify-content: space-between;
}
.time[b-06tylxyts5],
.lumicites[b-06tylxyts5] {
display: flex;
flex-direction: column;
gap: 1rem;
text-align: left;
}
.time p[b-06tylxyts5],
.lumicites p[b-06tylxyts5] {
font-size: 13px;
font-weight: 500;
vertical-align: middle;
}
.time-value[b-06tylxyts5] {
color: #3E9B2A;
}
.lumicites-value[b-06tylxyts5] {
color: #002CCD;
}
.arrow-up[b-06tylxyts5] {
margin-left: 7px;
vertical-align: middle;
}
.value-icon[b-06tylxyts5] {
margin-right: 7px;
vertical-align: middle;
}
.emails-list[b-06tylxyts5] {
display: flex;
flex-direction: column;
gap: 16px;
flex: 1;
overflow-y: auto;
max-height: 400px;
padding-right: 8px;
}
/* Custom scrollbar styling */
.emails-list[b-06tylxyts5]::-webkit-scrollbar {
width: 6px;
}
.emails-list[b-06tylxyts5]::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 3px;
}
.emails-list[b-06tylxyts5]::-webkit-scrollbar-thumb {
background: #c1c1c1;
border-radius: 3px;
}
.emails-list[b-06tylxyts5]::-webkit-scrollbar-thumb:hover {
background: #a8a8a8;
}
.email-item[b-06tylxyts5] {
background: #F7F7F7;
border-radius: 8px;
padding: 1.5rem;
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
}
.email-content[b-06tylxyts5] {
flex: 1;
display: flex;
flex-direction: column;
gap: 4px;
}
.email-sender[b-06tylxyts5] {
font-size: 15px;
font-weight: 500;
color: #1A1A1A;
}
.email-status[b-06tylxyts5] {
font-size: 13px;
color: #636363;
line-height: 1.4;
font-weight: 400;
}
.email-date[b-06tylxyts5] {
font-size: 13px;
color: #636363;
font-weight: 400;
}
.email-actions[b-06tylxyts5] {
display: flex;
align-items: center;
gap: 12px;
flex-shrink: 0;
}
.smart-reply-btn[b-06tylxyts5] {
background: #EBEBEB;
border-radius: 20px;
padding: 8px 16px;
font-size: 13px;
font-weight: 600;
color: #1C1C1C;
cursor: pointer;
display: flex;
align-items: center;
gap: 6px;
transition: all 0.2s;
white-space: nowrap;
border: none;
}
.smart-reply-btn:hover[b-06tylxyts5] {
background-color: #e6e6e6;
}
.smart-reply-btn img[b-06tylxyts5] {
width: 14px;
height: 14px;
}
.dropdown[b-06tylxyts5] {
position: relative;
}
.dropdown-toggle[b-06tylxyts5] {
background: none;
border: none;
cursor: pointer;
padding: 8px;
border-radius: 6px;
transition: background-color 0.2s;
}
.dropdown-toggle:hover[b-06tylxyts5] {
background-color: #F3F4F6;
}
.dropdown-toggle img[b-06tylxyts5] {
width: 16px;
height: 16px;
}
.dropdown-menu[b-06tylxyts5] {
position: absolute;
top: 100%;
right: 0;
background: white;
border: 1px solid #E4E4E7;
border-radius: 8px;
padding: 8px;
z-index: 10;
min-width: 200px;
margin-top: 4px;
box-shadow: 0px 10px 15px -3px #0000001A;
}
.dropdown-item[b-06tylxyts5] {
background: none;
border: none;
width: 100%;
text-align: left;
padding: 10px 12px;
font-size: 12px;
font-weight: 500;
color: #1C1C1C;
cursor: pointer;
border-radius: 6px;
display: flex;
align-items: center;
gap: 10px;
transition: background-color 0.2s;
justify-content: flex-start;
}
.dropdown-item:hover[b-06tylxyts5] {
background-color: #F3F4F6;
}
.dropdown-item img[b-06tylxyts5] {
width: 16px;
height: 16px;
opacity: 0.7;
}
/* Responsive adjustments */
@media (max-width: 768px) {
.dialog-overlay[b-06tylxyts5] {
padding: 10px;
}
.dialog-content[b-06tylxyts5] {
padding: 24px;
}
.email-item[b-06tylxyts5] {
flex-direction: column;
align-items: stretch;
gap: 16px;
}
.email-actions[b-06tylxyts5] {
justify-content: space-between;
width: 100%;
}
.dropdown[b-06tylxyts5] {
align-self: flex-end;
}
}
/* _content/Lumiboard.Client.Shared/Components/Dashboard/Emails2TasksDialog.razor.rz.scp.css */
.modal-overlay[b-ojbvn55los] {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
align-items: center;
z-index: 1000;
}
.modal-content[b-ojbvn55los] {
background: white;
border-radius: 16px;
width: 528px;
max-height: 95vh;
overflow-y: auto;
position: relative;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
padding: 2rem;
display: flex;
flex-direction: column;
gap: 1rem;
}
.modal-header[b-ojbvn55los] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 0.5rem;
margin-top: 1rem;
}
.modal-title-section[b-ojbvn55los] {
display: flex;
align-items: center;
gap: 8px;
}
.modal-icon[b-ojbvn55los] {
width: 20px;
height: 20px;
}
.modal-title-section h2[b-ojbvn55los] {
font-size: 18px;
font-weight: 600;
color: #18181B;
margin: 0;
}
.close-button[b-ojbvn55los] {
background: none;
border: none;
cursor: pointer;
padding: 2px;
border-radius: 4px;
transition: background-color 0.2s;
position: absolute;
top: 2rem;
right: 2rem;
width: fit-content;
}
.close-button:hover[b-ojbvn55los] {
background: #f5f5f5;
}
.active-users[b-ojbvn55los] {
font-size: 12px;
color: #818181;
}
.summary-section[b-ojbvn55los] {
padding: 1rem;
width: 70%;
margin: auto;
border: 1px solid #EDEDED;
border-radius: 10px;
}
.summary-header[b-ojbvn55los] {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 16px;
}
.summary-header span[b-ojbvn55los] {
font-size: 16px;
font-weight: 600;
color: #18181B;
}
.view-details-btn[b-ojbvn55los] {
background: none;
border: none;
color: #8A8A91;
font-size: 14px;
cursor: pointer;
text-decoration: underline;
}
.metrics-container[b-ojbvn55los] {
margin-bottom: 16px;
}
.metrics-top[b-ojbvn55los] {
display: flex;
flex-direction: column;
gap: 12px;
margin-bottom: 12px;
}
.metrics-divider[b-ojbvn55los] {
border: none;
border-top: 1px solid #EAEAEA;
margin: 12px 0;
}
.metrics-bottom[b-ojbvn55los] {
display: flex;
flex-direction: column;
gap: 12px;
margin-top: 12px;
}
.metric-item[b-ojbvn55los] {
display: flex;
align-items: center;
gap: 8px;
}
.metric-icon[b-ojbvn55los] {
width: 16px;
height: 16px;
}
.metric-label[b-ojbvn55los] {
font-size: 13px;
color: #1A1A1A;
flex: 1;
font-weight: 500;
}
.metric-value[b-ojbvn55los] {
font-size: 13px;
font-weight: 500;
color: #1A1A1A;
}
.refresh-section[b-ojbvn55los] {
display: flex;
justify-content: space-between;
align-items: center;
}
.refresh-btn[b-ojbvn55los] {
display: flex;
align-items: center;
gap: 6px;
background: none;
border: none;
color: #8A8A91;
font-size: 14px;
cursor: pointer;
background: #F6F6F6;
padding: 3px 7px;
border-radius: 4px;
}
.refresh-icon[b-ojbvn55los] {
width: 14px;
height: 14px;
}
.refresh-time[b-ojbvn55los] {
font-size: 12px;
color: #8A8A91;
}
.workflow-section[b-ojbvn55los] {
display: flex;
flex-direction: row;
gap: 1rem;
justify-content: center;
width: 80%;
margin: auto;
}
.workflow-steps[b-ojbvn55los] {
display: flex;
align-items: center;
justify-content: space-between;
flex: 1;
background: #EEEDFF;
border-radius: 60px;
padding: 6px 20px;
position: relative;
overflow: hidden;
}
.workflow-progress-overlay[b-ojbvn55los] {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 0%;
background: #A45AD6;
border-radius: 60px;
animation: fillProgress-b-ojbvn55los 2s ease-in-out infinite;
z-index: 1;
}
@keyframes fillProgress-b-ojbvn55los {
0% {
width: 0%;
}
50% {
width: 70%;
}
100% {
width: 100%;
}
}
.workflow-step[b-ojbvn55los] {
display: flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 2;
}
.workflow-arrow[b-ojbvn55los] {
position: relative;
z-index: 2;
}
.workflow-icon[b-ojbvn55los] {
width: 20px;
height: 20px;
}
.progress-counter[b-ojbvn55los] {
display: flex;
align-items: center;
gap: 0.5rem;
}
.workflow-number[b-ojbvn55los] {
color: #A45AD6;
font-size: 16px;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
}
.spark-icon[b-ojbvn55los] {
position: absolute;
bottom: -6px;
right: -6px;
width: 16px;
height: 16px;
}
.filter-settings-section[b-ojbvn55los] {
padding: 1.5rem;
background: #F9F9F9;
border-radius: 6px;
pointer-events: none;
cursor: not-allowed;
opacity: 0.6;
}
.filk-settings-section:hover[b-ojbvn55los] {
cursor: not-allowed;
}
.filter-settings-section h3[b-ojbvn55los] {
font-size: 16px;
font-weight: 600;
color: #18181B;
margin: 0 0 16px 0;
}
.filter-row[b-ojbvn55los] {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 12px;
}
.filter-row:last-child[b-ojbvn55los] {
margin-bottom: 0;
}
.filter-row label[b-ojbvn55los] {
font-size: 14px;
color: #18181B;
font-weight: 500;
}
.dropdown-container[b-ojbvn55los] {
display: flex;
gap: 8px;
}
.dropdown[b-ojbvn55los] {
background: #F9F9F9;
padding: 8px 12px;
font-size: 14px;
color: #18181B;
cursor: pointer;
min-width: 60px;
}
.scope-dropdown[b-ojbvn55los] {
min-width: 140px;
}
.dropdown:focus[b-ojbvn55los] {
outline: none;
border-color: #4842FC;
}
.smart-filters-section[b-ojbvn55los] {
padding: 1.5rem;
background: #F9F9F9;
border-radius: 6px;
}
.smart-filters-header[b-ojbvn55los] {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 16px;
}
.smart-filters-header h3[b-ojbvn55los] {
font-size: 16px;
font-weight: 600;
color: #18181B;
margin: 0;
}
.expand-btn[b-ojbvn55los] {
background: none;
border: none;
cursor: pointer;
padding: 4px;
transition: transform 0.2s;
}
.expand-btn svg.rotated[b-ojbvn55los] {
transform: rotate(180deg);
}
.smart-filters-content[b-ojbvn55los] {
display: flex;
flex-direction: column;
gap: 16px;
}
.filter-option[b-ojbvn55los] {
display: flex;
flex-direction: column;
gap: 8px;
}
.checkbox-label[b-ojbvn55los] {
display: flex;
align-items: center;
gap: 12px;
font-size: 14px;
color: #18181B;
cursor: pointer;
position: relative;
}
.checkbox-label input[type="checkbox"][b-ojbvn55los] {
width: 18px;
height: 18px;
margin: 0;
opacity: 0;
position: absolute;
}
.checkmark[b-ojbvn55los] {
width: 18px;
height: 18px;
border: 2px solid #E5E5E5;
border-radius: 4px;
position: relative;
flex-shrink: 0;
}
.checkbox-label input[type="checkbox"]:checked + .checkmark[b-ojbvn55los] {
background: #18181B;
border-color: #18181B;
}
.checkbox-label input[type="checkbox"]:checked + .checkmark[b-ojbvn55los]::after {
content: '';
position: absolute;
left: 5px;
top: 2px;
width: 4px;
height: 8px;
border: solid white;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.filter-input[b-ojbvn55los] {
background: white;
border: 1px solid #E5E5E5;
border-radius: 8px;
padding: 12px;
font-size: 14px;
color: #18181B;
margin-left: 30px;
}
.filter-input[b-ojbvn55los]::placeholder {
color: #8A8A91;
}
.filter-input:focus[b-ojbvn55los] {
outline: none;
border-color: #4842FC;
}
.modal-footer[b-ojbvn55los] {
display: flex;
justify-content: flex-end;
gap: 12px;
}
.cancel-btn[b-ojbvn55los] {
background: none;
border: none;
color: #4842FC;
font-size: 14px;
font-weight: 500;
cursor: pointer;
padding: 12px 24px;
border-radius: 8px;
transition: background-color 0.2s;
}
.cancel-btn:hover[b-ojbvn55los] {
background: #f8f9ff;
}
.save-btn[b-ojbvn55los] {
background: #4842FC;
border: none;
color: white;
font-size: 14px;
font-weight: 500;
cursor: pointer;
padding: 12px 24px;
border-radius: 20px;
transition: background-color 0.2s;
}
.save-btn:hover[b-ojbvn55los] {
background: #3d37e0;
}
.save-btn.disabled[b-ojbvn55los],
.save-btn:disabled[b-ojbvn55los] {
opacity: 0.5;
cursor: not-allowed;
}
.save-btn:disabled:hover[b-ojbvn55los] {
background: #4842FC;
}
/* Details Modal Styles */
.details-modal-overlay[b-ojbvn55los] {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.3);
display: flex;
align-items: flex-start;
justify-content: center;
padding-top: 80px;
z-index: 1001;
}
.details-modal-content[b-ojbvn55los] {
background: white;
border-radius: 20px;
width: 420px;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
border: 1px solid #f0f0f0;
position: relative;
}
.details-modal-header[b-ojbvn55los] {
position: relative;
padding: 2rem 2rem 0 2rem;
margin-bottom: 24px;
}
.details-title-row[b-ojbvn55los] {
display: grid;
grid-template-columns: 1fr 60px 60px;
gap: 12px;
align-items: center;
}
.details-title[b-ojbvn55los] {
font-size: 16px;
font-weight: 600;
color: #18181B;
}
.column-header[b-ojbvn55los] {
font-size: 12px;
font-weight: 500;
color: #8A8A91;
text-align: center;
}
.details-close-btn[b-ojbvn55los] {
position: absolute;
top: 16px;
right: 20px;
background: none;
border: none;
cursor: pointer;
padding: 4px;
border-radius: 4px;
transition: background-color 0.2s;
}
.details-close-btn:hover[b-ojbvn55los] {
background: #f5f5f5;
}
.details-content[b-ojbvn55los] {
padding: 0 2rem 2rem 2rem;
}
.details-metrics-top[b-ojbvn55los],
.details-metrics-middle[b-ojbvn55los] {
display: flex;
flex-direction: column;
gap: 12px;
margin-bottom: 12px;
}
.details-metrics-middle[b-ojbvn55los] {
margin-top: 12px;
}
.details-content .metric-item[b-ojbvn55los] {
display: grid;
grid-template-columns: 16px 1fr 60px 60px;
gap: 8px 12px;
align-items: center;
}
.details-content .metric-icon[b-ojbvn55los] {
width: 16px;
height: 16px;
}
.details-content .metric-label[b-ojbvn55los] {
font-size: 13px;
color: #1A1A1A;
font-weight: 500;
}
.details-content .metric-value[b-ojbvn55los] {
font-size: 13px;
font-weight: 500;
color: #1A1A1A;
text-align: center;
}
.metric-total-value[b-ojbvn55los] {
font-size: 13px;
font-weight: 500;
color: #1A1A1A;
text-align: center;
}
.details-additional[b-ojbvn55los] {
display: flex;
flex-direction: column;
gap: 12px;
}
.additional-metric-row[b-ojbvn55los] {
display: grid;
grid-template-columns: 1fr 60px 60px;
gap: 12px;
align-items: center;
}
.additional-metric-label[b-ojbvn55los] {
font-size: 13px;
color: #18181B;
font-weight: 500;
}
.additional-metric-today[b-ojbvn55los],
.additional-metric-total[b-ojbvn55los] {
font-size: 13px;
font-weight: 500;
color: #18181B;
text-align: center;
}
.error-message[b-ojbvn55los] {
padding: 12px 16px;
background: #FEF2F2;
border: 1px solid #FECACA;
border-radius: 8px;
color: #DC2626;
font-size: 14px;
font-weight: 500;
margin-bottom: 16px;
}
.loading-section[b-ojbvn55los] {
display: flex;
justify-content: center;
align-items: center;
padding: 16px;
color: #8A8A91;
font-size: 14px;
font-weight: 500;
}
.refresh-icon.spinning[b-ojbvn55los] {
animation: spin-b-ojbvn55los 1s linear infinite;
}
@keyframes spin-b-ojbvn55los {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
/* _content/Lumiboard.Client.Shared/Components/Dashboard/ForgottenEmailsDialog.razor.rz.scp.css */
.dialog-overlay[b-d1qk1o25f6] {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
display: flex;
align-items: center;
justify-content: center;
z-index: 1000;
padding: 20px;
}
.dialog-content[b-d1qk1o25f6] {
background: white;
border-radius: 24px;
width: 100%;
max-width: 768px;
height: 80vh;
padding: 2rem 5rem;
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
position: relative;
display: flex;
flex-direction: column;
transition: height 1.5s;
}
.dialog-content.expanded[b-d1qk1o25f6] {
height: 95vh;
position: absolute;
bottom: 0;
}
.close-button[b-d1qk1o25f6] {
position: absolute;
top: 20px;
right: 20px;
background: none;
border: none;
cursor: pointer;
padding: 4px;
border-radius: 6px;
transition: background-color 0.2s;
z-index: 10;
}
.close-button:hover[b-d1qk1o25f6] {
background-color: #f3f4f6;
}
.close-button img[b-d1qk1o25f6] {
width: 10px;
height: 10px;
}
.dialog-header[b-d1qk1o25f6] {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 16px;
margin-top: 20px;
}
.dialog-title[b-d1qk1o25f6] {
display: flex;
align-items: center;
gap: 8px;
font-size: 20px;
font-weight: 600;
color: #18181B;
}
.dialog-icon[b-d1qk1o25f6] {
width: 20px;
height: 20px;
}
.dialog-subtitle[b-d1qk1o25f6] {
color: #818181;
font-size: 15px;
margin: 0 0 24px 0;
text-align: center;
}
.time-saved[b-d1qk1o25f6] {
border: 1px solid #EDEDED;
margin: auto auto 2rem;
background: #ffffff;
border-radius: 8px;
width: 60%;
padding: 1rem;
display: flex;
flex-direction: row;
gap: 2rem;
justify-content: space-between;
}
.time[b-d1qk1o25f6],
.lumicites[b-d1qk1o25f6] {
display: flex;
flex-direction: column;
gap: 1rem;
text-align: left;
}
.time p[b-d1qk1o25f6],
.lumicites p[b-d1qk1o25f6] {
font-size: 13px;
font-weight: 500;
vertical-align: middle;
}
.time-value.actual[b-d1qk1o25f6] {
color: #3E9B2A;
}
.lumicites-value.actual[b-d1qk1o25f6] {
color: #002CCD;
}
.time-value.estimated p[b-d1qk1o25f6],
.lumicites-value.estimated p[b-d1qk1o25f6]{
color: #1A1A1A;
font-size: 16px;
font-weight: 600;
}
.arrow-up[b-d1qk1o25f6] {
margin-left: 7px;
vertical-align: middle;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.arrow-up.show[b-d1qk1o25f6] {
opacity: 1;
visibility: visible;
}
.arrow-up.animate[b-d1qk1o25f6] {
animation: jumpAnimation-b-d1qk1o25f6 1.5s ease-in-out;
}
@keyframes jumpAnimation-b-d1qk1o25f6 {
0% {
transform: translateY(0px);
}
20% {
transform: translateY(4px);
}
40% {
transform: translateY(-7px);
}
100% {
transform: translateY(0px);
}
}
.star-container[b-d1qk1o25f6] {
position: relative;
display: inline-block;
}
.star-fill[b-d1qk1o25f6] {
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
/* Star shape container */
clip-path: polygon(50% 5%, 60% 35%, 95% 35%, 70% 55%, 79% 90%, 50% 70%, 21% 90%, 30% 55%, 5% 35%, 40% 35%);
overflow: hidden;
pointer-events: none;
z-index: 1;
}
.star-fill-inner[b-d1qk1o25f6] {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0%;
background: linear-gradient(
0deg,
#8000ff 0%, /* Purple (cold) */
#0080ff 16.66%, /* Blue (cold) */
#00ffff 33.33%, /* Cyan (cool) */
#80ff00 50%, /* Green (neutral) */
#ffff00 66.66%, /* Yellow (warm) */
#ff8000 83.33%, /* Orange (warm) */
#ff0000 100% /* Red (hot) */
);
transition: height 2s ease-in-out;
}
.star-fill-inner.animate[b-d1qk1o25f6] {
height: var(--fill-height, 0%);
}
.value-icon[b-d1qk1o25f6] {
margin-right: 7px;
vertical-align: middle;
}
.emails-list[b-d1qk1o25f6] {
display: flex;
flex-direction: column;
gap: 16px;
flex: 1;
overflow-y: auto;
padding-right: 8px;
}
.emails-list[b-d1qk1o25f6]::-webkit-scrollbar {
width: 6px;
}
.emails-list[b-d1qk1o25f6]::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 3px;
}
.emails-list[b-d1qk1o25f6]::-webkit-scrollbar-thumb {
background: #c1c1c1;
border-radius: 3px;
}
.emails-list[b-d1qk1o25f6]::-webkit-scrollbar-thumb:hover {
background: #a8a8a8;
}
.email-item[b-d1qk1o25f6] {
background: #F7F7F7;
border-radius: 8px;
padding: 1.5rem;
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
transition: transform 0.3s ease, opacity 0.3s ease;
}
.email-item.expanded[b-d1qk1o25f6] {
display: flex;
flex-direction: column;
}
.email-header[b-d1qk1o25f6] {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
width: 100%;
}
.email-body[b-d1qk1o25f6] {
width: 100%;
gap: 1rem;
}
.show-full[b-d1qk1o25f6] {
font-weight: 700;
font-size: 13px;
color: #171717;
}
.email-text p[b-d1qk1o25f6] {
font-weight: 400;
font-size: 13px;
text-align: left;
}
.email-content[b-d1qk1o25f6] {
flex: 1;
display: flex;
flex-direction: column;
gap: 4px;
}
.email-sender[b-d1qk1o25f6] {
font-size: 15px;
font-weight: 500;
color: #1A1A1A;
}
.email-status[b-d1qk1o25f6] {
font-size: 13px;
color: #636363;
line-height: 1.4;
font-weight: 400;
}
.email-date[b-d1qk1o25f6] {
font-size: 13px;
color: #636363;
font-weight: 400;
}
.email-actions[b-d1qk1o25f6] {
display: flex;
align-items: center;
gap: 12px;
flex-shrink: 0;
}
.smart-reply-btn[b-d1qk1o25f6] {
background: #EBEBEB;
border-radius: 20px;
padding: 8px 16px;
font-size: 13px;
font-weight: 600;
color: #1C1C1C;
cursor: pointer;
display: flex;
align-items: center;
gap: 6px;
transition: all 0.2s;
white-space: nowrap;
}
.smart-reply-btn:hover[b-d1qk1o25f6] {
background-color: #e6e6e6;
}
.smart-reply-btn img[b-d1qk1o25f6] {
width: 14px;
height: 14px;
}
.dropdown[b-d1qk1o25f6] {
position: relative;
}
.dropdown-toggle[b-d1qk1o25f6] {
background: none;
border: none;
cursor: pointer;
padding: 8px;
border-radius: 6px;
transition: background-color 0.2s;
}
.dropdown-toggle:hover[b-d1qk1o25f6] {
background-color: #F3F4F6;
}
.dropdown-toggle img[b-d1qk1o25f6] {
width: 16px;
height: 16px;
}
.dropdown-menu[b-d1qk1o25f6] {
position: absolute;
top: 100%;
right: 0;
background: white;
border: 1px solid #E4E4E7;
border-radius: 8px;
padding: 8px;
z-index: 10;
min-width: 200px;
margin-top: 4px;
box-shadow: 0px 10px 15px -3px #0000001A;
}
.dropdown-item[b-d1qk1o25f6] {
background: none;
border: none;
width: 100%;
text-align: left;
padding: 10px 12px;
font-size: 12px;
font-weight: 500;
color: #1C1C1C;
cursor: pointer;
border-radius: 6px;
display: flex;
align-items: center;
gap: 10px;
transition: background-color 0.2s;
justify-content: flex-start;
}
.dropdown-item:hover[b-d1qk1o25f6] {
background-color: #F3F4F6;
}
.dropdown-item img[b-d1qk1o25f6] {
width: 16px;
height: 16px;
opacity: 0.7;
}
@media (max-width: 768px) {
.dialog-overlay[b-d1qk1o25f6] {
padding: 10px;
}
.dialog-content[b-d1qk1o25f6] {
padding: 24px;
}
.email-item[b-d1qk1o25f6] {
flex-direction: column;
align-items: stretch;
gap: 16px;
}
.email-actions[b-d1qk1o25f6] {
justify-content: space-between;
width: 100%;
}
.dropdown[b-d1qk1o25f6] {
align-self: flex-end;
}
}
.email-time-saved[b-d1qk1o25f6] {
display: flex;
flex-direction: row;
background: #F9F9F9;
padding: 2rem;
width: 100%;
gap: 0.3rem;
margin-bottom: 2rem;
}
.email-time-saved h3[b-d1qk1o25f6] {
font-weight: 700;
font-size: 18px;
color: #30B215;
}
.email-time-saved p[b-d1qk1o25f6] {
font-weight: 500;
font-size: 15px;
color: #1A1A1A;
}
.message-highlight[b-d1qk1o25f6] {
margin-bottom: 1rem;
font-weight: 400;
font-size: 13px;
}
.response-section[b-d1qk1o25f6] {
margin-top: 1.5rem;
padding: 1.5rem;
background: #FFFFFF;
border-radius: 12px;
border: 1px solid #E2E8F0;
}
.response-header[b-d1qk1o25f6] {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 1rem;
}
.reply-arrow[b-d1qk1o25f6] {
width: 15px;
height: 15px;
color: #64748B;
}
.sender-email[b-d1qk1o25f6] {
color: #919191;
font-size: 12px;
font-weight: 400;
}
.response-controls[b-d1qk1o25f6] {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 1rem;
flex-wrap: nowrap;
}
.dropdown-controls[b-d1qk1o25f6] {
display: flex;
gap: 12px;
flex-wrap: nowrap;
}
.control-select[b-d1qk1o25f6] {
padding: 8px 10px;
border: none;
border-radius: 8px;
background: transparent;
font-size: 13px;
font-weight: 500;
color: #252525;
cursor: pointer;
transition: all 0.2s ease;
max-width: 95px;
}
.control-select:hover[b-d1qk1o25f6] {
background: #F1F5F9;
}
.control-select:focus[b-d1qk1o25f6] {
outline: none;
background: #F1F5F9;
}
.generate-btn[b-d1qk1o25f6] {
display: flex;
align-items: center;
gap: 8px;
padding: 5px 15px;
background: white;
color: #343434;
border: 1px solid #9A9A9A;
border-radius: 60px;
font-size: 13px;
font-weight: 500;
cursor: pointer;
transition: all 0.2s ease;
white-space: nowrap;
min-height: 42px;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.generate-btn:hover:not(:disabled)[b-d1qk1o25f6] {
background: #F9FAFB;
border-color: #9CA3AF;
transform: translateY(-1px);
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.generate-btn:disabled[b-d1qk1o25f6] {
background: #F3F4F6;
color: #9CA3AF;
cursor: not-allowed;
transform: none;
box-shadow: none;
}
.generate-btn img[b-d1qk1o25f6] {
width: 14px;
height: 14px;
}
.loading-spinner[b-d1qk1o25f6] {
width: 14px;
height: 14px;
border: 2px solid transparent;
border-top: 2px solid #343434;
border-radius: 50%;
animation: spin-b-d1qk1o25f6 1s linear infinite;
}
@keyframes spin-b-d1qk1o25f6 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.text-area-container[b-d1qk1o25f6] {
position: relative;
margin-bottom: 1rem;
}
.response-textarea[b-d1qk1o25f6] {
width: 100%;
padding: 12px 16px;
border: 1px solid #E2E8F0;
border-radius: 8px;
font-family: inherit;
font-size: 14px;
line-height: 1.5;
resize: vertical;
min-height: 80px;
transition: all 0.2s ease;
box-sizing: border-box;
background: #FAFBFC;
}
.response-textarea:focus[b-d1qk1o25f6] {
outline: none;
border-color: #002CCD;
background: white;
box-shadow: 0 0 0 3px rgba(0, 44, 205, 0.1);
}
.response-textarea[b-d1qk1o25f6]::placeholder {
color: #9CA3AF;
}
.send-message[b-d1qk1o25f6] {
display: flex;
justify-content: center;
padding: 8px 16px;
font-weight: 500;
font-size: 13px;
background: #4842FC;
color: #FFFFFF;
border-radius: 20px;
margin-top: 1rem;
}
.send-message:disabled[b-d1qk1o25f6] {
color: #979797;
background: #E5E5E5;
}
.message-sent[b-d1qk1o25f6] {
position: absolute;
left: 15px;
bottom: 10px;
background: #343A40;
display: flex;
flex-direction: row;
gap: 1.5rem;
padding: 7px 13px;
align-items: center;
}
.message-sent p[b-d1qk1o25f6] {
font-weight: 500;
font-size: 13px;
color: white;
}
.undo[b-d1qk1o25f6] {
background: none;
color: #70A3FD;
font-size: 13px;
}
.close-undo[b-d1qk1o25f6] {
background: none;
font-weight: 500;
font-size: 13px;
color: white;
}
@media (max-width: 768px) {
.response-controls[b-d1qk1o25f6] {
flex-direction: column;
align-items: stretch;
gap: 0.75rem;
}
.dropdown-controls[b-d1qk1o25f6] {
flex-direction: column;
gap: 0.5rem;
}
.control-select[b-d1qk1o25f6] {
min-width: auto;
flex: none;
}
.generate-btn[b-d1qk1o25f6] {
align-self: stretch;
justify-content: center;
}
.response-section[b-d1qk1o25f6] {
padding: 1rem;
}
}
.no-emails[b-d1qk1o25f6]{
display: flex;
flex-direction: column;
align-content: center;
text-align: center;
gap: 1rem;
}
.no-emails img[b-d1qk1o25f6]{
width: 44px;
height: 44px;
margin: auto;
}
.no-emails p[b-d1qk1o25f6]{
font-weight: 400;
font-size: 13px;
color: #4B4B4F;
}
.task-disappear[b-d1qk1o25f6] {
transform: translateY(-50%);
opacity: 0;
}
/* _content/Lumiboard.Client.Shared/Components/Dashboard/MoodRadarCard.razor.rz.scp.css */
.performance-card[b-cj8njjw0uv] {
border: 1px solid #E4E4E7;
border-radius: 8px;
display: flex;
flex-direction: column;
gap: 0.5rem;
padding: 1.5rem;
box-shadow: 0px 1px 2px 0px #0000000D;
position: relative;
cursor: pointer;
transition: all 0.2s ease-in-out;
flex: 1;
min-height: 280px;
}
.performance-card:hover[b-cj8njjw0uv] {
transform: translateY(-2px);
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}
.view-details[b-cj8njjw0uv] {
position: absolute;
right: 1.5rem;
top: 1.5rem;
font-size: 12px;
color: #71717A;
font-weight: 500;
display: flex;
align-items: center;
gap: 5px;
pointer-events: none;
}
.view-details img[b-cj8njjw0uv] {
margin-left: 5px;
width: 5px;
height: 8px;
}
.performance-title[b-cj8njjw0uv] {
font-weight: 600;
font-size: 18px;
margin-top: 1.5rem;
}
.performance-subtitle[b-cj8njjw0uv] {
font-weight: 500;
font-size: 13px;
color: #71717A;
}
.percentage-label[b-cj8njjw0uv] {
font-weight: bold;
padding: 5px;
font-size: 13px;
border-radius: 4px;
display: flex;
align-items: center;
gap: 5px;
max-height: 24px;
margin: auto;
}
.up[b-cj8njjw0uv] {
background: #e6ffe6;
color: #2ca02c;
}
.down[b-cj8njjw0uv] {
background: #fff4e6;
color: #e67e22;
}
.equal[b-cj8njjw0uv] {
background: #f0f0f0;
color: #7f7f7f;
}
.chart-container[b-cj8njjw0uv] {
display: flex;
justify-content: space-evenly;
align-items: flex-end;
position: relative;
gap: 5px;
width: 80%;
margin: auto;
}
.bar-group[b-cj8njjw0uv] {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
position: relative;
}
.bar-group img[b-cj8njjw0uv] {
width: 15px;
height: 15px;
position: absolute;
bottom: 105%;
right: 10%;
}
.bar[b-cj8njjw0uv] {
width: 42px;
height: 0;
border-radius: 10px;
animation: fillBar-b-cj8njjw0uv 1.5s ease-out forwards;
--final-height: 0px;
}
.green[b-cj8njjw0uv] {
background-color: #62C628;
animation-delay: 0.2s;
}
.gray[b-cj8njjw0uv] {
background-color: #CBCBCB;
animation-delay: 0.4s;
}
.red[b-cj8njjw0uv] {
background-color: #FB794A;
animation-delay: 0.6s;
}
/* Mood Radar Bar Animations */
@keyframes fillBar-b-cj8njjw0uv {
from {
height: 0;
}
to {
height: var(--final-height);
}
}
/* Modal Styles */
.modal-overlay[b-cj8njjw0uv] {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
align-items: center;
z-index: 1000;
}
.modal-content[b-cj8njjw0uv] {
background: white;
border-radius: 10px;
padding: 2rem 4rem;
width: 90%;
max-width: 600px;
max-height: 90vh;
overflow-y: auto;
position: relative;
}
.modal-close[b-cj8njjw0uv] {
position: absolute;
top: 1.5rem;
right: 1.5rem;
background: none;
border: none;
cursor: pointer;
padding: 0.5rem;
}
.modal-close img[b-cj8njjw0uv] {
width: 16px;
height: 16px;
}
.modal-content h2[b-cj8njjw0uv] {
font-size: 18px;
font-weight: 600;
margin-bottom: 0.5rem;
margin-top: 0.5rem;
text-align: center;
}
.modal-content h3[b-cj8njjw0uv]{
text-align: center;
margin-top: 2rem;
}
.modal-subtitle[b-cj8njjw0uv] {
color: #71717A;
margin-bottom: 2rem;
text-align: center;
font-weight: 400;
}
.chart-container.modal[b-cj8njjw0uv] {
width: 60%;
margin: 2rem auto;
gap: 15px;
}
.chart-container.modal .bar[b-cj8njjw0uv] {
width: 60px;
}
.modal-section[b-cj8njjw0uv] {
margin-top: 2rem;
padding: 1.5rem;
background: #FAFAFA;
border-radius: 8px;
}
.modal-section h3[b-cj8njjw0uv] {
font-weight: 500;
font-size: 14px;
margin-bottom: 1rem;
}
.tag-grid[b-cj8njjw0uv] {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
gap: 1rem;
}
.tag[b-cj8njjw0uv] {
padding: 0.5rem 1rem;
border-radius: 60px;
font-size: 13px;
font-weight: 500;
text-align: center;
}
.tag-success[b-cj8njjw0uv] {
background: #E4F3DC;
color: #7CCC4D;
}
.tag-danger[b-cj8njjw0uv] {
background: #FFE9E1;
color: #FB794A;
}
.emotion-badge[b-cj8njjw0uv] {
color: #636AE8;
font-weight: 600;
font-size: 32px;
text-align: center;
margin: auto auto 2rem;
}
.recommendations ul[b-cj8njjw0uv] {
list-style-type: disc;
padding-left: 1.5rem;
}
.recommendations li[b-cj8njjw0uv] {
margin-bottom: 0.75rem;
color: #2F2F2F;
font-weight: 400;
font-size: 14px;
}
.refresh-button[b-cj8njjw0uv] {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
margin-top: 1rem;
}
.refresh-button button[b-cj8njjw0uv] {
background-color: rgb(0, 112, 243);
color: white;
cursor: pointer;
border: none;
border-radius: 99px;
padding: 8px 15px;
transition: background-color 0.2s;
}
/* Compact Mode Styles */
.performance-card.compact[b-cj8njjw0uv] {
width: 150px;
height: 150px;
min-height: 150px;
padding: 1rem;
cursor: default;
}
.performance-card.compact:hover[b-cj8njjw0uv] {
transform: none;
box-shadow: 0px 1px 2px 0px #0000000D;
}
.performance-card.compact .performance-title[b-cj8njjw0uv] {
font-size: 14px;
margin-top: 0;
margin-bottom: 0.5rem;
text-align: center;
}
.chart-container.compact[b-cj8njjw0uv] {
width: 100%;
gap: 2px;
margin-bottom: 0.5rem;
}
.chart-container.compact .bar-group[b-cj8njjw0uv] {
gap: 4px;
}
.chart-container.compact .bar-group img[b-cj8njjw0uv] {
width: 10px;
height: 10px;
}
.chart-container.compact .bar[b-cj8njjw0uv] {
border-radius: 8px;
width: 20px;
max-height: 40px;
}
.chart-container.compact .percentage-label[b-cj8njjw0uv]{
padding: 3px;
font-size: 8px;
gap: 3px;
max-height: 14px;
margin: auto;
}
/* _content/Lumiboard.Client.Shared/Components/Dashboard/Objectives/ObjectiveModal.razor.rz.scp.css */
.modal-overlay[b-panc38n207] {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1000;
}
.objective-modal[b-panc38n207] {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: white;
border-radius: 10px;
width: 90%;
max-width: 520px;
max-height: 90vh;
z-index: 1001;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
display: flex;
flex-direction: column;
}
.objective-modal.board-view[b-panc38n207] {
max-height: 100vh;
}
.modal-header[b-panc38n207] {
display: flex;
justify-content: space-between;
align-items: center;
padding: 2rem 2rem 0 2rem;
flex-shrink: 0;
}
.created-task[b-panc38n207] {
font-weight: 600;
color: #2A890B;
font-size: 10px;
display: flex;
gap: 8px;
align-items: center;
border-radius: 6px;
padding: 3px 15px;
background-color: #D9F3DB;
}
.objective-label[b-panc38n207] {
font-weight: 600;
display: flex;
gap: 8px;
color: #A0A0A0;
align-items: center;
text-align: center;
vertical-align: middle;
}
.header-actions[b-panc38n207] {
display: flex;
gap: 8px;
align-items: center;
}
.header-action-button[b-panc38n207] {
background: none;
border: none;
cursor: pointer;
padding: 8px;
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;
}
.header-action-button:hover[b-panc38n207] {
background-color: #f5f5f5;
}
.close-button[b-panc38n207] {
background: none;
border: none;
cursor: pointer;
padding: 8px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.close-button:hover[b-panc38n207] {
background-color: #f5f5f5;
}
.close-button img[b-panc38n207] {
width: 10px;
height: 10px;
}
.modal-content[b-panc38n207] {
padding: 2rem;
display: flex;
flex-direction: column;
gap: 1rem;
flex: 1;
}
.objective-modal.board-view .modal-content[b-panc38n207] {
padding: 24px 24px 0 24px;
overflow: hidden;
display: flex;
flex-direction: column;
}
.objective-header[b-panc38n207] {
display: flex;
flex-direction: column;
gap: 12px;
flex-shrink: 0;
}
.objective-title[b-panc38n207] {
font-size: 22px;
font-weight: 600;
color: #21262C;
margin: 0;
line-height: 1.3;
cursor: pointer;
transition: color 0.2s;
}
.objective-title:hover[b-panc38n207] {
color: #666;
}
.objective-title-input[b-panc38n207] {
font-size: 22px;
font-weight: 600;
color: #21262C;
margin: 0;
line-height: 1.3;
border: 2px solid #4842FC;
border-radius: 4px;
padding: 4px 8px;
background: white;
width: 100%;
outline: none;
}
.objective-stats[b-panc38n207] {
display: flex;
flex-direction: column;
gap: 8px;
}
.progress-info[b-panc38n207] {
display: flex;
justify-content: space-between;
align-items: center;
}
.progress-info span[b-panc38n207] {
font-weight: 500;
font-size: 14px;
color: #272B2C;
}
.objective-progress-bar[b-panc38n207] {
width: 100%;
height: 8px;
background-color: #E5E5E5;
border-radius: 20px;
overflow: hidden;
}
.progress-fill[b-panc38n207] {
height: 100%;
background-color: #A45AD6;
border-radius: 20px;
transition: width 0.5s ease-in-out;
}
.objective-description[b-panc38n207] {
font-size: 14px;
color: #8A8A8E;
line-height: 1.4;
}
.description-view[b-panc38n207] {
font-size: 14px;
color: #8A8A8E;
line-height: 1.4;
cursor: pointer;
padding: 4px;
border-radius: 4px;
transition: background-color 0.2s;
min-height: 20px;
}
.description-view:hover[b-panc38n207] {
background-color: #f5f5f5;
}
.objective-description-input[b-panc38n207] {
font-size: 14px;
color: #21262C;
line-height: 1.4;
border: 2px solid #4842FC;
border-radius: 4px;
padding: 8px;
background: white;
width: 100%;
min-height: 60px;
resize: vertical;
outline: none;
font-family: inherit;
}
.objective-tasks-section[b-panc38n207] {
display: flex;
flex-direction: column;
gap: 12px;
}
/* Generated tasks styles copied from TaskDetailsModal */
.generated-tasks-header[b-panc38n207] {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 20px;
}
.generated-tasks-header h3[b-panc38n207] {
font-size: 19px;
font-weight: 500;
color: #21262C;
margin: 0;
}
.generated-tasks-header span[b-panc38n207] {
font-size: 16px;
font-weight: 400;
color: #21262C;
}
.generated-tasks-content[b-panc38n207] {
max-height: 300px;
overflow-y: auto;
padding-right: 5px;
}
.generated-tasks-content[b-panc38n207]::-webkit-scrollbar {
width: 6px;
}
.generated-tasks-content[b-panc38n207]::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 3px;
}
.generated-tasks-content[b-panc38n207]::-webkit-scrollbar-thumb {
background: #c1c1c1;
border-radius: 3px;
}
.generated-tasks-content[b-panc38n207]::-webkit-scrollbar-thumb:hover {
background: #a8a8a8;
}
.generated-task-item[b-panc38n207] {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 10px 20px;
box-sizing: border-box;
cursor: pointer;
}
.generated-task-item:hover[b-panc38n207] {
background-color: #f9f9f9;
}
.generated-task-content[b-panc38n207] {
display: flex;
flex-direction: column;
gap: 8px;
}
.generated-task-title[b-panc38n207] {
display: flex;
flex-direction: column;
}
.generated-task-title span[b-panc38n207] {
font-size: 16px;
font-weight: 500;
color: #21262C;
}
.generated-task-deadline[b-panc38n207] {
display: flex;
flex-direction: row;
align-items: center;
gap: 10px;
}
.generated-task-deadline img[alt="time"][b-panc38n207] {
width: 16px;
height: 16px;
}
.generated-task-deadline span[b-panc38n207] {
font-size: 14px;
font-weight: 400;
color: #6B7280;
}
.generated-task-actions[b-panc38n207] {
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
}
.generated-task-actions button[b-panc38n207] {
background: none;
border: none;
cursor: pointer;
padding: 8px;
border-radius: 6px;
transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out;
display: flex;
justify-content: center;
align-items: center;
}
.generated-task-actions button:hover[b-panc38n207] {
background-color: #F5F5F5;
}
.generated-task-actions button:active[b-panc38n207] {
transform: scale(0.95);
}
.generated-task-actions img[b-panc38n207] {
width: 20px;
height: 20px;
}
hr[b-panc38n207] {
margin: 0 20px;
border: none;
border-top: 1px solid #E9E9E9;
}
.add-task-button[b-panc38n207] {
display: flex;
align-items: center;
gap: 8px;
background: none;
border: none;
cursor: pointer;
padding: 8px 0;
color: #8A8A8E;
font-size: 14px;
margin-top: 16px;
width: fit-content;
}
.add-task-button:disabled[b-panc38n207] {
opacity: 0.5;
cursor: not-allowed;
}
.board-view-button[b-panc38n207],
.list-view-button[b-panc38n207] {
display: flex;
align-items: center;
gap: 8px;
background-color: #f5f5f5;
border: none;
border-radius: 20px;
padding: 8px 16px;
cursor: pointer;
font-size: 14px;
color: #666;
margin-top: 16px;
width: fit-content;
}
.list-view-button img[b-panc38n207]{
width: 20px;
height: 20px;
}
.board-view-button:hover[b-panc38n207],
.list-view-button:hover[b-panc38n207] {
background-color: #e5e5e5;
}
/* Board view specific styles */
.board-content[b-panc38n207] {
position: relative;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
flex: 1;
overflow-y: auto;
overflow-x: hidden;
min-height: 0;
padding: 80px 20px 80px 20px;
}
.board-content[b-panc38n207]::-webkit-scrollbar {
width: 6px;
}
.board-content[b-panc38n207]::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 3px;
}
.board-content[b-panc38n207]::-webkit-scrollbar-thumb {
background: #c1c1c1;
border-radius: 3px;
}
.board-content[b-panc38n207]::-webkit-scrollbar-thumb:hover {
background: #a8a8a8;
}
.dashed-line[b-panc38n207] {
display: block;
width: 100%;
height: 100%;
min-height: 500px;
}
.task[b-panc38n207] {
display: flex;
align-items: center;
justify-content: center;
padding: 10px 20px;
background-color: white;
border-radius: 14px;
box-shadow: 0 1px 7px rgba(0, 0, 0, 0.2);
position: absolute;
cursor: pointer;
z-index: 10;
}
.flag-icon[b-panc38n207] {
position: absolute;
top: -10px;
right: -10px;
}
.checkpoint-icon[b-panc38n207] {
position: absolute;
top: -20px;
left: 10px;
}
.task.current[b-panc38n207] {
width: 150px;
height: 140px;
border: 1px solid #FF6629;
z-index: 20;
}
.task h3[b-panc38n207] {
font-size: 16px;
font-weight: 500;
color: #000000;
text-align: center;
margin: 0;
}
.task.upcoming[b-panc38n207] {
border: 1px solid #3E69F6;
height: 70px;
width: 70px;
}
.task.upcoming.first-task[b-panc38n207] {
z-index: 15;
}
.task.past[b-panc38n207] {
height: 70px;
width: 70px;
background-color: #f5f5f5;
}
/* Fixed button for board view */
.objective-modal.board-view .list-view-button[b-panc38n207] {
position: absolute;
bottom: 24px;
left: 24px;
margin: 0;
z-index: 30;
}
.timeline-hidden[b-panc38n207] {
opacity: 0;
visibility: hidden;
}
.timeline-visible[b-panc38n207] {
opacity: 1;
visibility: visible;
transition: opacity 0.3s ease-in;
}
@media (max-width: 768px) {
.objective-modal[b-panc38n207] {
width: 95%;
max-width: none;
}
.modal-content[b-panc38n207] {
padding: 16px;
}
.modal-header[b-panc38n207] {
padding: 16px 16px 0 16px;
}
.objective-modal.board-view .modal-content[b-panc38n207] {
padding: 16px 16px 0 16px;
}
.objective-modal.board-view .list-view-button[b-panc38n207] {
bottom: 16px;
left: 16px;
}
}
/* _content/Lumiboard.Client.Shared/Components/Dashboard/Pulseboard.razor.rz.scp.css */
.pulse-board[b-5rq6borgu1] {
background: #F5F5FF;
padding: 2rem;
border-radius: 10px;
}
.top[b-5rq6borgu1] {
display: flex;
justify-content: space-between;
margin-bottom: 1rem;
cursor: pointer;
user-select: none;
}
.top p[b-5rq6borgu1] {
font-size: 16px;
font-weight: 700;
color: #09090B;
}
.chevron[b-5rq6borgu1] {
transition: transform 0.3s ease;
}
.chevron.collapsed[b-5rq6borgu1] {
transform: rotate(180deg);
}
.content[b-5rq6borgu1] {
transition: all 0.3s ease;
opacity: 1;
max-height: 1000px;
overflow: hidden;
}
.content.hidden[b-5rq6borgu1] {
opacity: 0;
max-height: 0;
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
}
.insights-grid[b-5rq6borgu1] {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
gap: 1rem;
}
.insight[b-5rq6borgu1] {
background: #A4A1FF1C;
border-radius: 8px;
padding: 1rem;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1rem;
flex: 1;
}
.insight-title[b-5rq6borgu1] {
font-weight: 600;
}
.insight-text[b-5rq6borgu1] {
font-weight: 500;
}
.insight-title[b-5rq6borgu1],
.insight-text[b-5rq6borgu1] {
font-size: 13px;
color: #18181B;
}
.insight-header[b-5rq6borgu1] {
display: flex;
flex-direction: row;
justify-content: space-between;
width: 100%;
}
.refresh-icon[b-5rq6borgu1] {
cursor: pointer;
transition: transform 0.2s ease;
width: 16px;
height: 16px;
}
.refresh-icon:hover[b-5rq6borgu1] {
transform: scale(1.1);
}
.refresh-icon.spinning[b-5rq6borgu1] {
animation: spin-b-5rq6borgu1 0.5s linear infinite;
cursor: wait;
}
@keyframes spin-b-5rq6borgu1 {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.insight-action[b-5rq6borgu1] {
background: none;
color: #8080C7;
text-align: left;
font-size: 12px;
font-weight: 500;
border: none;
cursor: pointer;
}
.insight-action img[b-5rq6borgu1] {
margin-left: 5px;
}
/* _content/Lumiboard.Client.Shared/Components/Dashboard/ReadSignalsInfoModal.razor.rz.scp.css */
.modal-backdrop[b-dc8p43e9op] {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
align-items: center;
z-index: 1000;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
.modal-backdrop.show[b-dc8p43e9op] {
opacity: 1;
visibility: visible;
}
.modal-container[b-dc8p43e9op] {
background: white;
border-radius: 12px;
max-width: 600px;
width: 90%;
max-height: 80vh;
overflow-y: auto;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
transform: scale(0.95);
transition: transform 0.3s ease;
}
.modal-backdrop.show .modal-container[b-dc8p43e9op] {
transform: scale(1);
}
.modal-header[b-dc8p43e9op] {
display: flex;
justify-content: space-between;
align-items: center;
padding: 2rem 2rem 1rem 2rem;
border-bottom: 1px solid #F1F5F9;
}
.modal-header h2[b-dc8p43e9op] {
font-size: 20px;
font-weight: 600;
color: #18181B;
margin: 0;
}
.close-button[b-dc8p43e9op] {
background: none;
border: none;
cursor: pointer;
padding: 8px;
border-radius: 6px;
transition: background-color 0.2s ease;
}
.close-button:hover[b-dc8p43e9op] {
background-color: #F1F5F9;
}
.close-button img[b-dc8p43e9op] {
width: 16px;
height: 16px;
}
.modal-content[b-dc8p43e9op] {
padding: 2rem;
}
.insight-section h3[b-dc8p43e9op] {
font-size: 18px;
font-weight: 600;
color: #18181B;
margin: 0 0 1.5rem 0;
line-height: 1.4;
}
.signal-details[b-dc8p43e9op] {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.signal-type[b-dc8p43e9op],
.rationale[b-dc8p43e9op],
.details[b-dc8p43e9op],
.metrics[b-dc8p43e9op] {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.label[b-dc8p43e9op] {
font-size: 14px;
font-weight: 600;
color: #6B7280;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.value[b-dc8p43e9op] {
font-size: 15px;
color: #18181B;
line-height: 1.5;
}
.value p[b-dc8p43e9op] {
margin: 0;
}
.metrics-grid[b-dc8p43e9op] {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 1rem;
margin-top: 0.5rem;
}
.metric[b-dc8p43e9op] {
background: #F8FAFC;
border: 1px solid #E2E8F0;
border-radius: 8px;
padding: 1rem;
display: flex;
flex-direction: column;
gap: 0.25rem;
}
.metric-label[b-dc8p43e9op] {
font-size: 12px;
font-weight: 500;
color: #64748B;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.metric-value[b-dc8p43e9op] {
font-size: 16px;
font-weight: 600;
color: #18181B;
}
.metric-value.positive[b-dc8p43e9op] {
color: #059669;
}
.metric-value.negative[b-dc8p43e9op] {
color: #DC2626;
}
.metric-value.neutral[b-dc8p43e9op] {
color: #D97706;
}
.modal-footer[b-dc8p43e9op] {
padding: 1.5rem 2rem 2rem 2rem;
display: flex;
justify-content: flex-end;
border-top: 1px solid #F1F5F9;
}
.primary-button[b-dc8p43e9op] {
background: #6060ff;
color: white;
border: none;
border-radius: 8px;
padding: 12px 24px;
font-size: 14px;
font-weight: 500;
cursor: pointer;
transition: background-color 0.2s ease;
}
.primary-button:hover[b-dc8p43e9op] {
background: #3838d5;
}
@media (max-width: 768px) {
.modal-container[b-dc8p43e9op] {
width: 95%;
margin: 1rem;
}
.modal-header[b-dc8p43e9op],
.modal-content[b-dc8p43e9op],
.modal-footer[b-dc8p43e9op] {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.metrics-grid[b-dc8p43e9op] {
grid-template-columns: 1fr;
}
}
/* _content/Lumiboard.Client.Shared/Components/Dashboard/Settings/ArchivedChatsSettings.razor.rz.scp.css */
.archived-chats-settings-container[b-8511rmeb0l] {
display: flex;
flex-direction: column;
height: 100%;
}
.archived-chats-header[b-8511rmeb0l] {
display: flex;
flex-direction: column;
gap: 1rem;
margin-bottom: 2rem;
}
.back-button[b-8511rmeb0l] {
display: flex;
align-items: center;
gap: 0.5rem;
background: none;
border: none;
cursor: pointer;
padding: 0;
align-self: flex-start;
}
.back-button span:first-child[b-8511rmeb0l] {
font-size: 18px;
font-weight: 500;
color: #18181B;
}
.back-button span:last-child[b-8511rmeb0l] {
font-size: 16px;
font-weight: 500;
color: #18181B;
}
.back-button:hover span[b-8511rmeb0l] {
opacity: 0.8;
}
.archived-chats-header h3[b-8511rmeb0l] {
font-size: 24px;
font-weight: 600;
color: #21262C;
margin: 0;
}
.archived-chats-content[b-8511rmeb0l] {
flex: 1;
display: flex;
flex-direction: column;
gap: 20px;
overflow-y: auto;
}
.archived-chats-search[b-8511rmeb0l] {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
gap: 8px;
}
.archived-chats-search-input[b-8511rmeb0l] {
display: flex;
align-items: center;
position: relative;
width: 100%;
}
.archived-chats-search-input input[b-8511rmeb0l] {
width: 100%;
padding: 7px 16px 7px 40px;
border-radius: 10px;
font-size: 16px;
font-weight: 500;
color: #21262C;
border: none;
transition: border-color 0.3s;
background-color: rgba(118, 118, 128, 0.12);
}
.archived-chats-search-input input[b-8511rmeb0l]::placeholder {
color: #B0B0B0;
margin-left: 10px;
}
.archived-chats-search-input input:focus[b-8511rmeb0l] {
border-color: #cac7c7;
outline: none;
}
.archived-chats-search-input[b-8511rmeb0l]::before {
content: url('data:image/svg+xml;utf8,');
position: absolute;
left: 16px;
top: 55%;
transform: translateY(-50%);
}
.archived-chats-calendar[b-8511rmeb0l] {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
padding: 8px;
border-radius: 10px;
background-color: rgba(118, 118, 128, 0.12);
width: 36px;
height: 36px;
}
.archived-chats-list[b-8511rmeb0l] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: start;
width: 100%;
gap: 10px;
}
.archived-chat-item[b-8511rmeb0l] {
display: flex;
justify-content: start;
align-items: center;
flex-direction: row;
gap: 10px;
padding: 8px 0px;
width: 100%;
cursor: pointer;
}
.archived-chat-item:hover[b-8511rmeb0l] {
background-color: rgba(0, 0, 0, 0.05);
border-radius: 8px;
}
.archived-chat-info[b-8511rmeb0l] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 4px;
}
.archived-chat-info h4[b-8511rmeb0l] {
font-size: 16px;
font-weight: 400;
color: #000000;
margin: 0;
}
.archived-chat-info p[b-8511rmeb0l] {
font-size: 14px;
font-weight: 400;
color: #727272;
margin: 0;
}
.archived-chat-item img[b-8511rmeb0l] {
height: 44px;
width: 44px;
}
.no-archived-chats[b-8511rmeb0l] {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 1rem;
padding: 2rem;
text-align: center;
}
.no-archived-chats p[b-8511rmeb0l] {
color: #727272;
font-size: 16px;
}
/* _content/Lumiboard.Client.Shared/Components/Dashboard/Settings/ConfidentialityPolicySettings.razor.rz.scp.css */
.policy-settings-container[b-29yj1q3ohu] {
display: flex;
flex-direction: column;
height: 100%;
}
.policy-header[b-29yj1q3ohu] {
display: flex;
flex-direction: column;
gap: 1rem;
margin-bottom: 2rem;
}
.back-button[b-29yj1q3ohu] {
display: flex;
align-items: center;
gap: 0.5rem;
background: none;
border: none;
cursor: pointer;
padding: 0;
align-self: flex-start;
}
.back-button span:first-child[b-29yj1q3ohu] {
font-size: 18px;
font-weight: 500;
color: #18181B;
}
.back-button span:last-child[b-29yj1q3ohu] {
font-size: 16px;
font-weight: 500;
color: #18181B;
}
.back-button:hover span[b-29yj1q3ohu] {
opacity: 0.8;
}
.policy-header h3[b-29yj1q3ohu] {
font-size: 24px;
font-weight: 600;
color: #21262C;
margin: 0;
}
/* _content/Lumiboard.Client.Shared/Components/Dashboard/Settings/DocumentSettings.razor.rz.scp.css */
.documents-header[b-ljf0vie2ze] {
display: flex;
justify-content: space-between;
align-items: center;
}
.documents-header .back-button[b-ljf0vie2ze] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
gap: 10px;
cursor: pointer;
}
.documents-header .back-button span[b-ljf0vie2ze] {
font-size: 18px;
font-weight: 500px;
color: #4185DD;
}
.documents-header .back-button span:active[b-ljf0vie2ze] {
opacity: 0.5;
}
.documents-header div h3[b-ljf0vie2ze] {
font-size: 20px;
font-weight: 600;
color: #21262C;
}
.documents-header .done-button button[b-ljf0vie2ze] {
font-size: 18px;
font-weight: 700;
color: #007AFF
}
.documents-body[b-ljf0vie2ze] {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
margin-top: 32px;
overflow-y: auto;
height: calc(100vh - 150px);
scrollbar-width: none;
-ms-overflow-style: none;
}
.documents-body .document[b-ljf0vie2ze] {
display: flex;
justify-content: space-between;
flex-direction: row;
align-items: center;
width: 100%;
padding: 16px 0;
border-bottom: 1px solid #E3E3E3
}
.documents-body .document .document-data[b-ljf0vie2ze] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
gap: 10px;
}
.documents-body .document .document-data .document-avatar img[b-ljf0vie2ze] {
width: 24px;
height: 24px;
}
.documents-body .document .document-data .document-info[b-ljf0vie2ze] {
display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: column;
gap: 6px;
}
.documents-body .document .document-data .document-info .document-title[b-ljf0vie2ze] {
font-size: 17px;
font-weight: 400;
color: #000000;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.documents-body .document .document-data .document-info .document-date[b-ljf0vie2ze] {
font-size: 12px;
font-weight: 400;
color: #5B5B5B;
}
.documents-body .document-actions[b-ljf0vie2ze] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
gap: 16px;
}
.documents-body .document-actions button img[b-ljf0vie2ze] {
width: 24px;
height: 24px;
}
/* _content/Lumiboard.Client.Shared/Components/Dashboard/Settings/IntegrationSettings.razor.rz.scp.css */
.integrations-section h3[b-4g5892k6q4] {
margin-bottom: 1rem;
}
.integration[b-4g5892k6q4] {
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 1rem;
border-bottom: 1px solid #E6E6E6;
}
.integration-content[b-4g5892k6q4] {
display: flex;
flex-direction: row;
justify-content: flex-start;
gap: 1rem;
}
.integration-content img[b-4g5892k6q4] {
width: 30px;
height: 30px;
}
.integration-content .integration-title[b-4g5892k6q4] {
font-weight: 400;
font-size: 17px;
}
.button-connect[b-4g5892k6q4] {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 6px 20px;
background: #545454;
border-radius: 10px;
color: #FFFFFF;
font-weight: 600;
font-size: 15px;
}
.button-disconnect[b-4g5892k6q4] {
flex-direction: row;
justify-content: center;
align-items: center;
padding: 6px 20px;
border: 1px solid #21262C;
border-radius: 10px;
color: #21262C;
font-weight: 600;
font-size: 15px
}
/* _content/Lumiboard.Client.Shared/Components/Dashboard/Settings/PlaceholderSettingsSection.razor.rz.scp.css */
.placeholder-section[b-nn6cftv38m] {
padding: 2rem;
}
.back-btn[b-nn6cftv38m] {
margin-top: 1rem;
background: transparent;
border: 1px solid #ccc;
padding: 0.5rem 1rem;
cursor: pointer;
}
/* _content/Lumiboard.Client.Shared/Components/Dashboard/Settings/ProfileSettings.razor.rz.scp.css */
.profile-section[b-80pzsfwrem] {
display: flex;
flex-direction: column;
gap: 2rem;
}
.avatar-wrapper[b-80pzsfwrem] {
display: flex;
justify-content: flex-start;
}
.avatar-container[b-80pzsfwrem] {
display: flex;
flex-direction: row;
align-items: center;
gap: 1rem;
}
.avatar-container img[b-80pzsfwrem] {
width: 70px;
height: 70px;
border-radius: 50%;
}
.avatar-info[b-80pzsfwrem] {
display: flex;
flex-direction: column;
gap: 0.25rem;
}
.avatar-info p[b-80pzsfwrem] {
font-size: 14px;
color: #5B5B5B;
margin: 0;
}
.avatar-info a[b-80pzsfwrem] {
color: #0066FF;
font-size: 14px;
cursor: pointer;
text-decoration: none;
}
.profile-section h2[b-80pzsfwrem] {
font-size: 24px;
font-weight: 600;
}
.profile-section h3[b-80pzsfwrem] {
font-size: 14px;
font-weight: 500;
color: #9B9B9B;
letter-spacing: 0.1em;
margin-bottom: 0.5rem;
}
.profile-links[b-80pzsfwrem] {
list-style: none;
padding: 0;
margin: 0 0 1.5rem;
}
.profile-links li[b-80pzsfwrem] {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0.75rem 0;
font-size: 17px;
cursor: pointer;
border-bottom: 1px solid #F0F0F0;
}
.profile-links li:last-child[b-80pzsfwrem] {
border-bottom: none;
}
.link-content[b-80pzsfwrem] {
display: flex;
align-items: center;
gap: 0.75rem;
}
.link-content img[b-80pzsfwrem] {
width: 20px;
height: 20px;
}
.profile-links li.locked[b-80pzsfwrem] {
opacity: 0.4;
cursor: default;
}
.delete-account button[b-80pzsfwrem]{
color: #D9534F;
font-size: 17px;
cursor: pointer;
margin-top: 2rem;
text-align: left;
background: none;
border: none;
padding: 0;
}
.delete-account p[b-80pzsfwrem]{
font-weight: 400;
font-size: 14px;
color: #5B5B5B;
margin-top: 0.5rem;
}
.modal-overlay[b-80pzsfwrem] {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
align-items: center;
z-index: 1000;
}
.delete-modal[b-80pzsfwrem] {
background: white;
border-radius: 12px;
padding: 2rem;
max-width: 400px;
width: 90%;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
.delete-modal h3[b-80pzsfwrem] {
margin: 0 0 0.5rem 0;
text-align: center;
font-weight: 500;
font-size: 16px;
color: #18181B;
}
.delete-modal p[b-80pzsfwrem] {
font-size: 13px;
font-weight: 500;
color: #8D8D8D;
margin: 0 0 2rem 0;
text-align: center;
}
.modal-buttons[b-80pzsfwrem] {
display: flex;
flex-direction: column;
gap: 0.75rem;
}
.delete-btn[b-80pzsfwrem] {
background-color: #DC2626;
color: white;
border: none;
border-radius: 6px;
padding: 12px 16px;
font-size: 13px;
font-weight: 500;
cursor: pointer;
transition: background-color 0.2s;
width: 80%;
margin: auto;
}
.delete-btn:hover[b-80pzsfwrem] {
background-color: #c9302c;
}
.cancel-btn[b-80pzsfwrem] {
background: transparent;
color: #18181B;
border: none;
padding: 12px 16px;
font-size: 13px;
cursor: pointer;
text-align: center;
width: 80%;
margin: auto;
}
.cancel-btn:hover[b-80pzsfwrem] {
background-color: #f5f5f5;
border-radius: 6px;
}
/* _content/Lumiboard.Client.Shared/Components/Dashboard/Settings/TermsOfUserSettings.razor.rz.scp.css */
.terms-settings-container[b-f13dwu9l3v] {
display: flex;
flex-direction: column;
height: 100%;
}
.terms-header[b-f13dwu9l3v] {
display: flex;
flex-direction: column;
gap: 1rem;
margin-bottom: 2rem;
}
.back-button[b-f13dwu9l3v] {
display: flex;
align-items: center;
gap: 0.5rem;
background: none;
border: none;
cursor: pointer;
padding: 0;
align-self: flex-start;
}
.back-button span:first-child[b-f13dwu9l3v] {
font-size: 18px;
font-weight: 500;
color: #18181B;
}
.back-button span:last-child[b-f13dwu9l3v] {
font-size: 16px;
font-weight: 500;
color: #18181B;
}
.back-button:hover span[b-f13dwu9l3v] {
opacity: 0.8;
}
.terms-header h3[b-f13dwu9l3v] {
font-size: 24px;
font-weight: 600;
color: #21262C;
margin: 0;
}
/* _content/Lumiboard.Client.Shared/Components/Dashboard/TaskBalanceCard.razor.rz.scp.css */
.performance-card[b-9dfadivqn9] {
border: 1px solid #E4E4E7;
border-radius: 8px;
display: flex;
flex-direction: column;
gap: 0.5rem;
padding: 1.5rem;
box-shadow: 0px 1px 2px 0px #0000000D;
position: relative;
cursor: pointer;
transition: all 0.2s ease-in-out;
flex: 1;
min-height: 280px;
}
.performance-card:hover[b-9dfadivqn9] {
transform: translateY(-2px);
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}
.view-details[b-9dfadivqn9] {
position: absolute;
right: 1.5rem;
top: 1.5rem;
font-size: 12px;
color: #71717A;
font-weight: 500;
display: flex;
align-items: center;
gap: 5px;
pointer-events: none;
}
.view-details img[b-9dfadivqn9] {
margin-left: 5px;
width: 5px;
height: 8px;
}
.performance-title[b-9dfadivqn9] {
font-weight: 600;
font-size: 18px;
margin-top: 1.5rem;
}
.performance-subtitle[b-9dfadivqn9] {
font-weight: 500;
font-size: 13px;
color: #71717A;
}
.balance-slider[b-9dfadivqn9] {
width: 100%;
padding: 10px 0;
}
.slider-track[b-9dfadivqn9] {
position: relative;
height: 8px;
background: linear-gradient(to right, #FF64F5, #737BFC, #02F1E2);
border-radius: 4px;
}
.slider-progress[b-9dfadivqn9] {
width: 0;
height: 100%;
transition: width 1.5s ease-out;
}
.slider-thumb[b-9dfadivqn9] {
position: absolute;
width: 20px;
height: 20px;
background: #FF64F5; /* Default color, will be updated by JS */
border-radius: 50%;
top: 50%;
transform: translate(-50%, -50%);
cursor: pointer;
box-shadow: 0 0 0 3px white;
left: 0;
transition: all 1.5s ease-out;
}
.slider-labels[b-9dfadivqn9] {
display: flex;
justify-content: space-between;
margin-top: 8px;
font-size: 12px;
color: #71717A;
}
.label-left[b-9dfadivqn9], .label-right[b-9dfadivqn9] {
font-weight: 500;
max-width: 40px;
}
.label-left[b-9dfadivqn9] {
text-align: left;
}
.label-right[b-9dfadivqn9] {
text-align: right;
}
.percentage-label[b-9dfadivqn9] {
font-weight: bold;
padding: 5px;
font-size: 13px;
border-radius: 4px;
display: flex;
align-items: center;
gap: 5px;
max-height: 24px;
margin: auto;
}
.up[b-9dfadivqn9] {
background: #e6ffe6;
color: #2ca02c;
}
.down[b-9dfadivqn9] {
background: #fff4e6;
color: #e67e22;
}
.equal[b-9dfadivqn9] {
background: #f0f0f0;
color: #7f7f7f;
}
/* Initialize animations when component is loaded */
.initialized .slider-progress[b-9dfadivqn9] {
width: var(--progress-width) !important;
}
.initialized .slider-thumb[b-9dfadivqn9] {
left: var(--thumb-position) !important;
}
/* Modal Styles */
.modal-overlay[b-9dfadivqn9] {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
align-items: center;
z-index: 1000;
}
.modal-content[b-9dfadivqn9] {
background: white;
border-radius: 10px;
padding: 2rem 4rem;
width: 90%;
max-width: 600px;
max-height: 90vh;
overflow-y: auto;
position: relative;
}
.modal-close[b-9dfadivqn9] {
position: absolute;
top: 1.5rem;
right: 1.5rem;
background: none;
border: none;
cursor: pointer;
padding: 0.5rem;
}
.modal-close img[b-9dfadivqn9] {
width: 16px;
height: 16px;
}
.modal-content h2[b-9dfadivqn9] {
font-size: 18px;
font-weight: 600;
margin-bottom: 0.5rem;
margin-top: 0.5rem;
text-align: center;
}
.modal-subtitle[b-9dfadivqn9] {
color: #71717A;
margin-bottom: 2rem;
text-align: center;
font-weight: 400;
}
.balance-slider.modal[b-9dfadivqn9] {
width: 80%;
margin: auto;
}
.balance-slider.modal .slider-progress[b-9dfadivqn9] {
transition: width 1.5s ease-out;
}
.balance-slider.modal .slider-thumb[b-9dfadivqn9] {
transition: all 1.5s ease-out;
}
.balance-slider.modal.initialized .slider-progress[b-9dfadivqn9] {
width: var(--progress-width) !important;
}
.balance-slider.modal.initialized .slider-thumb[b-9dfadivqn9] {
left: var(--thumb-position) !important;
}
.modal-section[b-9dfadivqn9] {
margin-top: 2rem;
padding: 1.5rem;
background: #FAFAFA;
border-radius: 8px;
}
.modal-section h3[b-9dfadivqn9] {
font-weight: 500;
font-size: 14px;
margin-bottom: 1rem;
}
.tag-grid[b-9dfadivqn9] {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
gap: 1rem;
}
.tag[b-9dfadivqn9] {
padding: 0.5rem 1rem;
border-radius: 60px;
font-size: 13px;
font-weight: 500;
text-align: center;
}
.tag-success[b-9dfadivqn9] {
background: #E4F3DC;
color: #7CCC4D;
}
.tag-danger[b-9dfadivqn9] {
background: #FFE9E1;
color: #FB794A;
}
.trend-indicator[b-9dfadivqn9] {
display: flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
margin: 1rem 0;
}
.trend-positive[b-9dfadivqn9] {
color: #027A48;
background: #ECFDF3;
padding: 0.25rem 0.5rem;
border-radius: 4px;
font-weight: 500;
}
.recommendations ul[b-9dfadivqn9] {
list-style-type: disc;
padding-left: 1.5rem;
}
.recommendations li[b-9dfadivqn9] {
margin-bottom: 0.75rem;
color: #2F2F2F;
font-weight: 400;
font-size: 14px;
}
/* Compact Mode Styles */
.performance-card.compact[b-9dfadivqn9] {
width: 150px;
height: 150px;
min-height: 150px;
padding: 1rem;
cursor: default;
}
.performance-card.compact:hover[b-9dfadivqn9] {
transform: none;
box-shadow: 0px 1px 2px 0px #0000000D;
}
.performance-card.compact .performance-title[b-9dfadivqn9] {
font-size: 14px;
margin-top: 0;
margin-bottom: 0.5rem;
text-align: center;
}
.balance-slider.compact[b-9dfadivqn9] {
width: 100%;
padding: 5px 0;
margin-top: 1.5rem;
}
.balance-slider.compact .slider-track[b-9dfadivqn9] {
height: 6px;
}
.balance-slider.compact .slider-thumb[b-9dfadivqn9] {
width: 16px;
height: 16px;
}
.balance-slider.compact.initialized .slider-progress[b-9dfadivqn9] {
width: var(--progress-width) !important;
}
.balance-slider.compact.initialized .slider-thumb[b-9dfadivqn9] {
left: var(--thumb-position) !important;
}
.percentage-label.compact[b-9dfadivqn9] {
font-size: 10px;
padding: 2px 4px;
margin: 0;
justify-content: center;
}
/* _content/Lumiboard.Client.Shared/Components/Dashboard/TaskList.razor.rz.scp.css */
.list[b-3rm7g7jhz5] {
padding: 1rem 0;
height: 100%;
overflow-y: auto;
position: absolute;
top: 0;
left: 0;
width: 100%;
box-sizing: border-box;
transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transform: translateX(100%);
opacity: 0;
}
.list.active[b-3rm7g7jhz5] {
transform: translateX(0);
opacity: 1;
}
.list-item[b-3rm7g7jhz5] {
border-bottom: 1px solid #E9E9E9;
padding: 0.5rem 0;
display: flex;
justify-content: space-between;
}
.task-info[b-3rm7g7jhz5] {
display: flex;
align-items: center;
gap: 5px;
}
.task-complete.list-format[b-3rm7g7jhz5] {
width: 15px;
height: 15px;
background: white;
border: 2px solid #c6c6c6;
border-radius: 50%;
margin-right: 0.5rem;
min-width: 15px;
}
.task-tags[b-3rm7g7jhz5] {
padding: 5px;
position: relative;
display: flex;
flex-direction: row;
align-items: center;
gap: 5px;
}
.badge[b-3rm7g7jhz5] {
box-sizing: border-box;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 2px 7px;
border: 1px solid #373737;
border-radius: 4px;
flex: none;
flex-grow: 0;
z-index: 3;
color: #373737;
}
.badge.completed[b-3rm7g7jhz5]{
opacity: 0.5;
}
.badge span[b-3rm7g7jhz5] {
font-size: 11px;
font-weight: 500;
}
.badge.new[b-3rm7g7jhz5], badge.new span[b-3rm7g7jhz5] {
background: #ffffff;
color: #4842FC;
border-color: #4842FC;
}
.deadline[b-3rm7g7jhz5] {
font-size: 13px;
align-items: center;
display: flex;
margin: 0 0.5rem;
}
.deadline img[b-3rm7g7jhz5] {
margin-right: 5px;
}
.marker[b-3rm7g7jhz5] {
width: 10px;
height: 10px;
border-radius: 50%;
}
.marker.deadline-today[b-3rm7g7jhz5] {
background: #20B65F;
}
.marker.deadline-new-task[b-3rm7g7jhz5] {
background: #7974F5;
}
.marker.deadline-overdue[b-3rm7g7jhz5] {
background: #D5561B;
}
.deadline-today[b-3rm7g7jhz5] {
color: #20B65F;
}
.deadline-new-task[b-3rm7g7jhz5] {
color: #7974F5;
}
.deadline-overdue[b-3rm7g7jhz5] {
color: #D5561B;
}
.task-text[b-3rm7g7jhz5] {
display: flex;
flex-direction: column;
text-align: left;
cursor: pointer;
}
.task-description[b-3rm7g7jhz5] {
color: #7E7E7E;
font-size: 13px;
font-weight: 400;
max-width: 350px;
}
.task-title[b-3rm7g7jhz5] {
font-size: 15px;
font-weight: 400;
}
.objective-button[b-3rm7g7jhz5] {
display: flex;
flex-direction: row;
align-items: center;
padding: 8px 16px;
border: 1px solid #E2E2E2;
border-radius: 20px;
font-size: 13px;
font-weight: 500;
width: 200px;
gap: 5px;
}
.objective-button img[b-3rm7g7jhz5] {
width: 13px;
height: 13px;
}
.delegated-sign[b-3rm7g7jhz5] {
font-size: 15px;
font-weight: 600;
background-color: #D1EFC0;
border-radius: 4px;
padding: 2px 7px;
}
.delegated-sign span[b-3rm7g7jhz5] {
font-size: 14px;
font-weight: 500;
color: #368B07;
}
/* _content/Lumiboard.Client.Shared/Components/Dashboard/Tasks/TaskConfigurations.razor.rz.scp.css */
.task-configurations[b-cx5wzhmg7r] {
display: flex;
justify-content: flex-start;
align-items: center;
}
.task-configs[b-cx5wzhmg7r] {
display: flex;
flex-direction: row;
gap: 8px;
align-items: center;
justify-content: flex-start;
position: relative;
flex-wrap: wrap;
}
.task-priority[b-cx5wzhmg7r],
.task-importance[b-cx5wzhmg7r],
.date-button[b-cx5wzhmg7r],
.location-button[b-cx5wzhmg7r],
.attachment-button[b-cx5wzhmg7r],
.duration-button[b-cx5wzhmg7r]{
background: none;
border: 1px solid #DEDEDE;
border-radius: 6px;
padding: 10px 12px;
cursor: pointer;
min-width: 38px;
min-height: 38px;
display: flex;
justify-content: center;
align-items: center;
gap: 4px;
font-size: 14px;
color: #21262C;
transition: all 0.2s;
}
.task-priority:hover[b-cx5wzhmg7r],
.task-importance:hover[b-cx5wzhmg7r],
.date-button:hover[b-cx5wzhmg7r],
.location-button:hover[b-cx5wzhmg7r],
.attachment-button:hover[b-cx5wzhmg7r],
.duration-button:hover[b-cx5wzhmg7r]{
background-color: #f5f5f5;
border-color: #BFBFBF;
}
.date-button img[b-cx5wzhmg7r],
.location-button img[b-cx5wzhmg7r],
.attachment-button img[b-cx5wzhmg7r],
.duration-button img[b-cx5wzhmg7r]{
width: 16px;
height: 16px;
}
.date-button span[b-cx5wzhmg7r],
.location-button span[b-cx5wzhmg7r],
.duration-button span[b-cx5wzhmg7r] {
font-size: 13px;
font-weight: 500;
white-space: nowrap;
}
.attachment-button .file-count[b-cx5wzhmg7r] {
background-color: #4842FC;
color: white;
border-radius: 50%;
padding: 2px 6px;
font-size: 12px;
font-weight: 600;
margin-left: 4px;
min-width: 16px;
height: 16px;
display: flex;
align-items: center;
justify-content: center;
}
.task-configs[b-cx5wzhmg7r] .options-popup {
left: 0 !important;
bottom: 45px !important;
}
.task-configs[b-cx5wzhmg7r] .importance-popup {
left: 0 !important;
bottom: 45px !important;
}
.task-configs[b-cx5wzhmg7r] .duration-popup {
left: 0 !important;
bottom: 45px !important;
}
@media (max-width: 768px) {
.task-configs[b-cx5wzhmg7r] {
flex-wrap: wrap;
justify-content: center;
}
.date-button span[b-cx5wzhmg7r],
.location-button span[b-cx5wzhmg7r] {
max-width: 80px;
overflow: hidden;
text-overflow: ellipsis;
}
}
/* _content/Lumiboard.Client.Shared/Components/Dashboard/Tasks/TaskCreationModal.razor.rz.scp.css */
.modal-overlay[b-4zcgkkxd40] {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
display: flex;
align-items: center;
justify-content: center;
z-index: 1000;
transition: filter 0.3s ease;
}
.modal-overlay.loading-blur[b-4zcgkkxd40] {
filter: blur(4px);
}
.simple-task-creation-dialog[b-4zcgkkxd40] {
background: white;
border-radius: 10px;
padding: 2rem;
width: 100%;
max-width: 600px;
max-height: 80vh;
overflow-y: auto;
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
z-index: 1001;
margin: 1rem;
}
.modal-header[b-4zcgkkxd40] {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 1rem;
}
.task-label[b-4zcgkkxd40] {
font-weight: 600;
display: flex;
gap: 8px;
color: #A0A0A0;
align-items: center;
text-align: center;
vertical-align: middle;
}
.close-button[b-4zcgkkxd40] {
background: none;
border: none;
cursor: pointer;
padding: 8px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.close-button:hover[b-4zcgkkxd40] {
background-color: #f5f5f5;
}
.close-button img[b-4zcgkkxd40] {
width: 10px;
height: 10px;
}
.input-container[b-4zcgkkxd40] {
margin-bottom: 4rem;
}
.input-container input[b-4zcgkkxd40] {
width: 100%;
padding: 16px 20px 16px 0;
font-size: 16px;
font-weight: 400;
border-radius: 12px;
transition: all 0.2s ease;
outline: none;
box-sizing: border-box;
background-color: white;
}
.input-container input[b-4zcgkkxd40]::placeholder {
color: #9CA3AF;
font-size: 16px;
}
.task-config-wrapper[b-4zcgkkxd40] {
margin-bottom: 2rem;
}
.task-config-wrapper[b-4zcgkkxd40] .task-configurations {
justify-content: center;
}
.task-config-wrapper[b-4zcgkkxd40] .task-configs {
justify-content: center;
flex-wrap: wrap;
gap: 12px;
}
.dialog-actions[b-4zcgkkxd40] {
display: flex;
justify-content: space-between;
gap: 1rem;
margin-top: 1rem;
}
.add-task-button[b-4zcgkkxd40] {
background: #4842FC;
color: #FAFAFA;
border: none;
border-radius: 8px;
padding: 12px 24px;
font-size: 14px;
font-weight: 600;
cursor: pointer;
transition: all 0.2s ease;
min-height: 44px;
max-height: 44px;
}
.configs-wrapper[b-4zcgkkxd40]{
max-width: 360px;
}
.add-task-button:hover:not(:disabled)[b-4zcgkkxd40] {
background: #3730A3;
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(72, 66, 252, 0.3);
}
.add-task-button:active:not(:disabled)[b-4zcgkkxd40] {
transform: translateY(0);
}
.add-task-button:disabled[b-4zcgkkxd40] {
background: #A0A0A0;
color: #FAFAFA;
cursor: not-allowed;
}
.show-animation[b-4zcgkkxd40] {
filter: blur(6px);
}
.loading-blur[b-4zcgkkxd40] {
filter: blur(4px);
transition: filter 0.3s ease;
}
.loading-container[b-4zcgkkxd40] {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
z-index: 1200;
pointer-events: none;
}
.loading-container .loading-text[b-4zcgkkxd40] {
font-size: 21px;
font-weight: 500;
color: #21262C;
margin-top: 16px;
}
@media (max-width: 640px) {
.simple-task-creation-dialog[b-4zcgkkxd40] {
margin: 1rem;
padding: 1.5rem;
max-width: calc(100% - 2rem);
}
.task-config-wrapper[b-4zcgkkxd40] .task-configs {
justify-content: center;
gap: 8px;
}
.dialog-actions[b-4zcgkkxd40] {
flex-direction: column;
}
.add-task-button[b-4zcgkkxd40] {
width: 100%;
justify-content: center;
}
}
/* _content/Lumiboard.Client.Shared/Components/Dashboard/Tasks/TaskDetailsModal.razor.rz.scp.css */
.modal-overlay[b-96afw86dfv] {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1000;
}
.task-details-modal[b-96afw86dfv] {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: white;
border-radius: 10px;
width: 90%;
max-width: 520px;
/*max-height: 90vh;*/
overflow-y: auto;
z-index: 1001;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}
.modal-header[b-96afw86dfv] {
display: flex;
justify-content: space-between;
align-items: center;
padding: 24px 24px 0 24px;
}
.task-label[b-96afw86dfv] {
font-weight: 600;
display: flex;
gap: 8px;
color: #A0A0A0;
align-items: center;
text-align: center;
vertical-align: middle;
}
.header-actions[b-96afw86dfv] {
display: flex;
align-items: center;
}
.header-action-button[b-96afw86dfv] {
width: 32px;
height: 32px;
border-radius: 50%;
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.mark-complete[b-96afw86dfv] {
border: 1px solid #30B215;
font-size: 13px;
border-radius: 6px;
color: #30B215;
background: white;
padding: 4px 16px;
display: flex;
gap: 4px;
justify-content: center;
align-items: center;
transition: background 1s;
}
.mark-complete:hover[b-96afw86dfv] {
background: #ebfbe7;
}
.header-action-button img[b-96afw86dfv] {
width: 14px;
height: 14px;
}
.close-button[b-96afw86dfv] {
background: none;
border: none;
cursor: pointer;
padding: 8px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.close-button:hover[b-96afw86dfv] {
background-color: #f5f5f5;
}
.close-button img[b-96afw86dfv] {
width: 10px;
height: 10px;
}
.modal-content[b-96afw86dfv] {
padding: 24px;
display: flex;
flex-direction: column;
gap: 20px;
}
.modal-content.breakdown-active[b-96afw86dfv]{
padding-bottom: 70px;
}
.task-header[b-96afw86dfv] {
display: flex;
flex-direction: column;
gap: 12px;
}
.task-title[b-96afw86dfv] {
font-size: 22px;
font-weight: 600;
color: #21262C;
margin: 0;
line-height: 1.3;
cursor: pointer;
transition: color 0.2s;
}
.task-title:hover[b-96afw86dfv] {
color: #666;
}
.task-title-input[b-96afw86dfv] {
font-size: 22px;
font-weight: 600;
color: #21262C;
margin: 0;
line-height: 1.3;
border: 2px solid #4842FC;
border-radius: 4px;
padding: 4px 8px;
background: white;
width: 100%;
outline: none;
}
.task-type-button[b-96afw86dfv] {
align-self: flex-start;
width: 123px;
height: 23px;
color: white;
border-radius: 10px;
background-color: #FECE00;
font-size: 12px;
font-weight: 700;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
gap: 8px;
border: none;
padding: 6px 12px;
}
.smart-score[b-96afw86dfv] {
display: flex;
align-items: center;
gap: 8px;
}
.task-description[b-96afw86dfv] {
font-size: 14px;
color: #8A8A8E;
line-height: 1.4;
}
.description-view[b-96afw86dfv] {
font-size: 14px;
color: #8A8A8E;
line-height: 1.4;
cursor: pointer;
padding: 4px;
border-radius: 4px;
transition: background-color 0.2s;
min-height: 20px;
}
.description-view:hover[b-96afw86dfv] {
background-color: #f5f5f5;
}
.task-description-input[b-96afw86dfv] {
font-size: 14px;
color: #21262C;
line-height: 1.4;
border: 2px solid #4842FC;
border-radius: 4px;
padding: 8px;
background: white;
width: 100%;
min-height: 60px;
resize: vertical;
outline: none;
font-family: inherit;
}
.agent-section[b-96afw86dfv] {
display: flex;
flex-direction: column;
gap: 16px;
border-radius: 16px;
}
.agent-info[b-96afw86dfv] {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.agent-avatar[b-96afw86dfv] {
position: relative;
width: 40px;
height: 40px;
background-color: #4842FC;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.agent-avatar i[b-96afw86dfv] {
font-size: 18px;
color: white;
}
.spark-overlay[b-96afw86dfv] {
position: absolute;
top: -3px;
right: -3px;
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.spark-overlay img[b-96afw86dfv] {
width: 20px;
height: 20px;
}
.agent[b-96afw86dfv] {
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
}
.agent-details[b-96afw86dfv] {
display: flex;
flex-direction: column;
}
.agent-details h3[b-96afw86dfv] {
font-size: 15px;
font-weight: 600;
color: #160D42;
}
.agent-details p[b-96afw86dfv] {
font-size: 11px;
color: #70679A;
margin: 0;
}
.position[b-96afw86dfv] {
font-size: 11px;
color: #70679A;
background: #70679A0F;
border-radius: 60px;
padding: 3px 10px;
display: flex;
gap: 3px;
margin-top: 2px;
width: fit-content;
}
.action.no-border button.action-button.primary[b-96afw86dfv]{
background: #4842FC;
color: white;
border-color: #4842FC;
}
.talk-to-agent-button[b-96afw86dfv] {
color: #160D42;
border: 1px solid #E2DEF3;
border-radius: 60px;
padding: 8px 24px;
font-size: 13px;
font-weight: 500;
cursor: pointer;
transition: background-color 0.2s;
}
.talk-to-agent-button:hover[b-96afw86dfv] {
background-color: #ececec;
}
.agent-message[b-96afw86dfv] {
font-size: 14px;
color: #160D42;
line-height: 1.5;
padding: 16px;
border-radius: 2px 16px 16px 16px;
background: linear-gradient(white, white) padding-box,
linear-gradient(180deg, #40CA93 0%, #5689EC 100%) border-box;
border: 1px solid transparent;
}
.agent-actions[b-96afw86dfv] {
display: flex;
gap: 12px;
margin-top: 12px;
}
.action-button[b-96afw86dfv] {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 8px 24px;
border-radius: 20px;
font-size: 14px;
font-weight: 500;
cursor: pointer;
transition: all 0.2s;
}
.action-button.primary[b-96afw86dfv] {
background-color: #4842FC;
color: white;
border: none;
}
.action-button.primary:hover[b-96afw86dfv] {
background-color: #3A34E8;
}
.action-button.secondary[b-96afw86dfv] {
background-color: #4842FC1A;
color: #4842FC;
}
.action-button.secondary:hover[b-96afw86dfv] {
background-color: #F8F7FF;
}
.action-button img[b-96afw86dfv] {
width: 16px;
height: 16px;
}
.modal-footer[b-96afw86dfv] {
display: flex;
justify-content: space-between;
align-items: center;
border-top: 1px solid #E9ECEF;
padding: 0.5rem 0.5rem 0.5rem 1.5rem;
background: #F3F3F3;
}
.modal-footer.spark-mode[b-96afw86dfv] {
background: linear-gradient(180deg, #1BC67F 0%, #5985F2 100%);
}
.footer-actions[b-96afw86dfv] {
display: flex;
gap: 12px;
}
.footer-action-button[b-96afw86dfv] {
width: 40px;
height: 40px;
border-radius: 50%;
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: background-color 0.2s;
}
.spark-mode-toggle[b-96afw86dfv] {
display: flex;
align-items: center;
gap: 8px;
}
.spark-mode-label[b-96afw86dfv] {
font-size: 14px;
font-weight: 500;
color: #21262C;
}
.spark-mode-label.spark-mode[b-96afw86dfv] {
color: white;
}
.toggle-switch[b-96afw86dfv] {
position: relative;
display: inline-block;
width: 40px;
height: 20px;
}
.toggle-switch input[b-96afw86dfv] {
opacity: 0;
width: 0;
height: 0;
}
.slider[b-96afw86dfv] {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
transition: .4s;
border-radius: 20px;
background-repeat: no-repeat;
background-position: 4px center;
background-size: 14px 14px;
}
.slider[b-96afw86dfv]:before {
position: absolute;
content: "";
height: 16px;
width: 16px;
left: 2px;
bottom: 2px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
border-radius: 50%;
}
input:checked + .slider[b-96afw86dfv] {
background-color: #4842FC;
background-image: url('/svgs/dashboard/spark.svg');
}
input:checked + .slider[b-96afw86dfv]:before {
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
.lumicites-info[b-96afw86dfv],
.time-info[b-96afw86dfv] {
display: flex;
align-items: center;
gap: 4px;
background-color: #F5F5F5;
border-radius: 12px;
padding: 4px 8px;
}
.lumicites-info.spark-mode[b-96afw86dfv],
.time-info.spark-mode[b-96afw86dfv] {
background: no-repeat;
}
.lumicites-info.spark-mode span[b-96afw86dfv],
.time-info.spark-mode span[b-96afw86dfv] {
color: white;
border-bottom: 2px dotted white;
}
.lumicites-info img[b-96afw86dfv],
.time-info img[b-96afw86dfv] {
width: 12px;
height: 12px;
}
.lumicites-info span[b-96afw86dfv],
.time-info span[b-96afw86dfv] {
font-size: 12px;
font-weight: 500;
color: #4D4D4D;
border-bottom: 2px dotted #4D4D4D;
}
@media (max-width: 768px) {
.task-details-modal[b-96afw86dfv] {
width: 95%;
max-width: none;
}
.modal-content[b-96afw86dfv] {
padding: 20px;
}
.modal-header[b-96afw86dfv] {
padding: 20px 20px 0 20px;
}
.modal-footer[b-96afw86dfv] {
padding: 0 20px 20px 20px;
}
.spark-mode-toggle[b-96afw86dfv] {
flex-direction: column;
gap: 8px;
}
}
.reference[b-96afw86dfv] {
display: flex;
align-items: center;
gap: 8px;
padding: 3px 15px;
border-radius: 20px;
background-color: white;
color: #5A5A5A;
font-weight: 500;
font-size: 12px;
border: 1px solid #E2E2E2;
width: fit-content;
}
.reference img[b-96afw86dfv]{
width: 14px;
height: 14px;
}
.generated-tasks-header[b-96afw86dfv] {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.generated-tasks-header h3[b-96afw86dfv] {
font-size: 19px;
font-weight: 500;
color: #21262C;
margin: 0;
}
.generated-tasks-header span[b-96afw86dfv] {
font-size: 16px;
font-weight: 400;
color: #21262C;
}
.generated-task-item[b-96afw86dfv] {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 10px 0;
box-sizing: border-box;
}
.generated-task-content[b-96afw86dfv] {
display: flex;
flex-direction: column;
gap: 8px;
}
.generated-task-title[b-96afw86dfv] {
display: flex;
flex-direction: column;
}
.generated-task-deadline[b-96afw86dfv] {
display: flex;
flex-direction: row;
align-items: center;
gap: 10px;
}
.generated-task-deadline img[alt="time"][b-96afw86dfv] {
width: 16px;
height: 16px;
}
.generated-task-deadline span[b-96afw86dfv] {
font-size: 14px;
font-weight: 400;
color: #6B7280;
}
.generated-task-title span[b-96afw86dfv] {
font-size: 16px;
font-weight: 500;
color: #21262C;
}
.generated-task-actions[b-96afw86dfv] {
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
}
.generated-task-actions button[b-96afw86dfv] {
background: none;
border: none;
cursor: pointer;
padding: 8px;
border-radius: 6px;
transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out;
display: flex;
justify-content: center;
align-items: center;
}
.generated-task-actions button:hover[b-96afw86dfv] {
background-color: #F5F5F5;
}
.generated-task-actions button:active[b-96afw86dfv] {
transform: scale(0.95);
}
.generated-task-actions img[b-96afw86dfv] {
width: 20px;
height: 20px;
}
.generated-tasks-content[b-96afw86dfv] {
max-height: 300px;
overflow-y: auto;
padding-right: 5px;
}
.generated-tasks-content[b-96afw86dfv]::-webkit-scrollbar {
width: 6px;
}
.generated-tasks-content[b-96afw86dfv]::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 3px;
}
.generated-tasks-content[b-96afw86dfv]::-webkit-scrollbar-thumb {
background: #c1c1c1;
border-radius: 3px;
}
.generated-tasks-content[b-96afw86dfv]::-webkit-scrollbar-thumb:hover {
background: #a8a8a8;
}
.objective-tasks-footer .slider-container[b-96afw86dfv] {
width: 100%;
padding: 10px 0 5px 0;
}
.objective-tasks-footer .slider-container input[type="range"][b-96afw86dfv] {
width: 100%;
-webkit-appearance: none;
background: transparent;
outline: none;
}
.objective-tasks-footer .slider-container input[type="range"][b-96afw86dfv]::-webkit-slider-runnable-track {
height: 6px;
background: #4842FC3D;
border-radius: 3px;
}
.objective-tasks-footer .slider-container input[type="range"][b-96afw86dfv]::-moz-range-track {
height: 6px;
background: #4842FC3D;
border-radius: 3px;
}
.tasks-picker-values[b-96afw86dfv] {
display: flex;
justify-content: space-between;
font-size: 14px;
color: #706D7F;
}
.objective-tasks-footer .slider-container input[type="range"][b-96afw86dfv]::-webkit-slider-thumb {
-webkit-appearance: none;
height: 20px;
width: 20px;
background: #4842FC;
border-radius: 50%;
border: 2px solid #fff;
cursor: pointer;
margin-top: -7px;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
box-sizing: border-box;
}
.objective-tasks-footer .slider-container input[type="range"][b-96afw86dfv]::-moz-range-thumb {
height: 20px;
width: 20px;
background: #4842FC;
border-radius: 50%;
border: 2px solid #fff;
cursor: pointer;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
box-sizing: border-box;
}
.objective-tasks-footer .regenerate-tasks-button[b-96afw86dfv] {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
padding: 10px 0;
}
.objective-tasks-footer .regenerate-tasks-button button[b-96afw86dfv] {
display: flex;
align-items: center;
gap: 8px;
background: none;
border: 1px solid #4842FC;
border-radius: 20px;
padding: 8px 16px;
font-size: 14px;
font-weight: 500;
color: #4842FC;
cursor: pointer;
transition: all 0.2s ease-in-out;
}
.objective-tasks-footer .regenerate-tasks-button button img[b-96afw86dfv] {
width: 16px;
height: 16px;
}
.objective-tasks-footer .regenerate-tasks-button button:hover[b-96afw86dfv] {
background-color: #4842FC;
color: white;
}
.action.no-border[b-96afw86dfv] {
border: none;
background: #f8f9fa;
border-radius: 8px;
padding: 20px;
margin-top: 20px;
}
.action.no-border p[b-96afw86dfv] {
margin: 0 0 12px 0;
color: #21262C;
font-size: 14px;
line-height: 1.4;
}
.action.no-border .action-button[b-96afw86dfv] {
display: flex;
align-items: center;
gap: 8px;
background: none;
border: 1px solid #4842FC;
border-radius: 60px;
padding: 8px 16px;
font-size: 14px;
font-weight: 500;
color: #4842FC;
cursor: pointer;
transition: all 0.2s ease-in-out;
}
.action.no-border .action-button:hover[b-96afw86dfv] {
background-color: #4842FC;
color: white;
}
.action.no-border .action-button img[b-96afw86dfv] {
width: 16px;
height: 16px;
}
hr[b-96afw86dfv] {
margin: 0 20px;
border: none;
border-top: 1px solid #E9E9E9;
}
/* Loading and approve button styles */
.modal-overlay.loading-blur[b-96afw86dfv] {
filter: blur(4px);
}
.task-details-modal.loading-blur[b-96afw86dfv] {
filter: blur(4px);
}
.loading-container[b-96afw86dfv] {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
z-index: 1200;
pointer-events: none;
}
.loading-container .loading-text[b-96afw86dfv] {
font-size: 18px;
font-weight: 600;
color: #21262C;
margin-top: 16px;
}
.approve-close-container[b-96afw86dfv] {
position: absolute;
bottom: 0;
width: 100%;
background-color: #FFFFFF;
z-index: 1200;
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
}
.approve-button[b-96afw86dfv] {
width: 100%;
height: 56px;
font-size: 16px;
font-weight: 700;
color: #FFFFFF;
background-color: #5046FF;
border: none;
cursor: pointer;
transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out;
border-radius: 0 0 10px 10px;
}
.approve-button:hover[b-96afw86dfv] {
background-color: #3F37E3;
}
.approve-button:active[b-96afw86dfv] {
transform: scale(0.97);
}
.approve-button:disabled[b-96afw86dfv] {
opacity: 0.6;
cursor: default;
}
.task-delegation-sign[b-96afw86dfv] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
gap: 4px;
height: 31px;
padding: 5px 10px;
border-radius: 60px;
font-size: 11px;
font-weight: 600;
margin-left: 10px;
}
.successfully-delegated[b-96afw86dfv] {
border: 1px solid #E2E2E2;
color: #7F7F7F;
}
.waiting-for-approval[b-96afw86dfv] {
background-color: #F6EACE;
color: #865B23;
}
/* Task delegation styles */
.task-delegation-container[b-96afw86dfv] {
width: 100%;
background: #F8F9FA;
border-radius: 12px;
padding: 20px;
margin-top: 16px;
border: 1px solid #E9ECEF;
}
.task-delegation-data[b-96afw86dfv] {
margin-bottom: 16px;
}
.task-delegation-data p[b-96afw86dfv] {
font-size: 14px;
color: #6C757D;
margin: 0;
text-align: center;
}
.task-delegation-footer[b-96afw86dfv] {
display: flex;
gap: 12px;
justify-content: center;
align-items: center;
}
.accept-button[b-96afw86dfv] {
background: #28A745;
color: white;
border: none;
border-radius: 8px;
padding: 12px 24px;
font-size: 14px;
font-weight: 500;
cursor: pointer;
transition: background-color 0.2s ease;
}
.accept-button:hover:not(:disabled)[b-96afw86dfv] {
background: #218838;
}
.accept-button:disabled[b-96afw86dfv] {
opacity: 0.6;
cursor: not-allowed;
}
.decline-button[b-96afw86dfv] {
background: transparent;
color: #6C757D;
border: 1px solid #DEE2E6;
border-radius: 8px;
padding: 12px 24px;
font-size: 14px;
font-weight: 500;
cursor: pointer;
transition: all 0.2s ease;
}
.decline-button:hover:not(:disabled)[b-96afw86dfv] {
background: #F8F9FA;
border-color: #ADB5BD;
color: #495057;
}
.decline-button:disabled[b-96afw86dfv] {
opacity: 0.6;
cursor: not-allowed;
}
.spark-mode-description[b-96afw86dfv] {
background: #F3F3F3;
border-radius: 12px;
padding: 20px;
margin: 0;
border: none;
display: flex;
gap: 40px;
align-items: flex-start;
}
.spark-mode-benefits[b-96afw86dfv] {
flex: 1;
}
.spark-mode-benefits ul[b-96afw86dfv] {
list-style: none;
padding: 0;
margin: 0;
}
.spark-mode-benefits li[b-96afw86dfv] {
display: flex;
align-items: flex-start;
gap: 8px;
margin-bottom: 8px;
font-size: 12px;
line-height: 1.3;
}
.spark-mode-benefits li:last-child[b-96afw86dfv] {
margin-bottom: 0;
}
.spark-mode-benefits .bullet[b-96afw86dfv] {
color: #5C5C5C;
font-weight: normal;
font-size: 12px;
line-height: 1.3;
margin-top: 0;
}
.spark-mode-benefits span:last-child[b-96afw86dfv] {
color: #5C5C5C;
flex: 1;
}
.spark-mode-stats[b-96afw86dfv] {
display: flex;
flex-direction: column;
gap: 6px;
min-width: 140px;
}
.stat-item[b-96afw86dfv] {
display: flex;
align-items: center;
gap: 5px;
font-size: 12px;
line-height: 1.3;
}
.stat-item.save .stat-label[b-96afw86dfv],
.stat-item.save .stat-value[b-96afw86dfv] {
color: #5C5C5C;
font-weight: 500;
}
.stat-item.impact .stat-label[b-96afw86dfv],
.stat-item.impact .stat-value[b-96afw86dfv] {
color: #5C5C5C;
font-weight: 500;
}
.stat-item.bonus .stat-label[b-96afw86dfv],
.stat-item.bonus .stat-value[b-96afw86dfv] {
color: #5C5C5C;
font-weight: 500;
}
/* _content/Lumiboard.Client.Shared/Components/Dashboard/Tasks/TaskReviewModal.razor.rz.scp.css */
.modal-overlay[b-95jxkmcgt3] {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1000;
transition: filter 0.3s ease;
}
.modal-overlay.loading-blur[b-95jxkmcgt3] {
filter: blur(4px);
}
.task-review-modal[b-95jxkmcgt3] {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: white;
border-radius: 10px;
width: 90%;
max-width: 520px;
max-height: 90vh;
z-index: 1001;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
transition: filter 0.3s ease;
display: flex;
flex-direction: column;
}
.task-review-modal.loading-blur[b-95jxkmcgt3] {
filter: blur(4px);
}
.modal-header[b-95jxkmcgt3] {
display: flex;
justify-content: space-between;
align-items: center;
padding: 24px 24px 0 24px;
}
.task-label[b-95jxkmcgt3] {
font-weight: 600;
display: flex;
gap: 8px;
color: #A0A0A0;
align-items: center;
text-align: center;
vertical-align: middle;
}
.created-task[b-95jxkmcgt3] {
font-weight: 600;
color: #2A890B;
font-size: 10px;
display: flex;
gap: 8px;
align-items: center;
border-radius: 6px;
padding: 3px 15px;
background-color: #D9F3DB;
}
.close-button[b-95jxkmcgt3] {
background: none;
border: none;
cursor: pointer;
padding: 8px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.close-button:hover[b-95jxkmcgt3] {
background-color: #f5f5f5;
}
.close-button img[b-95jxkmcgt3] {
width: 10px;
height: 10px;
}
.modal-content[b-95jxkmcgt3] {
padding: 24px;
display: flex;
flex-direction: column;
gap: 1rem;
flex: 1;
}
.task-header[b-95jxkmcgt3] {
display: flex;
flex-direction: column;
gap: 12px;
}
.task-title[b-95jxkmcgt3] {
font-size: 22px;
font-weight: 600;
color: #21262C;
margin: 0;
line-height: 1.3;
cursor: pointer;
transition: color 0.2s;
}
.task-title:hover[b-95jxkmcgt3] {
color: #666;
}
.task-title-input[b-95jxkmcgt3] {
font-size: 22px;
font-weight: 600;
color: #21262C;
margin: 0;
line-height: 1.3;
border: 2px solid #4842FC;
border-radius: 4px;
padding: 4px 8px;
background: white;
width: 100%;
outline: none;
}
.task-type-button[b-95jxkmcgt3] {
align-self: flex-start;
width: 123px;
height: 23px;
color: white;
border-radius: 10px;
background-color: #FECE00;
font-size: 12px;
font-weight: 700;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
gap: 8px;
border: none;
padding: 6px 12px;
}
.task-description[b-95jxkmcgt3] {
font-size: 14px;
color: #8A8A8E;
line-height: 1.4;
}
.description-view[b-95jxkmcgt3] {
font-size: 14px;
color: #8A8A8E;
line-height: 1.4;
cursor: pointer;
padding: 4px;
border-radius: 4px;
transition: background-color 0.2s;
min-height: 20px;
}
.description-view:hover[b-95jxkmcgt3] {
background-color: #f5f5f5;
}
.task-description-input[b-95jxkmcgt3] {
font-size: 14px;
color: #21262C;
line-height: 1.4;
border: 2px solid #4842FC;
border-radius: 4px;
padding: 8px;
background: white;
width: 100%;
min-height: 60px;
resize: vertical;
outline: none;
font-family: inherit;
}
.reference[b-95jxkmcgt3] {
display: flex;
align-items: center;
gap: 8px;
padding: 3px 15px;
border-radius: 20px;
background-color: white;
color: #5A5A5A;
font-weight: 500;
font-size: 12px;
border: 1px solid #E2E2E2;
width: fit-content;
}
.ai-actions-section[b-95jxkmcgt3] {
display: flex;
flex-direction: column;
gap: 1rem;
background: #FAF9FF;
padding: 1.5rem;
border-radius: 10px;
}
.ai-actions-section h3[b-95jxkmcgt3] {
font-weight: 500;
font-size: 13px;
color: #0C0629;
text-align: left;
}
.actions[b-95jxkmcgt3] {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.action[b-95jxkmcgt3] {
display: flex;
align-items: center;
justify-content: space-between;
padding: 1rem;
border-radius: 60px;
background-color: #FAF9FF;
width: 100%;
}
.ai-actions-section .action.no-border[b-95jxkmcgt3] {
border: none !important;
background: #FAF9FF !important;
display: flex;
flex-direction: column;
gap: 1rem;
align-items: flex-start;
text-align: left;
}
.action.no-border .refined-buttons[b-95jxkmcgt3] {
display: flex;
flex-direction: row;
gap: 1rem;
align-items: flex-start;
justify-content: flex-start;
}
.action.no-border span[b-95jxkmcgt3] {
text-align: left;
margin: 0;
width: 100%;
font-size: 13px;
}
.ai-actions-section .action .action-button[b-95jxkmcgt3] {
background-color: #4842FC1A;
color: #4842FC;
}
.action.no-border .action-button.break-down[b-95jxkmcgt3] {
background-color: #4842FC;
color: white;
}
.action:first-child[b-95jxkmcgt3] {
border-radius: 60px;
position: relative;
background: linear-gradient(90deg, #BA54DA 0%, #4842FC 100%);
padding: calc(1rem + 1px);
}
.action:first-child[b-95jxkmcgt3]::before {
content: '';
position: absolute;
top: 1px;
left: 1px;
right: 1px;
bottom: 1px;
background-color: #FAF9FF;
border-radius: 59px;
z-index: 0;
}
.action:first-child > *[b-95jxkmcgt3] {
position: relative;
z-index: 1;
}
.action p[b-95jxkmcgt3] {
color: #0C0629;
font-size: 13px;
font-weight: 400;
text-align: left;
max-width: 215px;
}
.action-button[b-95jxkmcgt3] {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 8px 24px;
border-radius: 20px;
font-size: 14px;
font-weight: 500;
cursor: pointer;
transition: all 0.2s;
border: none;
}
.actions .action:first-child .action-button[b-95jxkmcgt3] {
background-color: #4842FC;
color: white;
}
.actions .action:first-child .action-button:hover[b-95jxkmcgt3] {
background-color: #3A34E8;
}
.actions .action:not(:first-child) .action-button[b-95jxkmcgt3] {
background-color: #4842FC1A;
color: #4842FC;
}
.actions .action:not(:first-child) .action-button:hover[b-95jxkmcgt3] {
background-color: #F8F7FF;
}
.action-button img[b-95jxkmcgt3] {
width: 16px;
height: 16px;
}
@media (max-width: 768px) {
.task-review-modal[b-95jxkmcgt3] {
width: 95%;
max-height: 95vh;
}
.modal-content[b-95jxkmcgt3] {
padding: 16px;
gap: 16px;
}
.modal-header[b-95jxkmcgt3] {
padding: 16px 16px 0 16px;
}
}
.loading-container[b-95jxkmcgt3] {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
z-index: 1200;
pointer-events: none;
}
.loading-container .loading-text[b-95jxkmcgt3] {
font-size: 18px;
font-weight: 600;
color: #21262C;
margin-top: 16px;
}
.generated-tasks-header[b-95jxkmcgt3] {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 20px;
}
.generated-tasks-header h3[b-95jxkmcgt3] {
font-size: 19px;
font-weight: 500;
color: #21262C;
margin: 0;
}
.generated-tasks-header span[b-95jxkmcgt3] {
font-size: 16px;
font-weight: 400;
color: #21262C;
}
.generated-task-item[b-95jxkmcgt3] {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 10px 20px;
box-sizing: border-box;
}
.generated-task-content[b-95jxkmcgt3] {
display: flex;
flex-direction: column;
gap: 8px;
}
.generated-task-title[b-95jxkmcgt3] {
display: flex;
flex-direction: column;
}
.generated-task-deadline[b-95jxkmcgt3] {
display: flex;
flex-direction: row;
align-items: center;
gap: 10px;
}
.generated-task-deadline img[alt="time"][b-95jxkmcgt3] {
width: 16px;
height: 16px;
}
.generated-task-deadline span[b-95jxkmcgt3] {
font-size: 14px;
font-weight: 400;
color: #6B7280;
}
.generated-task-title span[b-95jxkmcgt3] {
font-size: 16px;
font-weight: 500;
color: #21262C;
}
.generated-task-actions[b-95jxkmcgt3] {
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
}
.generated-task-actions button[b-95jxkmcgt3] {
background: none;
border: none;
cursor: pointer;
padding: 8px;
border-radius: 6px;
transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out;
display: flex;
justify-content: center;
align-items: center;
}
.generated-task-actions button:hover[b-95jxkmcgt3] {
background-color: #F5F5F5;
}
.generated-task-actions button:active[b-95jxkmcgt3] {
transform: scale(0.95);
}
.generated-task-actions img[b-95jxkmcgt3] {
width: 20px;
height: 20px;
}
.smart-score[b-95jxkmcgt3] {
display: flex;
align-items: center;
gap: 8px;
}
hr[b-95jxkmcgt3] {
margin: 0 20px;
border: none;
border-top: 1px solid #E9E9E9;
}
.approve-close-container[b-95jxkmcgt3] {
position: absolute;
bottom: 0;
width: 100%;
background-color: #FFFFFF;
z-index: 1200;
border-radius: 0 0 10px 10px;
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
}
.approve-button[b-95jxkmcgt3] {
width: 100%;
height: 56px;
font-size: 16px;
font-weight: 700;
color: #FFFFFF;
background-color: #5046FF;
border: none;
cursor: pointer;
transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out;
border-radius: 0 0 10px 10px;
}
.approve-button:hover[b-95jxkmcgt3] {
background-color: #3F37E3;
}
.approve-button:active[b-95jxkmcgt3] {
transform: scale(0.97);
}
.approve-button:disabled[b-95jxkmcgt3] {
opacity: 0.6;
cursor: default;
}
.objective-tasks-footer .slider-container[b-95jxkmcgt3] {
width: 100%;
padding: 10px 20px 5px 20px;
}
.objective-tasks-footer .slider-container input[type="range"][b-95jxkmcgt3] {
width: 100%;
-webkit-appearance: none;
background: transparent;
outline: none;
}
.objective-tasks-footer .slider-container input[type="range"][b-95jxkmcgt3]::-webkit-slider-runnable-track {
height: 6px;
background: #4842FC3D;
border-radius: 3px;
}
.objective-tasks-footer .slider-container input[type="range"][b-95jxkmcgt3]::-moz-range-track {
height: 6px;
background: #4842FC3D;
border-radius: 3px;
}
.tasks-picker-values[b-95jxkmcgt3] {
display: flex;
justify-content: space-between;
padding: 0 20px;
font-size: 14px;
color: #706D7F;
}
.objective-tasks-footer .slider-container input[type="range"][b-95jxkmcgt3]::-webkit-slider-thumb {
-webkit-appearance: none;
height: 20px;
width: 20px;
background: #4842FC;
border-radius: 50%;
border: 2px solid #fff;
cursor: pointer;
margin-top: -7px;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
box-sizing: border-box;
}
.objective-tasks-footer .slider-container input[type="range"][b-95jxkmcgt3]::-moz-range-thumb {
height: 20px;
width: 20px;
background: #4842FC;
border-radius: 50%;
border: 2px solid #fff;
cursor: pointer;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
box-sizing: border-box;
}
.objective-tasks-footer .regenerate-tasks-button[b-95jxkmcgt3] {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
padding: 10px 20px;
}
.objective-tasks-footer .regenerate-tasks-button button[b-95jxkmcgt3] {
display: flex;
align-items: center;
gap: 8px;
background: none;
border: 1px solid #4842FC;
border-radius: 20px;
padding: 8px 16px;
font-size: 14px;
font-weight: 500;
color: #4842FC;
cursor: pointer;
transition: all 0.2s ease-in-out;
}
.objective-tasks-footer .regenerate-tasks-button button img[b-95jxkmcgt3] {
width: 16px;
height: 16px;
}
.task-review-modal .modal-content.breakdown-active[b-95jxkmcgt3] {
padding-bottom: 100px;
}
.generated-tasks-content[b-95jxkmcgt3] {
max-height: 300px;
overflow-y: auto;
padding-right: 5px;
}
.generated-tasks-content[b-95jxkmcgt3]::-webkit-scrollbar {
width: 6px;
}
.generated-tasks-content[b-95jxkmcgt3]::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 3px;
}
.generated-tasks-content[b-95jxkmcgt3]::-webkit-scrollbar-thumb {
background: #c1c1c1;
border-radius: 3px;
}
.generated-tasks-content[b-95jxkmcgt3]::-webkit-scrollbar-thumb:hover {
background: #a8a8a8;
}
/* _content/Lumiboard.Client.Shared/Components/Dashboard/Tasksboard.razor.rz.scp.css */
.tasks-board[b-2gikc74xca] {
border: 1px solid #E9E9E9;
border-radius: 10px;
padding: 2rem 2rem 1rem;
display: flex;
flex-direction: column;
flex: 1;
min-height: 0;
}
.top[b-2gikc74xca] {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.top p[b-2gikc74xca] {
font-size: 16px;
font-weight: 700;
color: #09090B;
}
.format-toggle-btn[b-2gikc74xca] {
background: none;
border: none;
cursor: pointer;
padding: 8px;
border-radius: 6px;
transition: all 0.2s ease-in-out;
display: flex;
align-items: center;
justify-content: center;
position: relative;
overflow: hidden;
}
.format-toggle-btn:hover[b-2gikc74xca] {
background-color: #f5f5f5;
transform: scale(1.05);
}
.format-toggle-btn:active[b-2gikc74xca] {
transform: scale(0.95);
}
.icon-container[b-2gikc74xca] {
position: relative;
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.format-icon[b-2gikc74xca] {
width: 20px;
height: 20px;
transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
position: absolute;
top: 0;
left: 0;
}
.to-list-icon[b-2gikc74xca] {
opacity: 0;
transform: translateX(-15px) scale(0.8);
}
.to-list-icon.active[b-2gikc74xca] {
opacity: 1;
transform: translateX(0) scale(1);
}
.to-board-icon[b-2gikc74xca] {
opacity: 0;
transform: translateX(15px) scale(0.8);
}
.to-board-icon.active[b-2gikc74xca] {
opacity: 1;
transform: translateX(0) scale(1);
}
.format-toggle-btn:hover .format-icon.active[b-2gikc74xca] {
transform: translateX(0) scale(1.05);
}
.circle[b-2gikc74xca] {
border-radius: 50%;
}
.square[b-2gikc74xca] {
border-radius: 8px;
}
.waterdrop[b-2gikc74xca] {
border-radius: 50% 50% 50% 0;
transform: rotate(130deg);
}
.waterdrop span[b-2gikc74xca] {
transform: rotate(-130deg);
}
.diamond[b-2gikc74xca] {
transform: rotate(45deg);
}
.diamond span[b-2gikc74xca] {
transform: rotate(-45deg);
}
.blue[b-2gikc74xca] {
background-color: #CDEAFF;
}
.red[b-2gikc74xca] {
background-color: #FF8D58;
}
.yellow[b-2gikc74xca] {
background-color: #ffff92;
}
.task[b-2gikc74xca] {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
font-size: 14px;
box-sizing: border-box;
padding: 10px;
transition: transform 0.5s ease-out, opacity 0.5s ease-out, margin-top 0.5s ease-out, margin-left 0.5s ease-out;
cursor: grab;
position: relative;
}
.backlog-task-top[b-2gikc74xca] {
display: flex;
flex-direction: row;
justify-content: space-between;
width: 100%;
}
.task-complete[b-2gikc74xca] {
border-radius: 50%;
border: 1px solid #033052;
width: 15px;
height: 15px;
margin-right: 0.5rem;
min-width: 15px;
}
.delegation-icon[b-2gikc74xca] {
position: absolute;
top: 0;
right: 0;
transform: translate(0%, -50%);
padding: 5px;
}
.task.waterdrop.task-size-big .delegation-icon[b-2gikc74xca] {
transform: translate(-300%, 125%) rotate(-130deg);
}
.task.waterdrop.task-size-normal .delegation-icon[b-2gikc74xca] {
transform: translate(-250%, 120%) rotate(-130deg);
}
.task.waterdrop.task-size-small .delegation-icon[b-2gikc74xca] {
transform: translate(-190%, 80%) rotate(-130deg);
}
.task.diamond.task-size-big .delegation-icon[b-2gikc74xca] {
transform: translate(-300%, 125%) rotate(-45deg);
}
.task.diamond.task-size-normal .delegation-icon[b-2gikc74xca] {
transform: translate(-250%, 120%) rotate(-45deg);
}
.task.diamond.task-size-small .delegation-icon[b-2gikc74xca] {
transform: translate(-190%, 80%) rotate(-45deg);
}
.task-disappear[b-2gikc74xca] {
transform: translateY(-50%);
opacity: 0;
}
.task:active[b-2gikc74xca] {
opacity: 0.5;
transform: scale(1.1);
cursor: grabbing;
}
.no-tasks[b-2gikc74xca] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 40px;
height: 100%;
width: 100%;
}
.no-tasks-content[b-2gikc74xca] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 16px;
}
.no-tasks-content p[b-2gikc74xca] {
font-size: 18px;
font-weight: 500;
color: #21262C;
}
.no-tasks-content span[b-2gikc74xca] {
font-size: 16px;
font-weight: 500;
color: #686868;
}
.views-container[b-2gikc74xca] {
position: relative;
width: 100%;
flex: 1;
min-height: 300px;
overflow: hidden;
}
.board[b-2gikc74xca] {
display: flex;
flex-wrap: wrap;
flex-direction: row;
gap: 25px;
row-gap: 10px;
justify-content: space-evenly;
align-items: start;
height: 100%;
padding: 1rem 0 0 0;
box-sizing: border-box;
width: 100%;
overflow: auto;
position: absolute;
top: 0;
left: 0;
transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transform: translateX(-100%);
opacity: 0;
}
.board.active[b-2gikc74xca] {
transform: translateX(0);
opacity: 1;
}
.task-size-small[b-2gikc74xca] {
width: 90px;
height: 90px;
font-size: 11px;
}
.task-size-normal[b-2gikc74xca] {
width: 130px;
height: 130px;
font-size: 15px;
}
.task-size-big[b-2gikc74xca] {
width: 190px;
height: 190px;
font-size: 18px;
}
.backlog-task[b-2gikc74xca] {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.5rem;
text-align: left;
font-weight: 400;
background: #FBFBFB;
font-size: 12px;
border-radius: 8px;
padding: 8px;
width: 120px;
min-width: 120px;
min-height: 72px;
flex-shrink: 0;
overflow: hidden;
}
.backlog-task span[b-2gikc74xca] {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
line-height: 1.2;
width: 100%;
}
.backlog-task-figure[b-2gikc74xca] {
width: 18px;
height: 18px;
flex-shrink: 0;
}
.waiting[b-2gikc74xca] {
opacity: 0.5;
}
.onboarding[b-2gikc74xca] {
border: 1px dashed #408AC0;
background-color: #CDEAFF;
}
.new-badge[b-2gikc74xca]{
box-sizing: border-box;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 2px 7px;
border: 1px solid #4842FC;
border-radius: 4px;
flex: none;
flex-grow: 0;
z-index: 3;
background: #ffffff;
color: #4842FC;
}
@media screen and (max-height: 850px) {
.views-container[b-2gikc74xca] {
min-height: 250px;
}
}
@media screen and (max-height: 750px) {
.views-container[b-2gikc74xca] {
min-height: 200px;
}
}
@media screen and (max-width: 900px) {
.task-size-small[b-2gikc74xca] {
width: 45px;
height: 45px;
font-size: 7px;
}
.task-size-normal[b-2gikc74xca] {
width: 60px;
height: 60px;
font-size: 11px;
}
.task-size-big[b-2gikc74xca] {
width: 100px;
height: 100px;
font-size: 13px;
}
.backlog-task[b-2gikc74xca] {
width: 100px;
height: 50px;
min-width: 100px;
font-size: 10px;
gap: 0.25rem;
padding: 6px;
}
.backlog-task-figure[b-2gikc74xca] {
width: 14px;
height: 14px;
}
.task-complete[b-2gikc74xca]{
width: 10px;
height: 10px;
min-width: 10px;
}
}
.backlog-content[b-2gikc74xca] {
display: flex;
align-items: flex-start;
flex-direction: row;
overflow-x: auto;
overflow-y: hidden;
width: 100%;
max-width: 100%;
gap: 5px 10px;
padding-bottom: 10px;
box-sizing: border-box;
scrollbar-width: none;
-ms-overflow-style: none;
scroll-behavior: smooth;
}
.backlog-content[b-2gikc74xca]::-webkit-scrollbar {
display: none;
}
.scroll-arrows[b-2gikc74xca]{
display: flex;
flex-direction: row;
gap: 0.5rem;
margin-top: 0.5rem;
width: 100%;
justify-content: flex-end;
}
.backlog-section[b-2gikc74xca] {
overflow: auto;
display: flex;
flex-direction: column;
align-items: flex-start;
width: 100%;
}
.scroll-arrows img[b-2gikc74xca]{
cursor: pointer;
width: 12px;
height: 12px;
}
/* _content/Lumiboard.Client.Shared/Components/Dashboard/TeamPerformanceSection.razor.rz.scp.css */
.team-performance[b-ryfyh6h09d]{
display: flex;
flex-direction: row;
margin-top: 2rem;
}
.top[b-ryfyh6h09d] {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.top h3[b-ryfyh6h09d] {
font-size: 20px;
width: 200px;
}
.team-performance-network[b-ryfyh6h09d] {
display: flex;
justify-content: center;
}
.network-wrapper[b-ryfyh6h09d] {
position: relative;
width: 600px;
height: 400px;
}
.svg-container[b-ryfyh6h09d] {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
overflow: visible;
z-index: 12;
}
/* Center Avatar */
.center-avatar[b-ryfyh6h09d] {
position: absolute;
transform: translate(-50%, -50%);
width: 56px;
height: 56px;
border-radius: 50%;
overflow: hidden;
z-index: 15;
border: 3px solid #ffffff;
background: white;
}
.center-avatar img[b-ryfyh6h09d] {
width: 100%;
height: 100%;
object-fit: cover;
}
/* Contact Card */
.contact-card[b-ryfyh6h09d] {
position: absolute;
width: 180px;
background: white;
border: 1px solid #E4E4E7;
border-radius: 8px;
padding: 12px 14px;
box-shadow: 0px 1px 4px rgba(0,0,0,0.08);
transform: translate(-50%, -50%);
z-index: 10;
display: flex;
flex-direction: column;
gap: 4px;
font-size: 12px;
}
.contact-card:hover[b-ryfyh6h09d]{
cursor: pointer;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}
.card-header[b-ryfyh6h09d] {
display: flex;
flex-direction: row;
gap: 12px;
align-items: center;
}
.avatar[b-ryfyh6h09d] {
width: 36px;
height: 36px;
border-radius: 50%;
object-fit: cover;
flex-shrink: 0;
}
.card-text[b-ryfyh6h09d] {
display: flex;
flex-direction: column;
overflow: hidden;
}
.name[b-ryfyh6h09d] {
font-weight: 600;
font-size: 14px;
color: #18181B;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.role[b-ryfyh6h09d] {
font-size: 11px;
color: #71717A;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-transform: capitalize;
}
.card-metrics[b-ryfyh6h09d] {
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 12px;
}
.metric[b-ryfyh6h09d] {
display: flex;
flex-direction: column;
font-size: 10px;
}
.metric-label[b-ryfyh6h09d] {
color: #71717A;
}
.metric-value[b-ryfyh6h09d] {
font-weight: 600;
font-size: 14px;
color: #18181B;
}
/* Lines (handled inline) */
/* Responsive tweaks */
@media (max-width: 768px) {
.network-wrapper[b-ryfyh6h09d] {
width: 280px;
height: 280px;
}
.contact-card[b-ryfyh6h09d] {
width: 150px;
padding: 10px;
}
.name[b-ryfyh6h09d] { font-size: 13px; }
.role[b-ryfyh6h09d] { font-size: 11px; }
}
/* _content/Lumiboard.Client.Shared/Components/Dashboard/TimeEfficiencyCard.razor.rz.scp.css */
.performance-card[b-rxpeh1ptz1] {
border: 1px solid #E4E4E7;
border-radius: 8px;
display: flex;
flex-direction: column;
gap: 0.5rem;
padding: 1.5rem;
box-shadow: 0px 1px 2px 0px #0000000D;
position: relative;
cursor: pointer;
transition: all 0.2s ease-in-out;
flex: 1;
min-height: 280px;
}
.performance-card:hover[b-rxpeh1ptz1] {
transform: translateY(-2px);
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}
.view-details[b-rxpeh1ptz1] {
position: absolute;
right: 1.5rem;
top: 1.5rem;
font-size: 12px;
color: #71717A;
font-weight: 500;
display: flex;
align-items: center;
gap: 5px;
pointer-events: none;
}
.view-details img[b-rxpeh1ptz1] {
margin-left: 5px;
width: 5px;
height: 8px;
}
.performance-title[b-rxpeh1ptz1] {
font-weight: 600;
font-size: 18px;
margin-top: 1.5rem;
}
.performance-subtitle[b-rxpeh1ptz1] {
font-weight: 500;
font-size: 13px;
color: #71717A;
}
.percentage-label[b-rxpeh1ptz1] {
font-weight: bold;
padding: 5px;
font-size: 13px;
border-radius: 4px;
display: flex;
align-items: center;
gap: 5px;
max-height: 24px;
margin: auto;
}
.up[b-rxpeh1ptz1] {
background: #e6ffe6;
color: #2ca02c;
}
.down[b-rxpeh1ptz1] {
background: #fff4e6;
color: #e67e22;
}
.equal[b-rxpeh1ptz1] {
background: #f0f0f0;
color: #7f7f7f;
}
.progressbar-container[b-rxpeh1ptz1] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 4px;
}
[role="progressbar"][b-rxpeh1ptz1] {
--percentage: 0;
--size: 120px;
width: var(--size);
aspect-ratio: 2 / 1;
position: relative;
display: flex;
align-items: flex-end;
justify-content: center;
}
/* Light blue track with hollow center */
[role="progressbar"][b-rxpeh1ptz1]::before {
content: "";
position: absolute;
inset: 0;
border-radius: 50% / 100% 100% 0 0;
background: #EDF2FF;
-webkit-mask: radial-gradient(at 50% 100%, transparent 45%, white 46%);
mask: radial-gradient(at 50% 100%, transparent 45%, white 46%);
}
/* Gradient progress overlay */
[role="progressbar"][b-rxpeh1ptz1]::after {
content: "";
position: absolute;
inset: 0;
border-radius: 50% / 100% 100% 0 0;
background: linear-gradient(90deg, #8492FF 0%, #2B43FF 50%, #1A2999 100%);
-webkit-mask: radial-gradient(at 50% 100%, transparent 45%, white 46%),
conic-gradient(from 0.75turn at 50% 100%, white calc(var(--percentage) * 1% / 2), transparent 0);
-webkit-mask-composite: source-in;
mask: radial-gradient(at 50% 100%, transparent 45%, white 46%),
conic-gradient(from 0.75turn at 50% 100%, white calc(var(--percentage) * 1% / 2), transparent 0);
mask-composite: intersect;
animation: progress-b-rxpeh1ptz1 1.5s ease-out forwards;
}
.progress-lables[b-rxpeh1ptz1] {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
font-size: 12px;
color: #71717A;
}
.time-efficiency-progress-container[b-rxpeh1ptz1] {
display: flex;
flex-direction: row;
justify-content: center;
align-items: end;
width: 100%;
}
/* Time Efficiency Progress Animation */
@keyframes progress-b-rxpeh1ptz1 {
0% {
--percentage: 0;
}
100% {
--percentage: var(--value);
}
}
/* Modal Styles */
.modal-overlay[b-rxpeh1ptz1] {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
align-items: center;
z-index: 1000;
}
.modal-content[b-rxpeh1ptz1] {
background: white;
border-radius: 10px;
padding: 2rem 4rem;
width: 90%;
max-width: 600px;
max-height: 90vh;
overflow-y: auto;
position: relative;
}
.modal-close[b-rxpeh1ptz1] {
position: absolute;
top: 1.5rem;
right: 1.5rem;
background: none;
border: none;
cursor: pointer;
padding: 0.5rem;
}
.modal-close img[b-rxpeh1ptz1] {
width: 16px;
height: 16px;
}
.modal-content h2[b-rxpeh1ptz1] {
font-size: 18px;
font-weight: 600;
margin-bottom: 0.5rem;
margin-top: 0.5rem;
text-align: center;
}
.modal-subtitle[b-rxpeh1ptz1] {
color: #71717A;
margin-bottom: 2rem;
text-align: center;
font-weight: 400;
}
.time-efficiency-progress-container.modal[b-rxpeh1ptz1] {
margin: 2rem auto;
width: 60%;
}
.modal-section[b-rxpeh1ptz1] {
margin-top: 2rem;
padding: 1.5rem;
background: #FAFAFA;
border-radius: 8px;
}
.modal-section h3[b-rxpeh1ptz1] {
font-weight: 500;
font-size: 14px;
margin-bottom: 1rem;
}
.tag-grid[b-rxpeh1ptz1] {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
gap: 1rem;
}
.tag[b-rxpeh1ptz1] {
padding: 0.5rem 1rem;
border-radius: 60px;
font-size: 13px;
font-weight: 500;
text-align: center;
}
.tag-success[b-rxpeh1ptz1] {
background: #E4F3DC;
color: #7CCC4D;
}
.tag-danger[b-rxpeh1ptz1] {
background: #FFE9E1;
color: #FB794A;
}
.trend-indicator[b-rxpeh1ptz1] {
display: flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
margin: 1rem 0;
}
.trend-positive[b-rxpeh1ptz1] {
color: #027A48;
background: #ECFDF3;
padding: 0.25rem 0.5rem;
border-radius: 4px;
font-weight: 500;
}
.trend-negative[b-rxpeh1ptz1] {
color: #DC2626;
background: #FEF2F2;
padding: 0.25rem 0.5rem;
border-radius: 4px;
font-weight: 500;
}
.trend-neutral[b-rxpeh1ptz1] {
color: #6B7280;
background: #F9FAFB;
padding: 0.25rem 0.5rem;
border-radius: 4px;
font-weight: 500;
}
.recommendations ul[b-rxpeh1ptz1] {
list-style-type: disc;
padding-left: 1.5rem;
}
.recommendations li[b-rxpeh1ptz1] {
margin-bottom: 0.75rem;
color: #2F2F2F;
font-weight: 400;
font-size: 14px;
}
/* Compact Mode Styles */
.performance-card.compact[b-rxpeh1ptz1] {
width: 150px;
height: 150px;
min-height: 150px;
padding: 1rem;
cursor: default;
}
.performance-card.compact:hover[b-rxpeh1ptz1] {
transform: none;
box-shadow: 0px 1px 2px 0px #0000000D;
}
.performance-card.compact .performance-title[b-rxpeh1ptz1] {
font-size: 14px;
margin-top: 0;
margin-bottom: 0.5rem;
text-align: center;
}
.time-efficiency-progress-container.compact[b-rxpeh1ptz1] {
margin-bottom: 0.5rem;
}
.time-efficiency-progress-container.compact [role="progressbar"][b-rxpeh1ptz1] {
--size: 80px;
}
.time-efficiency-progress-container.compact [role="progressbar"][b-rxpeh1ptz1]::after {
animation: progress-b-rxpeh1ptz1 1.5s ease-out forwards;
}
.percentage-label.compact[b-rxpeh1ptz1] {
font-size: 10px;
padding: 2px 4px;
margin: 0;
justify-content: center;
}
/* _content/Lumiboard.Client.Shared/Components/Layout/Account/MoodRadarDetails.razor.rz.scp.css */
.account-details-modal[b-cvcnzht763] {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 96dvh;
background-color: #fff;
border-radius: 16px 16px 0 0;
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.2);
z-index: 1300;
animation: slideUp-b-cvcnzht763 0.3s ease-in-out;
overflow-y: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.account-details-header[b-cvcnzht763] {
display: flex;
justify-content: space-between;
flex-direction: row;
align-items: center;
background-color: #F0F0F0;
padding: 24px;
border-radius: 16px 16px 0 0;
}
.account-details-header h2[b-cvcnzht763] {
margin: 0;
text-align: center;
font-size: 18px;
font-weight: 600;
color: #21262C
}
.account-details-body[b-cvcnzht763] {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding: 12px;
margin-top: 8px;
width: 100%;
}
.time-switcher[b-cvcnzht763] {
display: flex;
gap: 0.5rem;
background-color: #ECECEC;
padding: 2.5px;
border-radius: 20.5px;
}
.time-switcher-button[b-cvcnzht763] {
border: none;
background: none;
color: #2E3339;
padding: 0.5rem 1rem;
border-radius: 18px;
cursor: pointer;
font-size: 14px;
font-weight: 500;
height: 26px;
}
.mood-radar-top-emotion[b-cvcnzht763] {
display: flex;
width: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 16px;
gap: 8px;
padding: 24px;
}
.mood-radar-top-emotion h2[b-cvcnzht763] {
font-size: 16px;
font-weight: 500px;
color: #171A1F;
}
.mood-radar-top-emotion h1[b-cvcnzht763] {
margin: 0;
font-size: 40px;
font-weight: 600;
color: #636AE8;
}
.time-switcher-button:hover[b-cvcnzht763] {
background-color: #e0e0e0;
}
.time-switcher-button.active[b-cvcnzht763] {
background-color: #fff;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.balanced-progress-container[b-cvcnzht763] {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.balanced-progress-bar[b-cvcnzht763] {
width: 100%;
height: 100%;
border-radius: 10px;
background: linear-gradient(to right, #ff00ff, #00ffff);
}
.balanced-progress-indicator[b-cvcnzht763] {
position: absolute;
top: 50%;
left: 20%;
transform: translate(-50%, -50%);
width: 28px;
height: 28px;
background-color: #79C6F8;
border: 4px solid white;
border-radius: 50%;
box-sizing: border-box;
transition: left 0.5s ease-in-out;
}
.mood-radar-details[b-cvcnzht763] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
margin-top: 40px;
background-color: #F9F9F9;
padding: 16px;
border-radius: 20px;
gap: 16px;
}
.mood-radar-details-item[b-cvcnzht763] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: start;
gap: 16px;
width: inherit;
}
.recommendation[b-cvcnzht763] {
display: flex;
align-items: flex-start;
padding: 4px 8px;
font-size: 14px;
font-weight: 400;
width: 100%;
}
.recommendation-bullet[b-cvcnzht763] {
color: #0070f3;
font-size: 18px;
margin-right: 8px;
line-height: 14px;
}
.recommendation p[b-cvcnzht763] {
margin: 0;
}
.mood-radar-recommendations[b-cvcnzht763] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 8px;
padding: 8px;
width: 100%;
}
.mood-radar-recommendations div[b-cvcnzht763] {
display: flex;
justify-content: start;
align-items: center;
font-size: 14px;
font-weight: 400;
width: 100%;
}
.mood-radar-details-item h3[b-cvcnzht763] {
margin: 0;
font-size: 14px;
font-weight: 600;
color: #535B6F;
}
.mood-radar-details-item-content[b-cvcnzht763] {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.mood-radar-details-item-content div[b-cvcnzht763] {
display: flex;
justify-content: center;
align-items: center;
padding: 4px 8px;
border-radius: 60px;
height: 30px;
font-size: 14px;
font-weight: 400;
}
.percentage-label[b-cvcnzht763] {
font-weight: bold;
padding: 5px;
font-size: 13px;
border-radius: 4px;
display: flex;
align-items: center;
gap: 5px;
max-height: 24px;
}
.success[b-cvcnzht763] {
background: #E4F3DC;
color: #7CCC4D;
}
.fail[b-cvcnzht763] {
background: #FFE9E1;
color: #FB794A;
}
.up[b-cvcnzht763] {
background: #e6ffe6;
color: #2ca02c;
}
.down[b-cvcnzht763] {
background: #fff4e6;
color: #e67e22;
}
.equal[b-cvcnzht763] {
background: #f0f0f0;
color: #7f7f7f;
}
.chart-container[b-cvcnzht763] {
display: flex;
justify-content: space-around;
align-items: flex-end;
position: relative;
gap: 5px;
}
.bar-group[b-cvcnzht763] {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
position: relative;
}
.bar-group img[b-cvcnzht763] {
width: 15px;
height: 15px;
position: absolute;
bottom: 105%;
right: 10%;
}
.mood-radar-refresh[b-cvcnzht763] {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
margin-top: 5px;
padding: 8px;
}
.refresh-balance-btn[b-cvcnzht763] {
background-color: #0070f3;
color: white;
border: none;
border-radius: 99px;
padding: 8px 15px;
cursor: pointer;
transition: background-color 0.2s;
}
.refresh-balance-btn:active[b-cvcnzht763] {
background-color: #0060df;
}
.bar[b-cvcnzht763] {
width: 42px;
height: 0;
border-radius: 10px;
transition: height 1.2s ease-in-out;
}
.green[b-cvcnzht763] {
background-color: #62C628;
}
.gray[b-cvcnzht763] {
background-color: #CBCBCB;
}
.red[b-cvcnzht763] {
background-color: #F9ACA8;
}
@keyframes slideUp-b-cvcnzht763 {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
/* _content/Lumiboard.Client.Shared/Components/Layout/Account/TaskBalanceDetails.razor.rz.scp.css */
.account-details-modal[b-egp4fat8qb] {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 96dvh;
background-color: #fff;
border-radius: 16px 16px 0 0;
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.2);
z-index: 1300;
animation: slideUp-b-egp4fat8qb 0.3s ease-in-out;
overflow-y: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.account-details-header[b-egp4fat8qb] {
display: flex;
justify-content: space-between;
flex-direction: row;
align-items: center;
background-color: #F0F0F0;
padding: 24px;
border-radius: 16px 16px 0 0;
}
.account-details-header h2[b-egp4fat8qb] {
margin: 0;
text-align: center;
font-size: 18px;
font-weight: 600;
color: #21262C
}
.account-details-body[b-egp4fat8qb] {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding: 12px;
margin-top: 8px;
width: 100%;
}
.time-switcher[b-egp4fat8qb] {
display: flex;
gap: 0.5rem;
background-color: #ECECEC;
padding: 2.5px;
border-radius: 20.5px;
}
.time-switcher-button[b-egp4fat8qb] {
border: none;
background: none;
color: #2E3339;
padding: 0.5rem 1rem;
border-radius: 18px;
cursor: pointer;
font-size: 14px;
font-weight: 500;
height: 26px;
}
.task-balance-score[b-egp4fat8qb] {
display: flex;
width: 100%;
justify-content: center;
align-items: center;
margin-top: 16px;
gap: 8px;
padding: 24px;
}
.task-balance-score h1[b-egp4fat8qb] {
margin: 0;
font-size: 40px;
font-weight: 600;
color: #636AE8;
}
.time-switcher-button:hover[b-egp4fat8qb] {
background-color: #e0e0e0;
}
.time-switcher-button.active[b-egp4fat8qb] {
background-color: #fff;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.balanced-progress-container[b-egp4fat8qb] {
position: relative;
width: 100%;
height: 10px;
margin-top: 13px;
}
.balanced-progress-bar[b-egp4fat8qb] {
width: 100%;
height: 100%;
border-radius: 10px;
background: linear-gradient(to right, #ff00ff, #00ffff);
}
.balanced-progress-indicator[b-egp4fat8qb] {
position: absolute;
top: 50%;
left: 20%;
transform: translate(-50%, -50%);
width: 28px;
height: 28px;
background-color: #79C6F8;
border: 4px solid white;
border-radius: 50%;
box-sizing: border-box;
transition: left 0.5s ease-in-out;
}
.task-balance-details[b-egp4fat8qb] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
margin-top: 40px;
background-color: #F9F9F9;
padding: 16px;
border-radius: 20px;
gap: 16px;
}
.task-balance-details-header[b-egp4fat8qb] {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
gap: 8px;
}
.task-balance-details-header h3[b-egp4fat8qb] {
margin: 0;
font-size: 16px;
font-weight: 600;
color: #21262C;
}
.task-balance-details-item[b-egp4fat8qb] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: start;
gap: 16px;
width: inherit;
}
.task-balance-details-item h3[b-egp4fat8qb] {
margin: 0;
font-size: 14px;
font-weight: 600;
color: #535B6F;
}
.task-balance-details-item-content[b-egp4fat8qb] {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.task-balance-details-item-content div[b-egp4fat8qb] {
display: flex;
justify-content: center;
align-items: center;
padding: 4px 8px;
border-radius: 60px;
height: 30px;
font-size: 14px;
font-weight: 400;
}
.task-balance-recommendations[b-egp4fat8qb] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: start;
gap: 8px;
padding: 8px;
width: 100%;
}
.task-balance-recommendations div[b-egp4fat8qb] {
display: flex;
justify-content: start;
align-items: center;
padding: 4px 8px;
font-size: 14px;
font-weight: 400;
width: 100%;
}
.balanced-progress-labels[b-egp4fat8qb] {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 5px;
}
.balanced-progress-labels p[b-egp4fat8qb] {
max-width: 60px;
font-size: 10px;
font-weight: 600;
color: #454545;
text-align: center;
}
.percentage-label[b-egp4fat8qb] {
font-weight: bold;
padding: 5px;
font-size: 13px;
border-radius: 4px;
display: flex;
align-items: center;
gap: 5px;
max-height: 24px;
}
.success[b-egp4fat8qb] {
background: #E4F3DC;
color: #7CCC4D;
}
.fail[b-egp4fat8qb] {
background: #FFE9E1;
color: #FB794A;
}
.up[b-egp4fat8qb] {
background: #e6ffe6;
color: #2ca02c;
}
.down[b-egp4fat8qb] {
background: #fff4e6;
color: #e67e22;
}
.balance-hint[b-egp4fat8qb] {
color: #666;
font-size: 14px;
}
.task-balance-details-bar[b-egp4fat8qb] {
margin-bottom: 15px;
width: 100%;
}
.balance-type[b-egp4fat8qb] {
display: flex;
justify-content: space-between;
align-items: center;
gap: 15px;
margin-bottom: 5px;
font-size: 14px;
width: 100%;
}
.balance-value[b-egp4fat8qb] {
display: flex;
align-items: center;
}
.balance-controls[b-egp4fat8qb] {
display: inline-flex;
margin-left: 10px;
}
.balance-controls button[b-egp4fat8qb] {
width: 28px;
height: 28px;
border-radius: 3px;
border: 1px solid #ddd;
background-color: white;
font-size: 16px;
margin: 0 2px;
cursor: pointer;
}
.balance-controls button:not(:disabled).strategic-btn[b-egp4fat8qb] {
border-color: #ff0066;
}
.balance-controls button:not(:disabled).wellbeing-btn[b-egp4fat8qb] {
border-color: #7928ca;
}
.balance-controls button:not(:disabled).operational-btn[b-egp4fat8qb] {
border-color: #3a0ca3;
}
.balance-controls button:not(:disabled).social-btn[b-egp4fat8qb] {
border-color: #48bfe3;
}
.balance-controls button:disabled[b-egp4fat8qb] {
opacity: 0.5;
cursor: not-allowed;
}
.progress-container[b-egp4fat8qb] {
height: 10px;
background-color: #eee;
border-radius: 5px;
overflow: hidden;
width: 100%;
}
.progress-bar[b-egp4fat8qb] {
height: 100%;
transition: width 0.3s ease;
}
.progress-bar.strategic[b-egp4fat8qb] {
background: linear-gradient(to right, #ff5f9e, #ff0066); /* Pink */
}
.progress-bar.wellbeing[b-egp4fat8qb] {
background: linear-gradient(to right, #a85cf9, #7928ca); /* Purple */
}
.progress-bar.operational[b-egp4fat8qb] {
background: linear-gradient(to right, #4361ee, #3a0ca3); /* Blue */
}
.progress-bar.social[b-egp4fat8qb] {
background: linear-gradient(to right, #4cc9f0, #48bfe3); /* Azure */
}
.task-balance-total[b-egp4fat8qb] {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 20px;
gap: 15px;
font-weight: 600;
}
.save-balance-btn[b-egp4fat8qb] {
background-color: #0070f3;
color: white;
border: none;
border-radius: 99px;
padding: 8px 15px;
cursor: pointer;
transition: background-color 0.2s;
}
.save-balance-btn:active[b-egp4fat8qb] {
background-color: #0060df;
}
.save-balance-btn:disabled[b-egp4fat8qb] {
background-color: #ccc;
cursor: not-allowed;
}
.type-label[b-egp4fat8qb] {
display: flex;
align-items: center;
gap: 5px;
}
.balance-type-header[b-egp4fat8qb] {
display: flex;
align-items: center;
gap: 8px;
flex-direction: row;
}
.tooltip-container[b-egp4fat8qb] {
position: relative;
display: inline-block;
}
.tooltip-icon[b-egp4fat8qb] {
display: flex;
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
border-radius: 50%;
background-color: #e0e0e0;
color: #666;
font-size: 11px;
font-weight: bold;
cursor: help;
}
.tooltip-text[b-egp4fat8qb] {
visibility: hidden;
position: absolute;
z-index: 100;
width: 200px;
background-color: #fff;
color: #333;
text-align: left;
border-radius: 6px;
padding: 10px;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
font-size: 12px;
line-height: 1.4;
left: 50%;
transform: translateX(-50%);
bottom: 25px;
opacity: 0;
transition: opacity 0.3s;
}
.tooltip-container:hover .tooltip-text[b-egp4fat8qb] {
visibility: visible;
opacity: 1;
}
.tooltip-text[b-egp4fat8qb]::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #fff transparent transparent transparent;
}
.recommendation[b-egp4fat8qb] {
display: flex;
align-items: flex-start;
padding: 4px 8px;
font-size: 14px;
font-weight: 400;
width: 100%;
}
.recommendation-bullet[b-egp4fat8qb] {
color: #0070f3;
font-size: 18px;
margin-right: 8px;
line-height: 14px;
}
.recommendation p[b-egp4fat8qb] {
margin: 0;
}
@keyframes slideUp-b-egp4fat8qb {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
/* _content/Lumiboard.Client.Shared/Components/Layout/Account/TimeEfficiencyDetails.razor.rz.scp.css */
.account-details-modal[b-fuunt8p47e] {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 96dvh;
background-color: #fff;
border-radius: 16px 16px 0 0;
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.2);
z-index: 1300;
animation: slideUp-b-fuunt8p47e 0.3s ease-in-out;
overflow-y: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.account-details-header[b-fuunt8p47e] {
display: flex;
justify-content: space-between;
flex-direction: row;
align-items: center;
background-color: #F0F0F0;
padding: 24px;
border-radius: 16px 16px 0 0;
}
.account-details-header h2[b-fuunt8p47e] {
margin: 0;
text-align: center;
font-size: 18px;
font-weight: 600;
color: #21262C
}
.account-details-body[b-fuunt8p47e] {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding: 12px;
margin-top: 8px;
width: 100%;
}
.time-switcher[b-fuunt8p47e] {
display: flex;
gap: 0.5rem;
background-color: #ECECEC;
padding: 2.5px;
border-radius: 20.5px;
}
.time-switcher-button[b-fuunt8p47e] {
border: none;
background: none;
color: #2E3339;
padding: 0.5rem 1rem;
border-radius: 18px;
cursor: pointer;
font-size: 14px;
font-weight: 500;
height: 26px;
}
.time-efficiency-score[b-fuunt8p47e] {
display: flex;
width: 100%;
justify-content: center;
align-items: center;
margin-top: 16px;
gap: 8px;
padding: 24px;
}
.time-efficiency-score h1[b-fuunt8p47e] {
margin: 0;
font-size: 40px;
font-weight: 600;
color: #636AE8;
}
.time-switcher-button:hover[b-fuunt8p47e] {
background-color: #e0e0e0;
}
.time-switcher-button.active[b-fuunt8p47e] {
background-color: #fff;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.balanced-progress-container[b-fuunt8p47e] {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.progressbar-container[b-fuunt8p47e] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 4px
}
.progress-lables[b-fuunt8p47e] {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.progress-lables p[b-fuunt8p47e] {
max-width: 60px;
font-size: 10px;
font-weight: 600;
color: #454545;
text-align: center;
}
.balanced-progress-bar[b-fuunt8p47e] {
width: 100%;
height: 100%;
border-radius: 10px;
background: linear-gradient(to right, #ff00ff, #00ffff);
}
.balanced-progress-indicator[b-fuunt8p47e] {
position: absolute;
top: 50%;
left: 20%;
transform: translate(-50%, -50%);
width: 28px;
height: 28px;
background-color: #79C6F8;
border: 4px solid white;
border-radius: 50%;
box-sizing: border-box;
transition: left 0.5s ease-in-out;
}
.time-efficiency-details[b-fuunt8p47e] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
margin-top: 40px;
background-color: #F9F9F9;
padding: 16px;
border-radius: 20px;
gap: 16px;
}
.time-efficiency-details-item[b-fuunt8p47e] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: start;
gap: 16px;
width: inherit;
}
.time-efficiency-details-item h3[b-fuunt8p47e] {
margin: 0;
font-size: 14px;
font-weight: 600;
color: #535B6F;
}
.time-efficiency-details-item-content[b-fuunt8p47e] {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.time-efficiency-recommendations[b-fuunt8p47e] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: start;
gap: 8px;
padding: 8px;
width: 100%;
}
.recommendation[b-fuunt8p47e] {
display: flex;
align-items: flex-start;
padding: 4px 8px;
font-size: 14px;
font-weight: 400;
width: 100%;
}
.recommendation-bullet[b-fuunt8p47e] {
color: #0070f3;
font-size: 18px;
margin-right: 8px;
line-height: 14px;
}
.recommendation p[b-fuunt8p47e] {
margin: 0;
}
.time-efficiency-recommendations div[b-fuunt8p47e] {
display: flex;
justify-content: center;
align-items: center;
padding: 4px 8px;
font-size: 14px;
font-weight: 400;
width: 100%;
}
.time-efficiency-details-item-content div[b-fuunt8p47e] {
display: flex;
justify-content: center;
align-items: center;
padding: 4px 8px;
border-radius: 60px;
height: 30px;
font-size: 14px;
font-weight: 400;
}
.percentage-label[b-fuunt8p47e] {
font-weight: bold;
padding: 5px;
font-size: 13px;
border-radius: 4px;
display: flex;
align-items: center;
gap: 5px;
max-height: 24px;
}
.success[b-fuunt8p47e] {
background: #E4F3DC;
color: #7CCC4D;
}
.fail[b-fuunt8p47e] {
background: #FFE9E1;
color: #FB794A;
}
.up[b-fuunt8p47e] {
background: #e6ffe6;
color: #2ca02c;
}
.down[b-fuunt8p47e] {
background: #fff4e6;
color: #e67e22;
}
@property --percentage {
syntax: '';
inherits: true;
initial-value: 0;
}
[role="progressbar"][b-fuunt8p47e] {
--percentage: var(--value);
--primary: #2B43FF;
--secondary: #EDF2FF;
--size: 120px;
animation: progress-b-fuunt8p47e 2s 0.5s forwards;
width: var(--size);
aspect-ratio: 2 / 1;
border-radius: 50% / 100% 100% 0 0;
position: relative;
overflow: hidden;
display: flex;
align-items: flex-end;
justify-content: center;
}
[role="progressbar"][b-fuunt8p47e]::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: conic-gradient(from 0.75turn at 50% 100%, var(--primary) calc(var(--percentage) * 1% / 2), var(--secondary) calc(var(--percentage) * 1% / 2 + 0.1%));
mask: radial-gradient(at 50% 100%, white 55%, transparent 55.5%);
mask-mode: alpha;
-webkit-mask: radial-gradient(at 50% 100%, #0000 45%, #000 45%);
-webkit-mask-mode: alpha;
}
.time-efficiency-details-bar[b-fuunt8p47e] {
margin-bottom: 15px;
width: 100%;
}
.balance-type[b-fuunt8p47e] {
display: flex;
justify-content: space-between;
align-items: center;
gap: 15px;
margin-bottom: 5px;
font-size: 14px;
width: 100%;
}
.balance-type-header[b-fuunt8p47e] {
display: flex;
align-items: center;
gap: 8px;
flex-direction: row;
}
.balance-value[b-fuunt8p47e] {
display: flex;
align-items: center;
}
.balance-controls[b-fuunt8p47e] {
display: inline-flex;
margin-left: 10px;
}
.balance-controls button[b-fuunt8p47e] {
width: 28px;
height: 28px;
border-radius: 3px;
border: 1px solid #ddd;
background-color: white;
font-size: 16px;
margin: 0 2px;
cursor: pointer;
}
/* Button colors for each metric */
.balance-controls button:not(:disabled).focus-flow-btn[b-fuunt8p47e] {
border-color: #ff0066; /* Pink */
}
.balance-controls button:not(:disabled).schedule-conflict-btn[b-fuunt8p47e] {
border-color: #7928ca; /* Purple */
}
.balance-controls button:not(:disabled).meeting-redundancy-btn[b-fuunt8p47e] {
border-color: #3a0ca3; /* Blue */
}
.balance-controls button:not(:disabled).off-hours-meeting-btn[b-fuunt8p47e] {
border-color: #48bfe3; /* Azure */
}
.balance-controls button:not(:disabled).pause-compliance-btn[b-fuunt8p47e] {
border-color: #00b4d8; /* Cyan */
}
.balance-controls button:disabled[b-fuunt8p47e] {
opacity: 0.5;
cursor: not-allowed;
}
.progress-container[b-fuunt8p47e] {
height: 10px;
background-color: #eee;
border-radius: 5px;
overflow: hidden;
width: 100%;
}
.progress-bar[b-fuunt8p47e] {
height: 100%;
transition: width 0.3s ease;
}
.progress-bar.focus-flow[b-fuunt8p47e] {
background: linear-gradient(to right, #ff5f9e, #ff0066); /* Pink */
}
.progress-bar.schedule-conflict[b-fuunt8p47e] {
background: linear-gradient(to right, #a85cf9, #7928ca); /* Purple */
}
.progress-bar.meeting-redundancy[b-fuunt8p47e] {
background: linear-gradient(to right, #4361ee, #3a0ca3); /* Blue */
}
.progress-bar.off-hours-meeting[b-fuunt8p47e] {
background: linear-gradient(to right, #4cc9f0, #48bfe3); /* Azure */
}
.progress-bar.pause-compliance[b-fuunt8p47e] {
background: linear-gradient(to right, #00b4d8, #0077b6); /* Cyan */
}
.task-balance-total[b-fuunt8p47e] {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 20px;
gap: 15px;
font-weight: 600;
}
.save-balance-btn[b-fuunt8p47e] {
background-color: #0070f3;
color: white;
border: none;
border-radius: 99px;
padding: 8px 15px;
cursor: pointer;
transition: background-color 0.2s;
}
.save-balance-btn:active[b-fuunt8p47e] {
background-color: #0060df;
}
.save-balance-btn:disabled[b-fuunt8p47e] {
background-color: #ccc;
cursor: not-allowed;
}
/* Tooltip styles */
.tooltip-container[b-fuunt8p47e] {
position: relative;
display: inline-block;
}
.tooltip-icon[b-fuunt8p47e] {
display: flex;
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
border-radius: 50%;
background-color: #e0e0e0;
color: #666;
font-size: 11px;
font-weight: bold;
cursor: help;
}
.tooltip-text[b-fuunt8p47e] {
visibility: hidden;
position: absolute;
z-index: 100;
width: 200px;
background-color: #fff;
color: #333;
text-align: left;
border-radius: 6px;
padding: 10px;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
font-size: 12px;
line-height: 1.4;
left: 50%;
transform: translateX(-50%);
bottom: 25px;
opacity: 0;
transition: opacity 0.3s;
}
.tooltip-container:hover .tooltip-text[b-fuunt8p47e] {
visibility: visible;
opacity: 1;
}
.tooltip-text[b-fuunt8p47e]::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #fff transparent transparent transparent;
}
@keyframes progress-b-fuunt8p47e {
0% {
--percentage: 0;
}
100% {
--percentage: var(--value);
}
}
@keyframes slideUp-b-fuunt8p47e {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
/* _content/Lumiboard.Client.Shared/Components/Layout/AIAssistant/AllAssistants.razor.rz.scp.css */
.delegation-modal[b-nzzi9vr05q] {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: #F8F8F8;
border-radius: 16px 16px 0 0;
padding: 16px;
max-height: 95dvh;
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.2);
z-index: 2000;
animation: slideUp 0.3s ease-in-out;
display: flex;
flex-direction: column;
justify-content: center;
}
.delegation-modal-header[b-nzzi9vr05q] {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 16px;
}
.delegation-modal-header .back-button[b-nzzi9vr05q] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
gap: 10px;
cursor: pointer;
}
.delegation-modal-header button span[b-nzzi9vr05q] {
font-size: 18px;
font-weight: 500px;
color: #4185DD;
}
.delegation-modal-header button span:active[b-nzzi9vr05q] {
opacity: 0.5;
}
.delegation-modal-header .plug[b-nzzi9vr05q] {
opacity: 0;
}
.delegation-modal-header div h3[b-nzzi9vr05q] {
font-size: 18px;
font-weight: 600;
color: #21262C;
}
.delegation-modal-header .save-button:disabled[b-nzzi9vr05q] {
opacity: 0.5;
}
.delegation-modal-body[b-nzzi9vr05q] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 20px;
padding: 8px 0;
margin-top: 16px;
}
.contacts-search[b-nzzi9vr05q] {
display: flex;
align-items: center;
position: relative;
width: 100%;
}
.contacts-search input[b-nzzi9vr05q] {
width: 100%;
padding: 7px 16px 7px 40px;
border: 1px solid #E1E1E1;
border-radius: 10px;
font-size: 16px;
font-weight: 500;
color: #21262C;
transition: border-color 0.3s;
}
.contacts-search input[b-nzzi9vr05q]::placeholder {
color: #B0B0B0;
margin-left: 10px;
}
.contacts-search input:focus[b-nzzi9vr05q] {
border-color: #cac7c7;
outline: none;
}
.contacts-search[b-nzzi9vr05q]::before {
content: url('data:image/svg+xml;utf8,');
position: absolute;
left: 16px;
top: 55%;
transform: translateY(-50%);
}
.contact-avatar[b-nzzi9vr05q] {
width: 40px;
height: 40px;
border-radius: 50%;
background-color: #D9D9D9;
display: flex;
justify-content: center;
align-items: center;
color: #21262C;
font-size: 13px;
}
.search-results[b-nzzi9vr05q] {
position: absolute;
top: 80%;
left: 0;
display: flex;
justify-content: center;
align-items: start;
flex-direction: column;
background-color: white;
border: 1px solid #E1E1E1;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
padding: 10px 0;
gap: 10px;
width: 100%;
z-index: 1000;
}
.recomended-contacts[b-nzzi9vr05q] {
display: flex;
justify-content: center;
align-items: start;
flex-direction: column;
gap: 6px;
width: 100%;
}
.recomended-contacts .contacts-title[b-nzzi9vr05q] {
font-size: 15px;
font-weight: 500;
color: #000000;
}
.recomended-contacts .contacts-row[b-nzzi9vr05q] {
display: flex;
justify-content: start;
align-items: center;
flex-wrap: wrap;
gap: 14px;
padding: 8px 8px;
background-color: #FFFF;
width: 100%;
border-radius: 14px;
}
.recomended-contacts .contacts-row .contact[b-nzzi9vr05q] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 5px;
padding: 8px;
}
.recomended-contacts .contacts-row .contact:active[b-nzzi9vr05q] {
background-color: #F8F8F8;
}
.recomended-contacts .contacts-row .contact img[b-nzzi9vr05q] {
width: 48px;
height: 48px;
border-radius: 50%;
}
.recomended-contacts .contacts-row .contact h4[b-nzzi9vr05q] {
font-size: 15px;
font-weight: 400;
color: #000000;
}
.add-new-contact[b-nzzi9vr05q] {
display: flex;
justify-content: start;
align-items: center;
flex-direction: row;
gap: 10px;
padding: 10px 16px;
background-color: #FFFF;
width: 100%;
border-radius: 14px;
}
.add-new-contact:active[b-nzzi9vr05q] {
background-color: #F8F8F8;
}
.add-new-contact button[b-nzzi9vr05q] {
width: 30px;
height: 30px;
border-radius: 50%;
background-color: #2B2B2B;
display: flex;
justify-content: center;
align-items: center;
}
.add-new-contact span[b-nzzi9vr05q] {
font-size: 17px;
font-weight: 400;
color: #000000;
}
.network-contacts[b-nzzi9vr05q] {
display: flex;
justify-content: center;
align-items: start;
flex-direction: column;
gap: 6px;
width: 100%;
}
.network-contacts .contacts-title[b-nzzi9vr05q] {
font-size: 15px;
font-weight: 500;
color: #000000;
}
.network-contacts .contacts-list[b-nzzi9vr05q] {
display: flex;
justify-content: start;
align-items: start;
flex-direction: column;
gap: 8px;
padding: 8px 8px;
background-color: #FFFF;
width: 100%;
border-radius: 14px;
max-height: 500px;
overflow-y: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.network-contacts .contacts-list .contact[b-nzzi9vr05q],
.search-results .contact[b-nzzi9vr05q] {
display: flex;
flex-direction: row;
justify-content: start;
align-items: center;
gap: 10px;
padding: 8px;
width: 100%;
}
.network-contacts .contacts-list .contact:active[b-nzzi9vr05q],
.search-results .contact:active[b-nzzi9vr05q] {
background-color: #F8F8F8;
}
.network-contacts .contacts-list .contact img[b-nzzi9vr05q],
.selected-contact img[b-nzzi9vr05q],
.search-results .contact img[b-nzzi9vr05q] {
width: 48px;
height: 48px;
border-radius: 50%;
}
.network-contacts .contacts-list .contact .contact-info[b-nzzi9vr05q],
.search-results .contact .contact-info[b-nzzi9vr05q] {
display: flex;
flex-direction: column;
gap: 5px;
justify-content: center;
align-items: start;
}
.network-contacts .contacts-list .contact .contact-info h4[b-nzzi9vr05q],
.search-results .contact .contact-info h4[b-nzzi9vr05q] {
font-size: 15px;
font-weight: 400;
color: #000000;
}
/* _content/Lumiboard.Client.Shared/Components/Layout/AIAssistant/AssistantsDropdown.razor.rz.scp.css */
.assistants-dropdown[b-1woc6zz57g] {
display: flex;
flex-direction: column;
align-items: start;
justify-content: start;
gap: 8px;
position: absolute;
left: 20%;
top: 110%;
background-color: #fff;
width: 238px;
z-index: 2;
border-radius: 12px;
box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.09);
}
ul[b-1woc6zz57g] {
width: 100%;
}
hr[b-1woc6zz57g] {
width: 100%;
margin: 0;
border: 0;
border-top: 0.5px solid #E0E0E0;
}
li[b-1woc6zz57g] {
list-style: none;
padding: 10px 20px;
cursor: pointer;
font-size: 16px;
font-weight: 400;
line-height: 22px;
color: #000000;
}
li .assistant-info[b-1woc6zz57g] {
display: flex;
gap: 5px;
align-items: start;
flex-direction: column;
justify-content: center;
}
li .assistant-info .assistant-name[b-1woc6zz57g] {
font-size: 16px;
font-weight: 400;
line-height: 22px;
color: #000000;
}
li .assistant-info .assistant-role[b-1woc6zz57g] {
font-size: 15px;
font-weight: 400;
line-height: 20px;
color: #8A8A8E;
}
.active[b-1woc6zz57g] {
background-color: #F4F4F4;
}
/* _content/Lumiboard.Client.Shared/Components/Layout/AIAssistant/CreateAssistant.razor.rz.scp.css */
.edit-assistant-modal[b-8ncz6a36hs] {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 94dvh;
background-color: #f8f8f8;
border-radius: 16px 16px 0 0;
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.2);
z-index: 1300;
animation: slideUp-b-8ncz6a36hs 0.3s ease-in-out;
display: flex;
flex-direction: column;
overflow-y: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.edit-assistant-header[b-8ncz6a36hs] {
display: flex;
justify-content: space-between;
align-items: center;
padding: 21px;
border-bottom: 1px solid #DFDFDF;
}
.edit-assistant-header .cancel-button[b-8ncz6a36hs] {
display: flex;
justify-content: center;
align-items: center;
font-size: 17px;
font-weight: 400;
color: #007AFF;
}
.edit-assistant-header .cancel-button:active[b-8ncz6a36hs] {
opacity: 0.5;
}
.edit-assistant-header .save-button[b-8ncz6a36hs] {
display: flex;
justify-content: center;
align-items: center;
font-size: 18px;
font-weight: 700;
color: #007AFF;
}
.edit-assistant-header .save-button:disabled[b-8ncz6a36hs] {
opacity: 0.5;
}
.edit-assistant-header h2[b-8ncz6a36hs] {
font-size: 20px;
font-weight: 600;
color: #21262C;
}
.edit-assistant-body[b-8ncz6a36hs] {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
gap: 40px;
padding: 21px;
}
.assistant-properties[b-8ncz6a36hs] {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
background-color: #fff;
border-radius: 10px;
padding-left: 18px;
}
.assistant-properties input[b-8ncz6a36hs] {
width: 100%;
height: 100%;
border: none;
outline: none;
font-size: 17px;
font-weight: 400;
color: #21262C;
padding: 13px 13px 13px 0px;
}
.assistant-properties input:focus[b-8ncz6a36hs] {
border: none;
outline: none;
}
hr[b-8ncz6a36hs] {
width: 100%;
border: 0.5px solid #DFDFDF;
}
.gray-icon[b-8ncz6a36hs] {
color: #3C3C434D;
opacity: 0.3;
}
.agent-icon[b-8ncz6a36hs] {
width: 30px;
height: 30px;
border-radius: 50%;
background-color: #D9D9D9;
display: flex;
justify-content: center;
align-items: center;
color: #21262C;
font-size: 13px;
}
.assistant-select-icon[b-8ncz6a36hs] {
display: flex;
justify-content: space-between;
align-items: center;
padding: 13px 13px 13px 0px;
width: 100%;
}
.assistant-select-icon p[b-8ncz6a36hs] {
font-size: 17px;
font-weight: 400;
color: #21262C;
}
.assistant-select-icon .assistant-icon[b-8ncz6a36hs] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
gap: 8px;
}
.assistant-property[b-8ncz6a36hs] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: start;
width: 100%;
gap: 8px;
}
.assistant-property label[b-8ncz6a36hs] {
font-size: 12px;
font-weight: 400;
color: #87878B;
text-transform: uppercase;
}
.assistant-property p[b-8ncz6a36hs] {
font-size: 14px;
font-weight: 400;
color: #3C3C4399;
}
.assistant-property input[b-8ncz6a36hs],
.assistant-property textarea[b-8ncz6a36hs] {
width: 100%;
border: none;
outline: none;
font-size: 17px;
font-weight: 400;
color: #747474;
padding: 13px;
background-color: #F3F3F3;
border-radius: 10px;
}
.assistant-property input:focus[b-8ncz6a36hs],
.assistant-property textarea:focus[b-8ncz6a36hs] {
border: none;
outline: none;
}
.assistant-property .upload-button[b-8ncz6a36hs] {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
padding: 5px 14px;
font-size: 15px;
font-weight: 500;
color: #21262C;
background-color: #fff;
border: 1px solid #DEDEDE;
border-radius: 6px;
}
.file-item .file[b-8ncz6a36hs] {
display: flex;
align-items: center;
gap: 8px;
padding: 8px;
border-radius: 10px;
font-size: 14px;
font-weight: 400;
height: 38px;
border: 1px solid #EEEEEE;
background-color: #F7F7F7;
position: relative;
}
.file-item .close-button[b-8ncz6a36hs] {
width: 20px;
height: 20px;
cursor: pointer;
background-color: rgba(104, 104, 104, 0.19);
border: none;
border-radius: 50%;
position: absolute;
top: -8px;
right: -8px;
}
.file-item .file span[b-8ncz6a36hs] {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@keyframes slideUp-b-8ncz6a36hs {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
/* _content/Lumiboard.Client.Shared/Components/Layout/AIAssistant/EditAssistant.razor.rz.scp.css */
.edit-assistant-modal[b-gzg8193n2l] {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 94dvh;
background-color: #f8f8f8;
border-radius: 16px 16px 0 0;
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.2);
z-index: 1300;
animation: slideUp-b-gzg8193n2l 0.3s ease-in-out;
display: flex;
flex-direction: column;
overflow-y: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.edit-assistant-header[b-gzg8193n2l] {
display: flex;
justify-content: space-between;
align-items: center;
padding: 21px;
border-bottom: 1px solid #DFDFDF;
}
.edit-assistant-header .cancel-button[b-gzg8193n2l] {
display: flex;
justify-content: center;
align-items: center;
font-size: 17px;
font-weight: 400;
color: #007AFF;
}
.edit-assistant-header .cancel-button:active[b-gzg8193n2l] {
opacity: 0.5;
}
.edit-assistant-header .save-button[b-gzg8193n2l] {
display: flex;
justify-content: center;
align-items: center;
font-size: 18px;
font-weight: 700;
color: #007AFF;
}
.edit-assistant-header .save-button:disabled[b-gzg8193n2l] {
opacity: 0.5;
}
.edit-assistant-header h2[b-gzg8193n2l] {
font-size: 20px;
font-weight: 600;
color: #21262C;
}
.edit-assistant-body[b-gzg8193n2l] {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
gap: 40px;
padding: 21px;
}
.assistant-properties[b-gzg8193n2l] {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
background-color: #fff;
border-radius: 10px;
padding-left: 18px;
}
.assistant-properties input[b-gzg8193n2l] {
width: 100%;
height: 100%;
border: none;
outline: none;
font-size: 17px;
font-weight: 400;
color: #21262C;
padding: 13px 13px 13px 0px;
}
.assistant-properties input:focus[b-gzg8193n2l] {
border: none;
outline: none;
}
hr[b-gzg8193n2l] {
width: 100%;
border: 0.5px solid #DFDFDF;
}
.gray-icon[b-gzg8193n2l] {
color: #3C3C434D;
opacity: 0.3;
}
.agent-icon[b-gzg8193n2l] {
width: 30px;
height: 30px;
border-radius: 50%;
background-color: #D9D9D9;
display: flex;
justify-content: center;
align-items: center;
color: #21262C;
font-size: 13px;
}
.assistant-select-icon[b-gzg8193n2l] {
display: flex;
justify-content: space-between;
align-items: center;
padding: 13px 13px 13px 0px;
width: 100%;
}
.assistant-select-icon p[b-gzg8193n2l] {
font-size: 17px;
font-weight: 400;
color: #21262C;
}
.assistant-select-icon .assistant-icon[b-gzg8193n2l] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
gap: 8px;
}
.assistant-property[b-gzg8193n2l] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: start;
width: 100%;
gap: 8px;
}
.assistant-property label[b-gzg8193n2l] {
font-size: 12px;
font-weight: 400;
color: #87878B;
text-transform: uppercase;
}
.assistant-property p[b-gzg8193n2l] {
font-size: 14px;
font-weight: 400;
color: #3C3C4399;
}
.assistant-property input[b-gzg8193n2l],
.assistant-property textarea[b-gzg8193n2l] {
width: 100%;
border: none;
outline: none;
font-size: 17px;
font-weight: 400;
color: #747474;
padding: 13px;
background-color: #F3F3F3;
border-radius: 10px;
}
.assistant-property input:focus[b-gzg8193n2l],
.assistant-property textarea:focus[b-gzg8193n2l] {
border: none;
outline: none;
}
.assistant-property .upload-button[b-gzg8193n2l] {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
padding: 5px 14px;
font-size: 15px;
font-weight: 500;
color: #21262C;
background-color: #fff;
border: 1px solid #DEDEDE;
border-radius: 6px;
}
.file-item .file[b-gzg8193n2l] {
display: flex;
align-items: center;
gap: 8px;
padding: 8px;
border-radius: 10px;
font-size: 14px;
font-weight: 400;
height: 38px;
border: 1px solid #EEEEEE;
background-color: #F7F7F7;
position: relative;
}
.file-item .close-button[b-gzg8193n2l] {
width: 20px;
height: 20px;
cursor: pointer;
background-color: rgba(104, 104, 104, 0.19);
border: none;
border-radius: 50%;
position: absolute;
top: -8px;
right: -8px;
}
.file-item .file span[b-gzg8193n2l] {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.user-profile-section-content[b-gzg8193n2l] {
display: flex;
justify-content: space-between;
flex-direction: row;
align-items: center;
width: 100%;
padding: 16px 0;
}
.user-profile-section-content p[b-gzg8193n2l] {
color: #DC3545;
font-size: 16px;
font-weight: 400;
margin: 0;
}
.user-profile-delete[b-gzg8193n2l] {
display: flex;
justify-content: center;
align-items: start;
flex-direction: column;
}
.user-profile-delete .additional-text[b-gzg8193n2l] {
font-size: 14px;
font-weight: 400;
color: #5B5B5B;
}
@keyframes slideUp-b-gzg8193n2l {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
/* _content/Lumiboard.Client.Shared/Components/Layout/AIAssistant/SelectAssistantIcon.razor.rz.scp.css */
.edit-assistant-modal[b-v19nvtx8y2] {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 94dvh;
background-color: #f8f8f8;
border-radius: 16px 16px 0 0;
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.2);
z-index: 1300;
animation: slideUp 0.3s ease-in-out;
display: flex;
flex-direction: column;
overflow-y: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.edit-assistant-header[b-v19nvtx8y2] {
display: flex;
justify-content: space-between;
align-items: center;
padding: 21px;
border-bottom: 1px solid #DFDFDF;
}
.edit-assistant-header h2[b-v19nvtx8y2] {
font-size: 20px;
font-weight: 600;
color: #21262C;
}
.back-button[b-v19nvtx8y2] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
gap: 10px;
cursor: pointer;
}
.back-button span[b-v19nvtx8y2] {
font-size: 18px;
font-weight: 500px;
color: #4185DD;
}
.back-button span:active[b-v19nvtx8y2] {
opacity: 0.5;
}
.edit-assistant-body[b-v19nvtx8y2] {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
gap: 40px;
padding: 21px;
}
.icons-search[b-v19nvtx8y2] {
display: flex;
align-items: center;
width: 100%;
position: relative;
}
.icons-search input[b-v19nvtx8y2] {
width: 100%;
padding: 7px 16px 7px 40px;
border: 1px solid #E1E1E1;
border-radius: 10px;
font-size: 16px;
font-weight: 500;
color: #21262C;
transition: border-color 0.3s;
}
.icons-search input[b-v19nvtx8y2]::placeholder {
color: #B0B0B0;
margin-left: 10px;
}
.icons-search input:focus[b-v19nvtx8y2] {
border-color: #cac7c7;
outline: none;
}
.icons-search[b-v19nvtx8y2]::before {
content: url('data:image/svg+xml;utf8,');
position: absolute;
left: 15px;
top: 55%;
transform: translateY(-50%);
}
.icons-list[b-v19nvtx8y2] {
display: flex;
flex-wrap: wrap;
justify-content: start;
align-items: center;
gap: 16px;
min-height: 300px;
}
.icon[b-v19nvtx8y2] {
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
border-radius: 50%;
background-color: #D9D9D9;
cursor: pointer;
font-size: 16px;
color: #21262C;
}
.selected[b-v19nvtx8y2] {
border: 2px solid #21262C;
}
/* _content/Lumiboard.Client.Shared/Components/Layout/Dashboard/DashboardAccountOverview.razor.rz.scp.css */
.modal-overlay[b-qzcmapd4lq] {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1200;
}
.dashboard-account-modal[b-qzcmapd4lq] {
position: fixed;
top: 5vh;
left: 270px;
width: 450px;
height: 90dvh;
background-color: #FFFFFF;
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.2);
z-index: 1300;
animation: slideUp-b-qzcmapd4lq 0.3s ease-in-out;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
border-radius: 10px;
overflow-y: auto;
padding: 2rem;
gap: 2rem;
}
.dashboard-account-modal-header[b-qzcmapd4lq] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
gap: 2px;
}
.close-container[b-qzcmapd4lq] {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
}
.close-container button[b-qzcmapd4lq] {
width: 22px;
height: 22px;
cursor: pointer;
border: none;
border-radius: 50%;
}
.account-info-container[b-qzcmapd4lq] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 12px;
width: 100%;
}
.account-picture-container[b-qzcmapd4lq] {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 20px;
position: relative;
}
.avatar-nav-button[b-qzcmapd4lq] {
background: none;
border: none;
cursor: pointer;
padding: 8px;
border-radius: 50%;
transition: background-color 0.2s ease;
display: flex;
align-items: center;
justify-content: center;
}
.avatar-nav-button:hover[b-qzcmapd4lq] {
background-color: rgba(164, 90, 214, 0.1);
}
.avatar-nav-button img[b-qzcmapd4lq] {
width: 10px;
height: 10px;
}
.account-picture[b-qzcmapd4lq] {
display: flex;
flex-direction: column;
gap: 8px;
justify-content: center;
align-items: center;
position: relative;
}
.account-picture img[b-qzcmapd4lq] {
width: 80px;
height: 80px;
border-radius: 50%;
}
.account-name[b-qzcmapd4lq] {
display: flex;
justify-content: center;
align-items: center;
gap: 4px;
width: 100%;
font-size: 20px;
font-weight: 700;
color: #310F47;
text-align: center;
}
.account-name h2[b-qzcmapd4lq] {
margin: 0;
}
.level-section[b-qzcmapd4lq] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 4px;
width: 100%;
}
.level-info[b-qzcmapd4lq] {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
}
.level-label[b-qzcmapd4lq] {
font-size: 16px;
font-weight: 600;
color: #310F47;
}
.ambassador-badge[b-qzcmapd4lq] {
font-size: 12px;
font-weight: 500;
color: #636AE8;
background-color: rgba(99, 106, 232, 0.1);
padding: 4px 8px;
border-radius: 12px;
}
.level-progress-container[b-qzcmapd4lq] {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
width: 100%;
}
.level-progress-bar[b-qzcmapd4lq] {
flex: 1;
height: 8px;
background-color: #E0E0E0;
border-radius: 4px;
overflow: hidden;
}
.level-progress-fill[b-qzcmapd4lq] {
height: 100%;
background: linear-gradient(90deg, #636AE8 0%, #8A95F0 100%);
transition: width 0.3s ease;
}
.level-percentage[b-qzcmapd4lq] {
font-size: 14px;
font-weight: 600;
color: #636AE8;
min-width: 32px;
text-align: right;
}
.dashboard-account-modal-body[b-qzcmapd4lq] {
display: flex;
flex-direction: column;
justify-content: start;
align-items: center;
gap: 16px;
width: 100%;
flex: 1;
}
.streaks-summary[b-qzcmapd4lq] {
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 16px;
align-items: center;
width: 100%;
border: 1px solid #4842FC;
border-radius: 14px;
height: 64px;
}
.streaks-summary-content[b-qzcmapd4lq] {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 12px;
}
.streaks-summary-content div[b-qzcmapd4lq] {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 2px;
}
.streaks-summary-content div img[b-qzcmapd4lq] {
width: 19px;
height: 25px;
}
.streaks-summary-content div p[b-qzcmapd4lq] {
font-size: 24px;
font-weight: 700;
color: #310F47;
margin: 0;
}
.streaks-summary h3[b-qzcmapd4lq] {
font-size: 16px;
font-weight: 600;
color: #310F47;
margin: 0;
}
.streaks-summary span[b-qzcmapd4lq] {
font-size: 13px;
font-weight: 500;
color: #310F47;
}
.badges-section[b-qzcmapd4lq] {
display: flex;
flex-direction: column;
justify-content: start;
align-items: center;
gap: 16px;
width: 100%;
padding: 24px;
border: 1px solid #4842FC;
border-radius: 14px;
}
.badges-header[b-qzcmapd4lq] {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
}
.badges-header h3[b-qzcmapd4lq] {
font-size: 16px;
font-weight: 600;
color: #310F47;
margin: 0;
}
.see-all-button[b-qzcmapd4lq] {
background: none;
border: none;
font-size: 14px;
font-weight: 500;
color: #310F47;
cursor: pointer;
}
.badges-grid[b-qzcmapd4lq] {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
width: 100%;
}
.badge-item[b-qzcmapd4lq] {
display: flex;
justify-content: center;
align-items: center;
border-radius: 10px;
background-color: #F0F0F0;
transition: all 0.2s ease;
}
.badge-item.earned[b-qzcmapd4lq] {
background-color: white;
border: none;
}
.badge-item img[b-qzcmapd4lq] {
width: 70px;
height: 70px;
opacity: 0.3;
transition: opacity 0.2s ease;
}
.badge-item.earned img[b-qzcmapd4lq] {
opacity: 1;
}
@keyframes slideUp-b-qzcmapd4lq {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
/* Responsive adjustments */
@media (max-width: 480px) {
.badges-grid[b-qzcmapd4lq] {
grid-template-columns: repeat(3, 1fr);
gap: 12px;
}
.badge-item[b-qzcmapd4lq] {
width: 56px;
height: 48px;
}
.badge-item img[b-qzcmapd4lq] {
width: 28px;
height: 28px;
}
}
/* _content/Lumiboard.Client.Shared/Components/Layout/Dashboard/DashboardLayout.razor.rz.scp.css */
.page-container[b-0kf3t89tge] {
display: flex;
min-height: 100vh;
height: 100vh;
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
position: relative;
}
.hero[b-0kf3t89tge] {
flex: 1;
margin-left: 240px;
transition: margin-left 0.3s ease, width 0.3s ease;
}
.hero.dashboard-hero[b-0kf3t89tge]{
width: calc(60% - 240px);
height: 100%;
transition: margin-left 0.3s ease, width 0.3s ease;
}
.hero.nav-collapsed[b-0kf3t89tge] {
margin-left: 70px;
}
.hero.dashboard-hero.nav-collapsed[b-0kf3t89tge] {
width: calc(60% - 70px);
}
.dashboard-notifications-container[b-0kf3t89tge] {
position: fixed;
bottom: 60px;
left: 15px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 1300;
padding: 5px;
transition: left 0.3s ease;
}
.main-header[b-0kf3t89tge] {
display: flex;
align-items: center;
gap: 16px;
background: white;
justify-content: space-between;
}
.header-avatar[b-0kf3t89tge] {
width: 58px;
height: 58px;
border-radius: 50%;
overflow: hidden;
flex-shrink: 0;
cursor: pointer;
transition: transform 0.2s ease;
}
.header-avatar:hover[b-0kf3t89tge] {
transform: scale(1.05);
}
.header-avatar img[b-0kf3t89tge] {
width: 100%;
height: 100%;
object-fit: cover;
}
.header-content[b-0kf3t89tge] {
display: flex;
flex-direction: column;
gap: 4px;
flex: 1;
}
.header-date[b-0kf3t89tge] {
font-size: 20px;
font-weight: 700;
color: #09090B;
margin: 0;
}
.header-message[b-0kf3t89tge] {
font-size: 16px;
color: #3C3C3C;
margin: 0;
font-weight: 500;
}
.hero[b-0kf3t89tge]{
padding: 2rem;
display: flex;
flex-direction: column;
min-height: 0;
}
.wrapper[b-0kf3t89tge] {
display: flex;
flex-direction: row;
align-items: center;
}
.wrapper img[b-0kf3t89tge] {
cursor: pointer;
width: 20px;
height: 20px;
margin-left: 0.5rem;
}
.tasks-toggle[b-0kf3t89tge] {
display: flex;
align-items: center;
flex-shrink: 0;
}
.segmented-control[b-0kf3t89tge] {
display: flex;
background: #F4F4F4;
border-radius: 10px;
padding: 6px;
gap: 2px;
}
.segment[b-0kf3t89tge] {
background: transparent;
border: none;
padding: 5px 15px;
border-radius: 6px;
font-size: 14px;
font-weight: 500;
color: #71717A;
cursor: pointer;
transition: all 0.2s ease;
white-space: nowrap;
}
.segment:hover[b-0kf3t89tge] {
background: #E2E8F0;
color: #475569;
}
.segment.active[b-0kf3t89tge] {
background: #FFFFFF;
color: #18181B;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.segment.active:hover[b-0kf3t89tge] {
background: #FFFFFF;
color: #18181B;
}
/* _content/Lumiboard.Client.Shared/Components/Layout/Dashboard/NavigationMenu.razor.rz.scp.css */
.side-navigation[b-opy66cgegu] {
width: 240px;
background: #F4F4F4;
transition: all 0.3s ease;
display: flex;
flex-direction: column;
padding: 0 16px;
height: 100vh;
position: fixed;
top: 0;
left: 0;
z-index: 100;
}
.side-navigation.collapsed[b-opy66cgegu] {
width: 70px;
padding: 0 10px;
}
.navigation-header[b-opy66cgegu] {
padding: 24px 0;
display: flex;
align-items: center;
justify-content: space-between;
}
.collapsed .navigation-header[b-opy66cgegu] {
display: flex;
flex-direction: column;
gap: 16px;
align-items: center;
}
.title[b-opy66cgegu] {
display: flex;
align-items: center;
gap: 8px;
}
.logo-icon[b-opy66cgegu] {
width: 26px;
height: 26px;
}
.logo-text[b-opy66cgegu] {
font-weight: 600;
font-size: 14px;
color: #343A40;
}
.collapse-icon[b-opy66cgegu] {
cursor: pointer;
width: 30px;
height: 30px;
}
.collapse-icon img[b-opy66cgegu] {
width: 30px;
height: 30px;
transition: transform 0.3s ease;
}
.collapsed .collapse-icon img[b-opy66cgegu] {
transform: rotate(180deg);
}
.navigation-panel[b-opy66cgegu] {
display: flex;
flex-direction: column;
padding: 12px 0;
gap: 24px;
height: 100%;
position: relative;
}
.create-task[b-opy66cgegu] {
background: #F1F0FF;
color: #4842FC;
border: 2px solid #4842FC;
border-radius: 8px;
padding: 12px 16px;
display: flex;
align-items: center;
gap: 8px;
cursor: pointer;
transition: all 0.2s ease;
font-weight: 500;
width: 100%;
}
.create-task:hover[b-opy66cgegu] {
background: #E8E7FF;
}
.navigation-buttons[b-opy66cgegu] {
display: flex;
flex-direction: column;
gap: 4px;
}
.nav-button[b-opy66cgegu] {
display: flex;
align-items: flex-start;
gap: 12px;
padding: 12px 16px;
border: none;
background: transparent;
border-radius: 8px;
cursor: pointer;
color: #6B7280;
transition: all 0.2s ease;
width: 100%;
text-align: left;
font-weight: 500;
justify-content: flex-start;
position: relative;
}
.sparks-available[b-opy66cgegu]{
background: #FFFFFF;
border-radius: 60px;
font-size: 14px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px 13px;
color: #71717A;
cursor: pointer;
transition: all 0.2s ease;
}
.collapsed .sparks-available[b-opy66cgegu] {
width: 50px;
height: 50px;
padding: 0;
margin: 0 auto;
justify-content: center;
}
.spark-icon[b-opy66cgegu] {
width: 20px;
height: 20px;
}
.plus-gray[b-opy66cgegu]{
width: 12px;
height: 12px;
margin-left: 15px;
}
.collapsed .nav-button[b-opy66cgegu] {
padding: 0;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
margin: 0 auto;
}
.collapsed .create-task[b-opy66cgegu] {
padding: 0;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
margin: 0 auto;
}
.collapsed .ask-chat[b-opy66cgegu] {
padding: 0;
justify-content: center;
align-items: center;
width: 33px;
height: 33px;
margin: auto;
left: 7px;
right: 7px;
}
.nav-button img[b-opy66cgegu] {
width: 20px;
height: 20px;
}
.nav-button:hover[b-opy66cgegu] {
background: rgba(0, 0, 0, 0.05);
}
.nav-button.active[b-opy66cgegu] {
background: rgba(0, 0, 0, 0.05);
color: #111827;
}
.collapsed .nav-button span[b-opy66cgegu],
.collapsed .create-task span[b-opy66cgegu],
.collapsed .logo-text[b-opy66cgegu],
.collapsed .ai-button-text[b-opy66cgegu],
.collapsed .ai-button-chevron[b-opy66cgegu]{
display: none;
}
.ask-chat[b-opy66cgegu] {
position: absolute;
bottom: 16px;
left: 0;
background: #373737;
color: white;
border: none;
border-radius: 60px;
padding: 8px 16px;
display: flex;
align-items: center;
gap: 8px;
cursor: pointer;
transition: background-color 0.2s ease;
justify-content: flex-start;
}
.ai-button-text[b-opy66cgegu] {
font-size: 13px;
font-weight: 500;
}
.ai-button-chevron[b-opy66cgegu] {
width: 8px;
height: 4px;
}
.ask-chat:hover[b-opy66cgegu] {
background: #2a2a2a;
}
.ask-chat img[b-opy66cgegu] {
width: 16px;
height: 15px;
}
.counter[b-opy66cgegu]{
border-radius: 20px;
background: #373737;
color: #FAFAFA;
padding: 2px 10px;
font-size: 12px;
width: fit-content;
height: auto;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
right: 16px;
top: 20%;
bottom: 20%;
}
/* _content/Lumiboard.Client.Shared/Components/Layout/Dashboard/Widgets.razor.rz.scp.css */
.widgets-section[b-ehhlitxg0b]{
width: 22%;
min-width: 240px;
background: #E8E8E8;
display: flex;
flex-direction: column;
padding: 16px;
gap: 16px;
height: 100vh;
overflow-y: auto;
}
.widget[b-ehhlitxg0b] {
background: white;
border-radius: 16px;
padding: 20px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.widget-header[b-ehhlitxg0b] {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 16px;
font-size: 15px;
font-weight: 600;
color: #18181B;
}
.email2tasks-header[b-ehhlitxg0b]{
display: flex;
flex-direction: row;
font-size: 15px;
font-weight: 600;
color: #18181B;
gap: 1rem;
}
.email2tasks-info[b-ehhlitxg0b] {
display: flex;
flex-direction: column;
justify-content: flex-start;
gap: 0.5rem;
}
.icons-container[b-ehhlitxg0b] {
display: flex;
flex-direction: row;
align-items: center;
gap: 0.5rem;
justify-content: flex-start;
}
.widget-icon[b-ehhlitxg0b] {
width: 16px;
height: 16px;
}
.automation-badge[b-ehhlitxg0b] {
background: #E5FCE0;
border-radius: 20px;
padding: 8px 12px;
margin-bottom: 16px;
display: flex;
align-items: center;
gap: 6px;
}
.automation-icon[b-ehhlitxg0b] {
width: 16px;
height: 16px;
}
.automation-text[b-ehhlitxg0b] {
font-size: 12px;
color: #30B215;
font-weight: 600;
text-align: left;
}
.email-icons[b-ehhlitxg0b] {
display: flex;
gap: 8px;
margin-bottom: 20px;
}
.email-icon[b-ehhlitxg0b] {
width: 18px;
height: 18px;
}
.email-text[b-ehhlitxg0b]{
text-align: left;
}
.connect-button[b-ehhlitxg0b] {
background: #FFFFFF;
border: 1px solid #ACACAC;
border-radius: 24px;
padding: 12px 24px;
font-size: 14px;
font-weight: 500;
color: #374151;
cursor: pointer;
transition: all 0.2s;
width: 100%;
max-width: 200px;
margin-bottom: 2rem;
}
.connect-button:hover[b-ehhlitxg0b] {
background: #F3F4F6;
border-color: #D1D5DB;
}
.connect-text[b-ehhlitxg0b] {
font-size: 14px;
color: #3D3D3D;
font-weight: 500;
margin-bottom: 16px;
line-height: 1.4;
}
.forgotten-emails-info p[b-ehhlitxg0b] {
font-weight: 500;
font-size: 12px;
margin-bottom: 1rem;
}
.email-preview[b-ehhlitxg0b]{
width: 100%;
border-radius: 8px;
background: #F5F5F5;
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 1rem;
margin-bottom: 1rem;
}
.sender[b-ehhlitxg0b]{
font-weight: 500;
font-size: 12px;
color: #1A1A1A;
}
.subject[b-ehhlitxg0b]{
font-weight: 500;
font-size: 11px;
color: #8A8A91;
}
.email-date[b-ehhlitxg0b]{
color: #8A8A91;
bottom: 0;
font-size: 11px;
font-weight: 500;
}
.counter[b-ehhlitxg0b]{
font-weight: 500;
font-size: 11px;
text-align: center;
color: #18181B;
}
.counter img[b-ehhlitxg0b] {
width: 7px;
height: 7px;
margin-left: 5px;
}
.no-emails[b-ehhlitxg0b]{
display: flex;
flex-direction: column;
align-content: center;
text-align: center;
gap: 1rem;
}
.no-emails img[b-ehhlitxg0b]{
width: 44px;
height: 44px;
margin: auto;
}
.no-emails p[b-ehhlitxg0b]{
font-weight: 400;
font-size: 13px;
color: #4B4B4F;
}
.refresh-icon[b-ehhlitxg0b] {
cursor: pointer;
transition: transform 0.2s ease;
width: 16px;
height: 16px;
}
.refresh-icon:hover[b-ehhlitxg0b] {
transform: scale(1.1);
}
.refresh-icon.spinning[b-ehhlitxg0b] {
animation: spin-b-ehhlitxg0b 0.5s linear infinite;
cursor: wait;
}
@keyframes spin-b-ehhlitxg0b {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
/* _content/Lumiboard.Client.Shared/Components/Layout/Memos/MemoCreation.razor.rz.scp.css */
.memo-creation-modal[b-2jodueyf0g] {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
min-height: 12dvh;
background-color: #fff;
border-radius: 16px 16px 0 0;
padding: 16px;
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.2);
z-index: 1300;
animation: slideUp-b-2jodueyf0g 0.3s ease-in-out;
}
form[b-2jodueyf0g] {
display: flex;
flex-direction: column;
gap: 13px;
}
input[b-2jodueyf0g] {
width: 100%;
padding: 8px;
border: none;
font-size: 18px;
color: #21262C;
font-weight: 500px;
}
input[b-2jodueyf0g]::placeholder {
color: #919191;
}
input:focus[b-2jodueyf0g] {
outline: none;
}
.buttons-container[b-2jodueyf0g] {
display: flex;
justify-content: flex-end;
}
.create-button[b-2jodueyf0g] {
background-color:#44A912;
color: #fff;
border: none;
width: 88px;
height: 40px;
border-radius: 10px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
text-align: center;
margin-top: 8px;
}
.create-button:disabled[b-2jodueyf0g] {
background-color: rgba(68, 169, 18, 0.65);
}
@keyframes slideUp-b-2jodueyf0g {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
/* _content/Lumiboard.Client.Shared/Components/Layout/Mobile/LoadingPage.razor.rz.scp.css */
.loading-modal[b-zdhbdtl0wg] {
width: 100%;
height: 100dvh;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
padding: 40px;
}
.logo[b-zdhbdtl0wg] {
width: 100px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
gap: 10px;
}
.logo img[b-zdhbdtl0wg] {
width: 32px;
height: 32px;
}
.logo span[b-zdhbdtl0wg] {
font-family: 'Lexend', sans-serif;
font-size: 18px;
font-weight: 600;
color: #343A40;
text-transform: uppercase;
}
.loading-spinner[b-zdhbdtl0wg] {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
flex-direction: column;
gap: 20px;
}
.loading-spinner p[b-zdhbdtl0wg] {
font-size: 18px;
font-weight: 500;
color: #21262C;
text-align: center;
margin-top: 20px;
}
.loading-spinner span[b-zdhbdtl0wg] {
font-size: 16px;
font-weight: 500;
color: #686868;
text-align: center;
}
/* _content/Lumiboard.Client.Shared/Components/Layout/Mobile/MobileLayout.razor.rz.scp.css */
.main-layout[b-fz8vuevdaj] {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100dvh;
}
.top-bar[b-fz8vuevdaj] {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem;
background-color: #F8F8F8;
border-bottom: 1px solid #DBDBDB;
box-sizing: border-box;
}
.main-content[b-fz8vuevdaj] {
flex: 1;
/* padding-top: 10px; */
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: start;
background-color: rgba(0, 0, 0, 0.04);
overflow: hidden;
}
.tap-bar[b-fz8vuevdaj] {
display: flex;
justify-content: space-around;
align-items: center;
padding: 10px;
box-sizing: border-box;
height: 64px;
}
.ai-button-container[b-fz8vuevdaj] {
position: absolute;
bottom: 90px;
left: 16px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 1200;
padding: 5px;
}
.notifications-container[b-fz8vuevdaj] {
position: absolute;
bottom: 110px;
left: 65px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 1200;
padding: 5px;
}
@media (max-height: 700px) {
.top-bar[b-fz8vuevdaj] {
padding-right: 1rem;
padding-left: 1rem;
}
.tap-bar[b-fz8vuevdaj] {
padding: 5px;
}
}
/* _content/Lumiboard.Client.Shared/Components/Layout/Mobile/TapBar.razor.rz.scp.css */
.icon-container[b-4za1ycyb0a] {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 0 10px;
cursor: pointer;
transition: background-color 0.3s;
font-weight: 500;
font-size: 12px;
line-height: 12px;
color: #686868;
}
.icon-container img[b-4za1ycyb0a] {
width: 24px;
height: 24px;
padding: 0 0 5px 0;
}
.icon-container.active span[b-4za1ycyb0a] {
z-index: 2;
font-weight: 700;
color: #1F1F1F;
}
.icon-container.active img[b-4za1ycyb0a] {
z-index: 2;
transform: scale(1.4);
padding-bottom: 10px;
color: #1F1F1F;
}
.icon-container .circle[b-4za1ycyb0a] {
position: absolute;
width: 0;
height: 0;
border-radius: 50%;
z-index: 1;
background-color: white;
animation: growCircle-b-4za1ycyb0a 0.3s forwards;
}
@keyframes growCircle-b-4za1ycyb0a {
from {
width: 0;
height: 0;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
to {
width: 60px;
height: 60px;
top: -20px;
left: calc(50% - 30px);
}
}
/* _content/Lumiboard.Client.Shared/Components/Layout/Mobile/TopBar.razor.rz.scp.css */
.settings-icon:active[b-6s2ive3isv] {
transform: scale(0.9);
}
.notification-icon[b-6s2ive3isv] {
position: relative;
}
.notification-icon .notification-count[b-6s2ive3isv] {
position: absolute;
top: -5px;
right: -5px;
width: 15px;
height: 15px;
border-radius: 50%;
background-color: black;
color: #F2E8F9;
display: flex;
align-items: center;
justify-content: center;
font-size: 0.7rem;
}
.notification-icon:active[b-6s2ive3isv] {
transform: scale(0.9);
}
.icons-container[b-6s2ive3isv] {
display: flex;
align-items: center;
justify-content: center;
flex-direction: row;
gap: 30px;
}
/* _content/Lumiboard.Client.Shared/Components/Layout/Objectives/EditObjective.razor.rz.scp.css */
.edit-objective-modal[b-lcpa6qd4wp] {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
min-height: 60dvh;
background-color: #fff;
border-radius: 16px 16px 0 0;
padding: 20px;
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.2);
z-index: 1300;
animation: slideUp-b-lcpa6qd4wp 0.3s ease-in-out;
}
.edit-objective-header[b-lcpa6qd4wp] {
display: flex;
justify-content: space-between;
align-items: center;
}
.edit-objective-header .cancel-button span[b-lcpa6qd4wp] {
font-size: 18px;
font-weight: 500px;
color: #4185DD;
}
.edit-objective-header .cancel-button span:active[b-lcpa6qd4wp] {
opacity: 0.5;
}
.edit-objective-header div h3[b-lcpa6qd4wp] {
font-size: 20px;
font-weight: 600;
color: #21262C;
}
.edit-objective-header .save-button button[b-lcpa6qd4wp] {
font-size: 18px;
font-weight: 700;
color: #007AFF
}
.edit-objective-header .save-button button:disabled[b-lcpa6qd4wp] {
opacity: 0.6;
}
.edit-objective-body[b-lcpa6qd4wp] {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
gap: 20px;
margin-top: 32px;
overflow-y: auto;
}
.objective-title[b-lcpa6qd4wp] {
display: flex;
flex-direction: row;
justify-content: start;
align-items: center;
gap: 13px;
width: 100%;
}
.objective-title input[b-lcpa6qd4wp] {
width: 100%;
padding: 8px;
border-radius: 10px;
box-sizing: border-box;
font-size: 24px;
font-weight: 600;
color: #21262C;
border: none;
}
.objective-title input:focus[b-lcpa6qd4wp] {
outline: none;
}
.objective-title img[b-lcpa6qd4wp] {
width: 23px;
height: 20px;
}
.objective-description[b-lcpa6qd4wp] {
width: 100%;
display: flex;
flex-direction: column;
justify-content: start;
align-items: start;
gap: 15px;
}
.objective-description h4[b-lcpa6qd4wp] {
font-size: 16px;
font-weight: 600;
color: #21262C;
}
.objective-description textarea[b-lcpa6qd4wp] {
width: 100%;
height: 197px;
padding: 10px;
border-radius: 10px;
box-sizing: border-box;
font-size: 16px;
font-weight: 400;
color: #323232;
resize: none;
background-color: #F4F4F4;
border: 1px solid #DEDEDE;
}
.objective-description textarea:focus[b-lcpa6qd4wp] {
outline: none;
}
.objective-ai-assistant-container[b-lcpa6qd4wp] {
display: flex;
justify-content: start;
align-items: center;
padding: 5px;
}
.message-box[b-lcpa6qd4wp] {
display: flex;
flex-direction: column;
align-items: start;
justify-content: center;
width: 100%;
padding: 16px;
gap: 5px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
border-bottom-right-radius: 16px;
border-bottom-left-radius: 4px;
background: linear-gradient(to right, var(--bubble-color));
margin-bottom: 10%;
}
.message-box span[b-lcpa6qd4wp] {
font-size: 15px;
font-weight: 400;
color: #483870;
}
.message-box button[b-lcpa6qd4wp] {
padding: 10px;
border-radius: 99px;
border: 1px solid #8051EA;
font-size: 14px;
font-weight: 600;
color: #5E4F82;
}
.message-box button:active[b-lcpa6qd4wp] {
background-color: #bfbff7;
}
.ai-suggestion-container[b-lcpa6qd4wp] {
display: flex;
flex-direction: row;
justify-content: start;
align-items: end;
gap: 5px;
width: 100%;
padding: 5px;
}
@keyframes slideUp-b-lcpa6qd4wp {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
/* _content/Lumiboard.Client.Shared/Components/Layout/Objectives/ObjectiveCompletion.razor.rz.scp.css */
.objective-completion-modal[b-yr75dag1bo] {
position: fixed;
bottom: 30%;
left: 3%;
width: 95%;
min-height: 40dvh;
background-color: #fff;
border-radius: 16px;
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.2);
z-index: 1300;
padding: 16px;
animation: slideUp-b-yr75dag1bo 0.3s ease-in-out;
}
.objective-completion-header[b-yr75dag1bo] {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
.objective-completion-header h1[b-yr75dag1bo] {
font-size: 31px;
font-weight: 600;
color: #008044;
}
.objective-completion-body[b-yr75dag1bo] {
display: flex;
flex-direction: column;
width: 100%;
gap: 24px;
padding: 16px;
}
.objective-title[b-yr75dag1bo] {
display: flex;
flex-direction: row;
justify-content: start;
align-items: center;
gap: 8px;
width: 100%;
}
.objective-title h2[b-yr75dag1bo] {
font-size: 24px;
font-weight: 600;
color: #21262C;
}
.objective-progress-bar[b-yr75dag1bo] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 8px;
width: 100%;
}
.objective-progress-bar p[b-yr75dag1bo] {
font-size: 22px;
font-weight: 600;
color: #272B2C;
text-align: center;
}
.progress-bar[b-yr75dag1bo] {
width: 100%;
background-color: #E5E5E5;
border-radius: 20px;
overflow: hidden;
height: 10px;
}
.progress-fill[b-yr75dag1bo] {
height: 100%;
background-color: #A45AD6;
border-radius: 20px;
transition: width 0.5s ease-in-out;
}
.objective-progress-bar span[b-yr75dag1bo] {
font-size: 13px;
font-weight: 600;
color: #5D5D5D;
text-align: center;
}
.finish-button[b-yr75dag1bo] {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 50px;
background-color: #A45AD6;
color: #fff;
font-size: 18px;
font-weight: 600;
border-radius: 10px;
cursor: pointer;
transition: background-color 0.3s ease-in-out;
}
.finish-button:active[b-yr75dag1bo] {
background-color: #8E4BB0;
}
@keyframes slideUp-b-yr75dag1bo {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
/* _content/Lumiboard.Client.Shared/Components/Layout/Objectives/ObjectiveCreation.razor.rz.scp.css */
.objective-creation-modal[b-n8fs2dn7n5] {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: #fff;
border-radius: 16px 16px 0 0;
padding: 16px;
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.2);
z-index: 1300;
animation: slideUp-b-n8fs2dn7n5 0.3s ease-in-out;
}
.more-button-container[b-n8fs2dn7n5],
.priority-button-container[b-n8fs2dn7n5] {
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.objective-creation-modal .icon-container .more-button[b-n8fs2dn7n5] {
border: none!important;
}
.objective-creation-modal h3[b-n8fs2dn7n5] {
margin: 0;
text-align: center;
font-size: 18px;
}
.objective-creation-modal form[b-n8fs2dn7n5] {
display: flex;
flex-direction: column;
gap: 6px;
}
.objective-creation-modal input[b-n8fs2dn7n5] {
width: 100%;
padding: 8px;
border: none;
font-size: 24px;
color: #21262C;
font-weight: 600px;
}
.objective-creation-modal input[b-n8fs2dn7n5]::placeholder {
color: #919191;
}
.objective-creation-modal input:focus[b-n8fs2dn7n5] {
outline: none;
}
.objective-creation-modal textarea[b-n8fs2dn7n5] {
width: 100%;
padding: 8px;
border: none;
font-size: 16px;
font-weight: 400;
}
.objective-creation-modal textarea:focus[b-n8fs2dn7n5] {
outline: none;
}
.objective-creation-modal .icon-container[b-n8fs2dn7n5] {
display: flex;
flex-wrap: wrap;
gap: 8px;
max-width: 250px;
}
.objective-creation-modal .buttons-container[b-n8fs2dn7n5] {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
position: relative;
}
.objective-creation-modal .icon-container button[b-n8fs2dn7n5],
.under-buttons-container button[b-n8fs2dn7n5] {
background: none;
border: 1px solid #DEDEDE;
border-radius: 6px;
padding: 10px 16px;
cursor: pointer;
min-width: 38px;
min-height: 38px;
gap: 6px;
}
.objective-creation-modal .create-button[b-n8fs2dn7n5] {
background-color:#44A912;
color: #fff;
border: none;
width: 88px;
height: 40px;
border-radius: 10px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
text-align: center;
align-self: flex-end;
margin-top: 8px;
position: absolute;
bottom: 0;
right: 0;
}
.objective-creation-modal .create-button:disabled[b-n8fs2dn7n5] {
background-color: rgba(68, 169, 18, 0.65);
}
.under-buttons-container[b-n8fs2dn7n5] {
display: flex;
align-items: center;
flex-direction: row;
gap: 8px;
width: 100%;
}
.importance-popup-container[b-n8fs2dn7n5] .importance-popup {
left: 120px !important;
bottom: 50px !important;
}
@keyframes slideUp-b-n8fs2dn7n5 {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
/* _content/Lumiboard.Client.Shared/Components/Layout/Objectives/ObjectiveReview.razor.rz.scp.css */
.objective-review-modal[b-u3opwv9fy8] {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
min-height: 60dvh;
background-color: #fff;
border-radius: 16px 16px 0 0;
padding: 20px;
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.2);
z-index: 1300;
animation: slideUp-b-u3opwv9fy8 0.3s ease-in-out;
}
.objective-review-modal-header[b-u3opwv9fy8] {
display: flex;
justify-content: space-between;
align-items: center;
}
.objective-created-sign[b-u3opwv9fy8] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
gap: 4px;
width: 169px;
height: 31px;
border-radius: 60px;
background-color: #D1EFC0;
color: #368B07;
font-size: 14px;
font-weight: 500;
}
.close-button[b-u3opwv9fy8] {
width: 22px;
height: 22px;
cursor: pointer;
background-color: rgba(104, 104, 104, 0.19);
border: none;
border-radius: 50%;
}
.objective-review-modal-body[b-u3opwv9fy8] {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
gap: 20px;
margin-top: 30px;
overflow-y: auto;
}
.objective-title[b-u3opwv9fy8] {
display: flex;
flex-direction: row;
justify-content: start;
align-items: center;
gap: 13px;
width: 100%;
}
.objective-title img[b-u3opwv9fy8] {
width: 23px;
height: 20px;
}
.objective-title h3[b-u3opwv9fy8] {
font-size: 24px;
font-weight: 600;
color: #21262C;
}
.objective-description[b-u3opwv9fy8] {
width: 100%;
min-height: 45px;
padding: 10px;
display: flex;
justify-content: start;
align-items: start;
border-radius: 10px;
box-sizing: border-box;
}
.objective-description p[b-u3opwv9fy8] {
font-size: 16px;
font-weight: 400;
color: #323232;
width: 100%;
height: 100%;
}
.objective-description span[b-u3opwv9fy8] {
font-size: 16px;
font-weight: 400;
color: #919191;
width: 100%;
height: 100%;
}
.border-hightlight[b-u3opwv9fy8] {
border: 1px solid var(--progress-color)!important;
}
.description-empty-height[b-u3opwv9fy8] {
min-height: 75px!important;
}
.objective-attributes[b-u3opwv9fy8] {
display: flex;
flex-direction: row;
justify-content: start;
align-items: center;
width: 100%;
gap: 12px;
position: relative;
}
.objective-attributes button[b-u3opwv9fy8] {
background: none;
border: 1px solid #DEDEDE;
border-radius: 6px;
padding: 10px 16px;
cursor: pointer;
min-width: 38px;
min-height: 38px;
display: flex;
justify-content: center;
align-items: center;
gap: 4px;
}
.objective-generate-task-list-button[b-u3opwv9fy8] {
width: 100%;
height: 48px;
background-color: var(--background-color);
overflow: hidden;
border-radius: 10px;
position: relative;
margin-top: 10px;
}
.objective-generate-task-list-button button[b-u3opwv9fy8] {
position: relative;
z-index: 2;
width: 100%;
height: 100%;
background: none;
border: none;
cursor: pointer;
font-size: 15px;
font-weight: 600;
color: #fff;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.objective-generate-task-list-button .progress-fill[b-u3opwv9fy8] {
width: 100%;
height: 100%;
background-color: var(--progress-color);
border-radius: 10px 0px 0px 10px;
}
.objective-attributes[b-u3opwv9fy8] .importance-popup {
left: 20% !important;
bottom: 130% !important;
}
.objective-attributes[b-u3opwv9fy8] .options-popup {
left: 3% !important;
bottom: 130% !important;
}
.ai-button-container[b-u3opwv9fy8] {
display: flex;
justify-content: start;
align-items: end;
width: 100%;
padding: 4px;
}
.message-box[b-u3opwv9fy8] {
display: flex;
flex-direction: column;
align-items: start;
justify-content: center;
width: 100%;
padding: 16px;
gap: 5px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
border-bottom-right-radius: 16px;
border-bottom-left-radius: 4px;
background: linear-gradient(to right, var(--background-color));
margin-bottom: 10%;
}
.message-box span[b-u3opwv9fy8] {
font-size: 15px;
font-weight: 400;
color: #483870;
}
@keyframes slideUp-b-u3opwv9fy8 {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
@media (max-height: 700px) {
.objective-review-modal[b-u3opwv9fy8] {
min-height: 75dvh;
}
}
/* _content/Lumiboard.Client.Shared/Components/Layout/Scan/CultureSelector.razor.rz.scp.css */
.flag-button[b-f2xobdrc0n] {
background: none;
border: none;
cursor: pointer;
padding: 0;
}
.dropdown-menu[b-f2xobdrc0n] {
position: absolute;
top: 100%;
right: 0;
background: white;
box-shadow: 0px 2px 6px rgba(0,0,0,0.15);
border-radius: 6px;
padding: 0.5rem;
z-index: 100;
}
.dropdown-item[b-f2xobdrc0n] {
display: flex;
align-items: center;
padding: 0.3rem 0.5rem;
cursor: pointer;
}
/* _content/Lumiboard.Client.Shared/Components/Layout/Scan/ExternalProvidersModal.razor.rz.scp.css */
.modal[b-hn4fxqfkyz] {
max-width: 520px;
margin: auto;
position: fixed;
top: 20%;
padding: 2rem 2rem 2rem 2rem;
animation: slideUp-b-hn4fxqfkyz 0.3s ease-in-out;
display: flex;
flex-direction: column;
gap: 1rem;
background-color: #FFFFFF;
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.2);
animation: slideUp-b-hn4fxqfkyz 0.3s ease-in-out;
z-index: 1300;
border-radius: 1rem;
}
.modal-header[b-hn4fxqfkyz] {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.modal-body[b-hn4fxqfkyz] {
display: flex;
flex-direction: column;
gap: 1rem;
width: 100%;
}
.modal-title[b-hn4fxqfkyz] {
font-size: 22px;
font-weight: 700;
color: #18181B;
margin: 0;
}
.modal-subtitle[b-hn4fxqfkyz] {
font-size: 16px;
font-weight: 500;
color: #18181B;
margin: 0;
}
.buttons-container[b-hn4fxqfkyz] {
display: flex;
align-items: center;
justify-content: center;
gap: 1rem;
width: 100%;
}
.btn-connect[b-hn4fxqfkyz] {
display: flex;
justify-content: center;
align-items: center;
gap: 0.5rem;
height: 44px;
color: #1F1F1F;
border: 1px solid #1F1F1F;
font-size: 15px;
font-weight: 500;
border-radius: 2rem;
text-decoration: none;
padding: 0.5rem;
width: 100%;
}
.connect-desc[b-hn4fxqfkyz] {
font-size: 13px;
font-weight: 400;
color: #919191;
margin: 0;
}
.scan-btn[b-hn4fxqfkyz] {
display: flex;
justify-content: center;
align-items: center;
gap: 0.5rem;
height: 56px;
color: #FFFFFF;
background-color: #3258FF;
font-size: 15px;
font-weight: 500;
border-radius: 0.5rem;
text-decoration: none;
padding: 1rem;
width: 100%;
}
.account-info-container[b-hn4fxqfkyz] {
display: flex;
flex-direction: row;
gap: 0.5rem;
width: 100%;
}
.connected-accounts[b-hn4fxqfkyz] {
display: flex;
flex-direction: column;
gap: 0.6rem;
width: 100%;
padding: 1rem;
align-items: start;
}
.connected-accounts h3[b-hn4fxqfkyz] {
font-size: 16px;
font-weight: 600;
color: #18181B;
margin: 0;
}
.connected-account[b-hn4fxqfkyz] {
display: flex;
align-items: start;
justify-content: space-between;
gap: 0.5rem;
width: 100%;
padding: 0.5rem;
}
.connected-account img[b-hn4fxqfkyz] {
width: 20px;
height: 20px;
}
.account-info[b-hn4fxqfkyz] {
display: flex;
flex-direction: column;
gap: 0.2rem;
align-items: start;
justify-content: center;
}
.account-info p[b-hn4fxqfkyz] {
font-size: 15px;
font-weight: 500;
color: #18181B;
margin: 0;
}
.account-info span[b-hn4fxqfkyz] {
font-size: 15px;
font-weight: 400;
color: #696969;
margin: 0;
}
.btn-disconnect[b-hn4fxqfkyz] {
display: flex;
justify-content: center;
align-items: center;
height: 44px;
color: #18181B;
background-color: #FFFFFF;
font-size: 15px;
font-weight: 500;
border-radius: 2rem;
border: 1px solid #DCDCDC;
text-decoration: none;
padding: 0.5rem;
}
@media screen and (max-width: 768px) {
.modal[b-hn4fxqfkyz] {
max-width: 90%;
top: 10%;
padding: 1.5rem;
}
.modal-title[b-hn4fxqfkyz] {
font-size: 20px;
}
.modal-subtitle[b-hn4fxqfkyz] {
font-size: 14px;
}
.buttons-container[b-hn4fxqfkyz] {
flex-direction: column;
}
.btn-connect[b-hn4fxqfkyz] {
height: 40px;
font-size: 14px;
}
.scan-btn[b-hn4fxqfkyz] {
height: 48px;
font-size: 14px;
}
.connect-desc[b-hn4fxqfkyz] {
font-size: 12px;
}
}
@media screen and (max-width: 480px) {
.modal[b-hn4fxqfkyz] {
max-width: 95%;
top: 5%;
padding: 1rem;
border-radius: 0.75rem;
}
.modal-title[b-hn4fxqfkyz] {
font-size: 18px;
text-align: center;
}
.modal-subtitle[b-hn4fxqfkyz] {
font-size: 13px;
text-align: center;
}
.connected-accounts[b-hn4fxqfkyz] {
padding: 0.5rem;
}
.connected-account[b-hn4fxqfkyz] {
flex-direction: row;
align-items: center;
padding: 0.75rem 0;
}
.account-info-container[b-hn4fxqfkyz] {
justify-content: center;
margin-bottom: 0.5rem;
}
.btn-disconnect[b-hn4fxqfkyz] {
height: 36px;
font-size: 13px;
padding: 0 1rem;
}
.close-btn img[b-hn4fxqfkyz] {
width: 16px;
height: 16px;
}
.scan-btn[b-hn4fxqfkyz] {
height: 44px;
font-size: 13px;
}
}
@media screen and (max-width: 360px) {
.modal[b-hn4fxqfkyz] {
max-width: 100%;
top: 0;
bottom: 0;
border-radius: 0;
padding: 1rem 0.75rem;
height: 100%;
justify-content: center;
}
.connected-accounts h3[b-hn4fxqfkyz] {
font-size: 14px;
}
}
@keyframes slideUp-b-hn4fxqfkyz {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
/* _content/Lumiboard.Client.Shared/Components/Layout/Scan/ScanLayout.razor.rz.scp.css */
.page-container[b-44pnm8qre4] {
width: 100%;
min-height: 100vh;
display: flex;
flex-direction: column;
overflow-x: hidden;
box-sizing: border-box;
}
.header[b-44pnm8qre4] {
background-color: #FFFFFF;
border-bottom: 1px solid #E4E4E7;
flex-shrink: 0;
height: 64px;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 20;
}
.header-inner[b-44pnm8qre4] {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
width: 100%;
padding: 0 1rem;
}
.logo[b-44pnm8qre4] {
display: flex;
align-items: center;
text-decoration: none;
margin-right: 12px;
}
.logo-icon[b-44pnm8qre4] {
width: 28px!important;
height: 28px!important;
margin-right: 8px;
}
.logo-text[b-44pnm8qre4] {
font-family: 'Lexend', sans-serif;
font-weight: 300;
font-size: 18px;
color: #343A40
}
.logo-text strong[b-44pnm8qre4] {
font-weight: 700;
}
.hero[b-44pnm8qre4] {
padding: 64px 2rem 2rem; /* Start padding from header height */
background-color: #F5F8FF;
flex: 1;
overflow-y: auto;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
}
@media (max-width: 768px) {
.hero[b-44pnm8qre4] {
padding: 64px 1rem 1rem;
}
}
/* _content/Lumiboard.Client.Shared/Components/Layout/Scan/ShareResultsModal.razor.rz.scp.css */
.share-results-modal[b-jo672a83yp] {
max-width: 520px;
margin: auto;
position: fixed;
top: 20%;
padding: 2rem;
animation: slideUp-b-jo672a83yp 0.3s ease-in-out;
display: flex;
flex-direction: column;
gap: 1.5rem;
background-color: #FFFFFF;
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.2);
z-index: 1300;
border-radius: 1rem;
}
.modal-header[b-jo672a83yp] {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.modal-header h2[b-jo672a83yp] {
font-size: 22px;
font-weight: 700;
color: #18181B;
margin: 0;
}
.close-btn[b-jo672a83yp] {
background: none;
border: none;
cursor: pointer;
padding: 0.5rem;
}
.close-btn:hover[b-jo672a83yp] {
opacity: 0.8;
}
.modal-body[b-jo672a83yp] {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.share-preview[b-jo672a83yp] {
background-color: #F8F9FF;
border-radius: 0.75rem;
padding: 1.5rem;
}
.share-preview h3[b-jo672a83yp] {
font-size: 16px;
font-weight: 600;
color: #18181B;
margin: 0 0 1rem 0;
}
.preview-text[b-jo672a83yp] {
font-size: 14px;
line-height: 1.5;
color: #4B5563;
white-space: pre-wrap;
}
.email-subject[b-jo672a83yp] {
font-weight: 600;
margin-bottom: 0.5rem;
}
.email-body[b-jo672a83yp] {
white-space: pre-wrap;
}
.share-button[b-jo672a83yp] {
display: flex;
align-items: center;
justify-content: center;
gap: 1rem;
padding: 1rem;
border: none;
border-radius: 0.5rem;
cursor: pointer;
font-size: 16px;
font-weight: 500;
transition: opacity 0.2s ease;
width: 100%;
}
.share-button:hover[b-jo672a83yp] {
opacity: 0.9;
}
.share-button img[b-jo672a83yp] {
width: 24px;
height: 24px;
}
.share-button span[b-jo672a83yp] {
color: #FFFFFF;
}
.linkedin[b-jo672a83yp] {
background-color: #0077B5;
}
.facebook[b-jo672a83yp] {
background-color: #1877F2;
}
.twitter[b-jo672a83yp] {
background-color: #1DA1F2;
}
.email[b-jo672a83yp] {
background-color: #EA4335;
}
@media screen and (max-width: 768px) {
.share-results-modal[b-jo672a83yp] {
max-width: 90%;
top: 10%;
padding: 1.5rem;
}
}
@media screen and (max-width: 480px) {
.share-results-modal[b-jo672a83yp] {
max-width: 95%;
top: 5%;
padding: 1rem;
}
.modal-header h2[b-jo672a83yp] {
font-size: 20px;
}
.share-preview[b-jo672a83yp] {
padding: 1rem;
}
.share-preview h3[b-jo672a83yp] {
font-size: 14px;
}
.preview-text[b-jo672a83yp] {
font-size: 13px;
}
.share-button[b-jo672a83yp] {
font-size: 14px;
padding: 0.75rem;
}
.share-button img[b-jo672a83yp] {
width: 20px;
height: 20px;
}
}
@keyframes slideUp-b-jo672a83yp {
from {
transform: translateY(100%);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
.copy-feedback[b-jo672a83yp] {
background-color: #4CAF50;
color: white;
padding: 8px 16px;
border-radius: 4px;
text-align: center;
margin-bottom: 16px;
animation: fadeOut-b-jo672a83yp 2s forwards;
}
@keyframes fadeOut-b-jo672a83yp {
0% { opacity: 1; }
70% { opacity: 1; }
100% { opacity: 0; }
}
/* _content/Lumiboard.Client.Shared/Components/Onboarding/Forms/InformationForm.razor.rz.scp.css */
.onboarding-form[b-dbaj2ap2a5] {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 16px;
}
.onboarding-form-body[b-dbaj2ap2a5] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
gap: 16px;
}
.chat-message[b-dbaj2ap2a5] {
display: flex;
justify-content: center;
align-items: center;
padding: 15px;
width: 100%;
max-height: 500px;
overflow-y: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.chat-message p[b-dbaj2ap2a5] {
font-size: 16px;
font-weight: 400;
color: #21262C;
max-height: 500px;
}
.form-buttons[b-dbaj2ap2a5] {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 8px;
width: 100%;
}
.select-button[b-dbaj2ap2a5] {
width: 100%;
height: 43px;
border: none;
border-radius: 99px;
background-color: #161616;
color: #fff;
font-size: 14px;
font-weight: 600;
cursor: pointer;
}
.later-button[b-dbaj2ap2a5] {
width: 100%;
height: 43px;
border: 1px solid #161616;
border-radius: 99px;
background-color: #fff;
color: #161616;
font-size: 14px;
font-weight: 600;
cursor: pointer;
}
/* _content/Lumiboard.Client.Shared/Components/Onboarding/Forms/InputForm.razor.rz.scp.css */
.onboarding-form[b-vp9tyye7mx] {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 16px;
}
.onboarding-form-header[b-vp9tyye7mx] {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.onboarding-form-header h1[b-vp9tyye7mx] {
font-size: 20px;
font-weight: 600;
color: #21262C;
}
.close-button[b-vp9tyye7mx] {
width: 22px;
height: 22px;
cursor: pointer;
background-color: rgba(104, 104, 104, 0.19);
border: none;
border-radius: 50%;
}
.onboarding-form-body[b-vp9tyye7mx] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
gap: 16px;
}
.chat-message[b-vp9tyye7mx] {
display: flex;
justify-content: center;
align-items: center;
padding: 15px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
border-bottom-right-radius: 16px;
border-bottom-left-radius: 4px;
background: linear-gradient(to right, #EFE4FF, #D8DAFF);
position: relative;
max-width: 80%;
}
.chat-message[b-vp9tyye7mx]::before {
content: '';
position: absolute;
top: 96%;
left: -13%;
width: 26px;
height: 26px;
background-image: url('/svgs/chat-icon.svg');
background-size: cover;
border-radius: 50%;
}
.chat-message p[b-vp9tyye7mx] {
font-size: 16px;
font-weight: 400;
color: #21262C;
}
.input-form[b-vp9tyye7mx] {
width: 100%;
border: 1px solid #E1E1E1;
border-radius: 18px;
padding: 15px;
font-size: 17px;
color: #21262C;
margin-top: 40px;
}
.input-form textarea[b-vp9tyye7mx] {
width: 100%;
border: none;
outline: none;
resize: none;
}
.input-form textarea:focus[b-vp9tyye7mx] {
border: none;
outline: none;
}
.select-button[b-vp9tyye7mx] {
width: 100%;
height: 43px;
border-radius: 12px;
background-color: #A45AD6;
color: #FFFFFF;
font-size: 16px;
font-weight: 600;
}
.selected[b-vp9tyye7mx] {
background-color: #27272B;
color: #FFFFFF!important;
}
/* _content/Lumiboard.Client.Shared/Components/Onboarding/Forms/IntegrationForm.razor.rz.scp.css */
.onboarding-form[b-1ovg5h883k] {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 16px;
}
.onboarding-form-header[b-1ovg5h883k] {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.onboarding-form-header h1[b-1ovg5h883k] {
font-size: 20px;
font-weight: 600;
color: #21262C;
}
.close-button[b-1ovg5h883k] {
width: 22px;
height: 22px;
cursor: pointer;
background-color: rgba(104, 104, 104, 0.19);
border: none;
border-radius: 50%;
}
.onboarding-form-body[b-1ovg5h883k] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
gap: 16px;
}
.chat-message[b-1ovg5h883k] {
display: flex;
justify-content: center;
align-items: center;
padding: 15px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
border-bottom-right-radius: 16px;
border-bottom-left-radius: 4px;
background: linear-gradient(to right, #EFE4FF, #D8DAFF);
position: relative;
max-width: 80%;
}
.chat-message[b-1ovg5h883k]::before {
content: '';
position: absolute;
top: 96%;
left: -13%;
width: 26px;
height: 26px;
background-image: url('/svgs/chat-icon.svg');
background-size: cover;
border-radius: 50%;
}
.chat-message p[b-1ovg5h883k] {
font-size: 16px;
font-weight: 400;
color: #21262C;
}
.integration-button[b-1ovg5h883k] {
width: 90%;
height: 48px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
gap: 8px;
border: 1px solid #27272B;
border-radius: 99px;
margin-top: 40px;
}
.later-button[b-1ovg5h883k] {
width: 90%;
height: 48px;
display: flex;
justify-content: center;
align-items: center;
background-color: #E8E8E8;
border-radius: 99px;
}
/* _content/Lumiboard.Client.Shared/Components/Onboarding/Forms/MultiChoiceForm.razor.rz.scp.css */
.onboarding-form[b-qmpj0po9ks] {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 16px;
}
.onboarding-form-header[b-qmpj0po9ks] {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.onboarding-form-header h1[b-qmpj0po9ks] {
font-size: 20px;
font-weight: 600;
color: #21262C;
}
.close-button[b-qmpj0po9ks] {
width: 22px;
height: 22px;
cursor: pointer;
background-color: rgba(104, 104, 104, 0.19);
border: none;
border-radius: 50%;
}
.onboarding-form-body[b-qmpj0po9ks] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
gap: 16px;
}
.chat-message[b-qmpj0po9ks] {
display: flex;
justify-content: center;
align-items: center;
padding: 15px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
border-bottom-right-radius: 16px;
border-bottom-left-radius: 4px;
background: linear-gradient(to right, #EFE4FF, #D8DAFF);
position: relative;
max-width: 80%;
}
.chat-message[b-qmpj0po9ks]::before {
content: '';
position: absolute;
top: 96%;
left: -13%;
width: 26px;
height: 26px;
background-image: url('/svgs/chat-icon.svg');
background-size: cover;
border-radius: 50%;
}
.chat-message p[b-qmpj0po9ks] {
font-size: 16px;
font-weight: 400;
color: #21262C;
}
.call-to-actions[b-qmpj0po9ks] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 13px;
width: 100%;
margin-top: 40px;
}
.call-to-actions button[b-qmpj0po9ks] {
width: 90%;
height: 48px;
border: 1px solid #27272B;
border-radius: 99px;
font-size: 17px;
font-weight: 500;
color: #000000;
cursor: pointer;
}
.select-button[b-qmpj0po9ks] {
width: 100%;
height: 43px;
border-radius: 12px;
background-color: #A45AD6;
color: #FFFFFF;
font-size: 16px;
font-weight: 600;
}
.selected[b-qmpj0po9ks] {
background-color: #27272B;
color: #FFFFFF!important;
}
/* _content/Lumiboard.Client.Shared/Components/Onboarding/Forms/QnAForm.razor.rz.scp.css */
.onboarding-form[b-s9f0qi7bnm] {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 16px;
}
.onboarding-form-header[b-s9f0qi7bnm] {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.onboarding-form-header h1[b-s9f0qi7bnm] {
font-size: 20px;
font-weight: 600;
color: #21262C;
}
.close-button[b-s9f0qi7bnm] {
width: 22px;
height: 22px;
cursor: pointer;
background-color: rgba(104, 104, 104, 0.19);
border: none;
border-radius: 50%;
}
.onboarding-form-body[b-s9f0qi7bnm] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
gap: 16px;
}
.chat-message[b-s9f0qi7bnm] {
display: flex;
justify-content: center;
align-items: center;
padding: 15px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
border-bottom-right-radius: 16px;
border-bottom-left-radius: 4px;
background: linear-gradient(to right, #EFE4FF, #D8DAFF);
position: relative;
max-width: 80%;
}
.chat-message[b-s9f0qi7bnm]::before {
content: '';
position: absolute;
top: 96%;
left: -13%;
width: 26px;
height: 26px;
background-image: url('/svgs/chat-icon.svg');
background-size: cover;
border-radius: 50%;
}
.chat-message p[b-s9f0qi7bnm] {
font-size: 16px;
font-weight: 400;
color: #21262C;
}
.call-to-actions[b-s9f0qi7bnm] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 13px;
width: 100%;
margin-top: 40px;
}
.call-to-actions button[b-s9f0qi7bnm] {
width: 100%;
height: 43px;
border-radius: 99px;
color: #343434;
font-size: 16px;
font-weight: 600;
border: 1px solid #7E7E7E;
}
.active[b-s9f0qi7bnm] {
background-color: #A45AD6;
color: #fff!important;
border: none;
}
.navigation-buttons[b-s9f0qi7bnm] {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 8px;
width: 100%;
}
.back-button[b-s9f0qi7bnm] {
width: 40%;
height: 43px;
border-radius: 99px;
color: #343434;
font-size: 16px;
font-weight: 600;
border: 1px solid #7E7E7E;
}
.next-button[b-s9f0qi7bnm] {
width: 100%;
height: 43px;
border-radius: 99px;
font-size: 16px;
font-weight: 600;
background-color: #A45AD6;
color: #fff;
border: none;
}
.progress-bar[b-s9f0qi7bnm] {
display: flex;
gap: 8px;
margin-bottom: 1rem;
}
.progress-step[b-s9f0qi7bnm] {
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #ccc;
}
.progress-step.active[b-s9f0qi7bnm] {
background-color: #8a2be2;
}
.qanda-subform-container[b-s9f0qi7bnm] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
}
/* _content/Lumiboard.Client.Shared/Components/Onboarding/Forms/UniqueChoiceForm.razor.rz.scp.css */
.onboarding-form[b-67b45j70ak] {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 16px;
}
.onboarding-form-header[b-67b45j70ak] {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.onboarding-form-header h1[b-67b45j70ak] {
font-size: 20px;
font-weight: 600;
color: #21262C;
}
.close-button[b-67b45j70ak] {
width: 22px;
height: 22px;
cursor: pointer;
background-color: rgba(104, 104, 104, 0.19);
border: none;
border-radius: 50%;
}
.onboarding-form-body[b-67b45j70ak] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
}
.chat-message[b-67b45j70ak] {
display: flex;
justify-content: center;
align-items: center;
padding: 15px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
border-bottom-right-radius: 16px;
border-bottom-left-radius: 4px;
background: linear-gradient(to right, #EFE4FF, #D8DAFF);
position: relative;
max-width: 80%;
}
.chat-message[b-67b45j70ak]::before {
content: '';
position: absolute;
top: 96%;
left: -13%;
width: 26px;
height: 26px;
background-image: url('/svgs/chat-icon.svg');
background-size: cover;
border-radius: 50%;
}
.chat-message p[b-67b45j70ak] {
font-size: 16px;
font-weight: 400;
color: #21262C;
}
.call-to-actions[b-67b45j70ak] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 13px;
width: 100%;
margin-top: 40px;
}
.call-to-actions button[b-67b45j70ak] {
width: 90%;
height: 48px;
border: 1px solid #27272B;
border-radius: 99px;
font-size: 17px;
font-weight: 500;
color: #000000;
cursor: pointer;
}
.selected[b-67b45j70ak] {
background-color: #27272B;
color: #FFFFFF!important;
}
/* _content/Lumiboard.Client.Shared/Components/Onboarding/OnboardingForm.razor.rz.scp.css */
.onboarding-modal[b-b3kp3elzji] {
position: fixed;
bottom: 5%;
left: 5%;
right: 5%;
width: 90%;
background-color: #fff;
border-radius: 16px;
border: 2px dashed #242424;
padding: 20px;
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.2);
z-index: 1300;
animation: slideUp 0.3s ease-in-out;
max-height: 90%;
overflow-y: auto;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 16px;
}
.onboarding-form-header[b-b3kp3elzji] {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.onboarding-form-header h1[b-b3kp3elzji] {
font-size: 20px;
font-weight: 600;
color: #21262C;
}
.close-button[b-b3kp3elzji] {
width: 22px;
height: 22px;
cursor: pointer;
background-color: rgba(104, 104, 104, 0.19);
border: none;
border-radius: 50%;
}
.onboarding-modal.desktop[b-b3kp3elzji] {
top: 50%;
left: 50%;
bottom: auto;
right: auto;
transform: translate(-50%, -50%);
width: 420px;
max-width: 90%;
max-height: 80%;
}
/* _content/Lumiboard.Client.Shared/Components/Routines/Options.razor.rz.scp.css */
ul[b-v6chk7a2ct] {
position: fixed;
bottom: 40%;
left: 25%;
background-color: #fff;
border-radius: 16px;
padding: 20px;
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.2);
z-index: 1300;
animation: slow-appear-b-v6chk7a2ct 0.3s ease-in-out;
height: 150px;
width: 200px;
overflow-y: auto;
scrollbar-width: none;
-ms-overflow-style: none;
display: flex;
flex-direction: column;
gap: 10px;
justify-content: flex-start;
align-items: center;
}
li[b-v6chk7a2ct] {
list-style-type: none;
display: flex;
flex-direction: row;
justify-content: start;
align-items: center;
width: 100%;
border-bottom: 1px solid #DEDEDE;
padding: 5px;
}
li:active[b-v6chk7a2ct] {
background-color: #cbc9c9;
}
@keyframes slow-appear-b-v6chk7a2ct {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
/* _content/Lumiboard.Client.Shared/Components/Routines/ParameterSelector.razor.rz.scp.css */
.parameter-selector[b-dtt41yh1pd] {
display: flex;
width: 100%;
flex-direction: row;
justify-content: space-between;
align-items: center;
border-radius: 6px;
padding: 10px 15px;
border: 1px solid #DEDEDE;
}
.parameter-selector span[b-dtt41yh1pd] {
font-size: 15px;
font-weight: 700;
color: #21262C;
}
.selected-value[b-dtt41yh1pd] {
display: flex;
flex-direction: row;
gap: 13px;
align-items: center;
}
.selected-value span[b-dtt41yh1pd] {
font-size: 15px;
font-weight: 500;
color: #21262C;
}
/* _content/Lumiboard.Client.Shared/Components/Routines/RoutineWorkflow.razor.rz.scp.css */
.workflow-container[b-oi04v3mdav] {
position: relative;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-evenly;
background-color: #F2F2F2;
padding: 9px;
border-radius: 10px;
width: 100%;
overflow: hidden;
}
.progress-bar[b-oi04v3mdav] {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
height: 100%;
width: 0%;
background-color: rgba(164, 90, 214, 0.32);
z-index: 0;
transition: width 0.3s ease-in-out;
border-radius: 10px;
}
.email-step[b-oi04v3mdav], .settings-step[b-oi04v3mdav], .publish-step[b-oi04v3mdav],
.workflow-container img[alt="arrow"][b-oi04v3mdav] {
position: relative;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
}
.checkmark[b-oi04v3mdav] {
position: absolute;
left: 110%;
bottom: 40%;
}
/* _content/Lumiboard.Client.Shared/Components/Scanning/ArchetypeSection.razor.rz.scp.css */
.archetype-section[b-8qn9dgynql] {
text-align: left;
padding: 2rem;
background-color: white;
border-radius: 12px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}
.archetype-content[b-8qn9dgynql] {
display: flex;
flex-direction: column;
gap: 2rem;
}
.archetype-info[b-8qn9dgynql] {
width: 100%;
}
.archetype-section h2[b-8qn9dgynql] {
font-size: 24px;
font-weight: 600;
color: #1A1A1A;
margin-bottom: 1rem;
}
.archetype-description[b-8qn9dgynql] {
font-size: 16px;
color: #666;
margin-bottom: 1.5rem;
line-height: 1.6;
}
.similarity-stat[b-8qn9dgynql] {
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 0.5rem 1rem;
background-color: #D2FF8A;
border-radius: 8px;
margin-bottom: 1.5rem;
}
.stat-icon[b-8qn9dgynql] {
font-size: 1.1rem;
}
.stat-text[b-8qn9dgynql] {
color: #313131;
font-weight: 500;
font-size: 14px;
}
.archetype-definition[b-8qn9dgynql] {
display: flex;
flex-direction: column;
gap: 1.5rem;
margin-top: 2rem;
}
.definition-item[b-8qn9dgynql] {
background: #F8F8F8;
padding: 1.25rem;
border-radius: 12px;
}
.definition-item h3[b-8qn9dgynql] {
font-size: 16px;
font-weight: 600;
color: #666;
margin-bottom: 0.5rem;
}
.definition-item p[b-8qn9dgynql] {
font-size: 18px;
font-weight: 500;
color: #1A1A1A;
line-height: 1.4;
}
.archetype-visualization[b-8qn9dgynql] {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
color: #666;
}
.archetype-visualization img[b-8qn9dgynql] {
width: 200px;
height: 200px;
object-fit: contain;
}
/* Compact mode (for example page) */
.archetype-section.compact[b-8qn9dgynql] {
padding: 2rem;
box-shadow: none;
}
.compact .archetype-content[b-8qn9dgynql] {
flex-direction: column !important;
}
.compact .archetype-info[b-8qn9dgynql] {
width: 100% !important;
}
.compact .archetype-visualization[b-8qn9dgynql] {
width: 100% !important;
max-width: 240px;
margin: 0 auto;
}
.compact .archetype-visualization img[b-8qn9dgynql] {
width: 100%;
height: auto;
max-width: 240px;
}
/* Tablet and larger screens */
@media (min-width: 768px) {
.archetype-section[b-8qn9dgynql] {
padding: 2rem;
}
.archetype-section h2[b-8qn9dgynql] {
font-size: 28px;
}
.archetype-description[b-8qn9dgynql] {
font-size: 17px;
}
.stat-text[b-8qn9dgynql] {
font-size: 16px;
}
.archetype-visualization img[b-8qn9dgynql] {
width: 240px;
height: 240px;
}
}
/* Desktop screens - only applies to non-compact mode */
@media (min-width: 1024px) {
.archetype-section:not(.compact) .archetype-content[b-8qn9dgynql] {
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
gap: 2rem;
}
.archetype-section:not(.compact) .archetype-info[b-8qn9dgynql] {
flex: 1;
}
.archetype-section:not(.compact) h2[b-8qn9dgynql] {
font-size: 30px;
}
.archetype-section:not(.compact) .archetype-description[b-8qn9dgynql] {
font-size: 18px;
}
.archetype-section:not(.compact) .archetype-visualization[b-8qn9dgynql] {
width: 45%;
}
.archetype-section:not(.compact) .archetype-visualization img[b-8qn9dgynql] {
width: 280px;
height: 280px;
}
}
/* _content/Lumiboard.Client.Shared/Components/Scanning/ChallangesSection.razor.rz.scp.css */
.challenges-section[b-pd1nprstcg] {
padding: 2rem;
background-color: white;
border-radius: 12px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
margin-bottom: 2rem;
}
.challenges-section h2[b-pd1nprstcg] {
font-size: 24px;
font-weight: 600;
color: #1A1A1A;
margin-bottom: 2rem;
text-align: center;
}
.challenges-grid[b-pd1nprstcg] {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 1.5rem;
margin-top: 1.5rem;
}
.challenge-card[b-pd1nprstcg] {
background-color: #F8F9FF;
border: 1px solid #E5E7EB;
border-radius: 12px;
padding: 1.5rem;
display: flex;
flex-direction: column;
height: 100%;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.challenge-card:hover[b-pd1nprstcg] {
transform: translateY(-2px);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}
.challenge-header[b-pd1nprstcg] {
display: flex;
align-items: flex-start;
gap: 0.75rem;
margin-bottom: 1rem;
}
.challenge-emoji[b-pd1nprstcg] {
font-size: 24px;
line-height: 1;
flex-shrink: 0;
}
.challenge-header h3[b-pd1nprstcg] {
font-size: 18px;
font-weight: 600;
color: #1A1A1A;
margin: 0;
line-height: 1.3;
}
.challenge-description[b-pd1nprstcg] {
font-size: 16px;
color: #666;
line-height: 1.5;
margin-bottom: 1.5rem;
flex-grow: 1;
}
.challenge-footer[b-pd1nprstcg] {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
margin-top: auto;
}
.time-saved[b-pd1nprstcg] {
font-size: 14px;
color: #10B981;
font-weight: 600;
background-color: #D1FAE5;
padding: 0.375rem 0.75rem;
border-radius: 6px;
white-space: nowrap;
}
.accept-challenge-btn[b-pd1nprstcg] {
padding: 0.75rem 1.5rem;
font-size: 14px;
font-weight: 500;
color: #3258FF;
background-color: transparent;
border: 2px solid #3258FF;
border-radius: 8px;
cursor: pointer;
transition: all 0.3s ease;
white-space: nowrap;
}
.accept-challenge-btn:hover:not(:disabled)[b-pd1nprstcg] {
background-color: #3258FF;
color: white;
}
.accept-challenge-btn:active:not(:disabled)[b-pd1nprstcg] {
transform: translateY(1px);
}
.accept-challenge-btn.accepted[b-pd1nprstcg] {
background-color: #E8F5E9;
color: #2E7D32;
border-color: #2E7D32;
cursor: default;
}
.accept-challenge-btn:disabled[b-pd1nprstcg] {
opacity: 1;
}
.no-challenges[b-pd1nprstcg] {
text-align: center;
padding: 3rem 1rem;
}
.no-challenges p[b-pd1nprstcg] {
font-size: 16px;
color: #666;
margin: 0;
}
/* Responsive adjustments */
@media (max-width: 768px) {
.challenges-section[b-pd1nprstcg] {
padding: 1.5rem;
}
.challenges-grid[b-pd1nprstcg] {
grid-template-columns: 1fr;
gap: 1rem;
}
.challenge-card[b-pd1nprstcg] {
padding: 1.25rem;
}
.challenge-footer[b-pd1nprstcg] {
flex-direction: column;
align-items: stretch;
gap: 0.75rem;
}
.accept-challenge-btn[b-pd1nprstcg] {
width: 100%;
text-align: center;
}
}
/* _content/Lumiboard.Client.Shared/Components/Scanning/FeedbackSharingSection.razor.rz.scp.css */
.feedback-sharing-section[b-digat61wg1] {
padding: 2rem;
background-color: white;
border-radius: 12px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
margin-bottom: 2rem;
text-align: center;
position: relative;
}
.feedback-section[b-digat61wg1] {
margin-bottom: 2rem;
}
.feedback-section h3[b-digat61wg1] {
font-size: 16px;
font-weight: 500;
color: #1A1A1A;
margin-bottom: 1.5rem;
}
.feedback-emojis[b-digat61wg1] {
display: flex;
justify-content: center;
gap: 1.5rem;
margin-bottom: 2rem;
}
.emoji-button[b-digat61wg1] {
background: none;
border: none;
font-size: 2rem;
cursor: pointer;
padding: 0.5rem;
border-radius: 50%;
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s ease;
position: relative;
}
.emoji-button:hover[b-digat61wg1] {
transform: scale(1.1);
background-color: #F3F4F6;
}
.emoji-button:active[b-digat61wg1] {
transform: scale(0.95);
}
.emoji-button.selected[b-digat61wg1] {
background-color: #E8F5E9;
transform: scale(1.1);
}
.emoji-button.selected[b-digat61wg1]::after {
content: '';
position: absolute;
top: -4px;
right: -4px;
bottom: -4px;
left: -4px;
border: 2px solid #4CAF50;
border-radius: 50%;
animation: pulse-b-digat61wg1 1.5s infinite;
}
.feedback-message[b-digat61wg1] {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 120px;
padding: 8px 16px;
border-radius: 4px;
font-size: 14px;
font-weight: 500;
animation: fadeInOut-b-digat61wg1 3s forwards;
white-space: nowrap;
z-index: 10;
}
.feedback-message.success[b-digat61wg1] {
background-color: #E8F5E9;
color: #2E7D32;
}
.feedback-message.error[b-digat61wg1] {
background-color: #FFEBEE;
color: #C62828;
}
.sharing-section h3[b-digat61wg1] {
font-size: 16px;
font-weight: 500;
color: #1A1A1A;
margin-bottom: 1.5rem;
}
.social-buttons[b-digat61wg1] {
display: flex;
justify-content: center;
gap: 1rem;
}
.social-button[b-digat61wg1] {
width: 46px;
height: 46px;
border-radius: 50%;
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: transform 0.2s ease, opacity 0.2s ease;
color: white;
}
.social-button:hover[b-digat61wg1] {
transform: translateY(-2px);
opacity: 0.9;
}
.social-button:active[b-digat61wg1] {
transform: translateY(0);
}
.social-button img[b-digat61wg1] {
width: 42px;
height: 42px;
}
.social-button.copy img[b-digat61wg1] {
width: 40px;
height: 40px;
}
@keyframes pulse-b-digat61wg1 {
0% {
transform: scale(1);
opacity: 1;
}
50% {
transform: scale(1.1);
opacity: 0.5;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes fadeInOut-b-digat61wg1 {
0% {
opacity: 0;
transform: translate(-50%, 10px);
}
10% {
opacity: 1;
transform: translate(-50%, 0);
}
90% {
opacity: 1;
transform: translate(-50%, 0);
}
100% {
opacity: 0;
transform: translate(-50%, -10px);
}
}
/* Responsive adjustments */
@media (max-width: 768px) {
.feedback-sharing-section[b-digat61wg1] {
padding: 1.5rem;
}
.feedback-emojis[b-digat61wg1] {
gap: 1rem;
}
.emoji-button[b-digat61wg1] {
width: 50px;
height: 50px;
font-size: 1.5rem;
}
.social-buttons[b-digat61wg1] {
gap: 0.75rem;
}
.social-button[b-digat61wg1] {
width: 44px;
height: 44px;
}
.social-button svg[b-digat61wg1] {
width: 18px;
height: 18px;
}
}
@media (max-width: 480px) {
.feedback-emojis[b-digat61wg1] {
flex-wrap: wrap;
justify-content: center;
}
.social-buttons[b-digat61wg1] {
flex-wrap: wrap;
justify-content: center;
margin: 0 auto;
}
.social-button img[b-digat61wg1] {
width: 35px;
height: 35px;
}
.social-button.copy img[b-digat61wg1] {
width: 33px;
height: 33px;
}
}
/* _content/Lumiboard.Client.Shared/Components/Scanning/InsightsSection.razor.rz.scp.css */
.insights-section[b-9cyq4rcwop] {
padding: 1rem;
background: white;
border-radius: 12px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
margin-bottom: 1.5rem;
}
.insights-section h2[b-9cyq4rcwop] {
font-size: 20px;
font-weight: 600;
color: #1A1A1A;
margin-bottom: 1.5rem;
text-align: center;
}
.insights-cards[b-9cyq4rcwop] {
display: grid;
grid-template-columns: 1fr;
gap: 1rem;
margin-bottom: 2rem;
}
.insight-card[b-9cyq4rcwop] {
background: #637EF5;
border-radius: 12px;
padding: 1rem;
color: white;
display: flex;
flex-direction: column;
gap: 0.75rem;
}
.insight-card-header[b-9cyq4rcwop] {
display: flex;
align-items: center;
margin-bottom: 0.25rem;
}
.insight-card-header img[b-9cyq4rcwop] {
width: 20px;
height: 20px;
}
.insight-card-content[b-9cyq4rcwop] {
display: flex;
flex-direction: column;
gap: 0.75rem;
}
.insight-card-content .fact[b-9cyq4rcwop] {
font-size: 14px;
font-weight: 500;
line-height: 1.4;
}
.insight-card-content .recommendation[b-9cyq4rcwop] {
font-size: 13px;
opacity: 0.9;
line-height: 1.3;
}
.insights-summary[b-9cyq4rcwop] {
display: grid;
grid-template-columns: 1fr;
gap: 1.5rem;
}
.insights-summary h3[b-9cyq4rcwop] {
font-size: 16px;
font-weight: 600;
color: #1A1A1A;
text-align: center;
margin-bottom: 1rem;
}
.tags-placeholder[b-9cyq4rcwop] {
min-height: 80px;
padding: 0.75rem;
display: grid;
grid-template-columns: 1fr;
gap: 8px;
}
.signal[b-9cyq4rcwop] {
display: flex;
justify-content: center;
align-items: center;
padding: 6px;
gap: 8px;
font-size: 14px;
font-weight: 600;
border-radius: 60px;
margin: 5px;
}
/* Tablet Breakpoint */
@media (min-width: 768px) {
.insights-section[b-9cyq4rcwop] {
padding: 1.5rem;
margin-bottom: 2rem;
}
.insights-section h2[b-9cyq4rcwop] {
font-size: 22px;
margin-bottom: 2rem;
}
.insights-cards[b-9cyq4rcwop] {
grid-template-columns: repeat(2, 1fr);
gap: 1.25rem;
margin-bottom: 2.5rem;
}
.insight-card[b-9cyq4rcwop] {
padding: 1.25rem;
}
.insight-card-content .fact[b-9cyq4rcwop] {
font-size: 15px;
}
.insight-card-content .recommendation[b-9cyq4rcwop] {
font-size: 14px;
}
.insights-summary[b-9cyq4rcwop] {
grid-template-columns: 1fr 1fr;
gap: 2rem;
}
.tags-placeholder[b-9cyq4rcwop] {
grid-template-columns: 1fr 1fr;
min-height: 90px;
padding: 1rem;
}
.signal[b-9cyq4rcwop] {
font-size: 15px;
}
}
/* Desktop Breakpoint */
@media (min-width: 1024px) {
.insights-section[b-9cyq4rcwop] {
padding: 2rem;
}
.insights-section h2[b-9cyq4rcwop] {
font-size: 24px;
}
.insights-cards[b-9cyq4rcwop] {
grid-template-columns: repeat(3, 1fr);
gap: 1.5rem;
margin-bottom: 3rem;
}
.insight-card[b-9cyq4rcwop] {
padding: 1.5rem;
gap: 1rem;
}
.insight-card-header img[b-9cyq4rcwop] {
width: 24px;
height: 24px;
}
.insight-card-content .fact[b-9cyq4rcwop] {
font-size: 16px;
line-height: 1.5;
}
.insight-card-content .recommendation[b-9cyq4rcwop] {
font-size: 14px;
line-height: 1.4;
}
.insights-summary h3[b-9cyq4rcwop] {
font-size: 18px;
}
.tags-placeholder[b-9cyq4rcwop] {
min-height: 100px;
}
.signal[b-9cyq4rcwop] {
font-size: 16px;
padding: 6px 12px;
}
}
.positive[b-9cyq4rcwop] {
color: #2A600C;
background: #E4F3DC;
}
.negative[b-9cyq4rcwop] {
background: #FFDEB3;
color: #422407;
}
/* _content/Lumiboard.Client.Shared/Components/Scanning/KpiSection.razor.rz.scp.css */
.kpi-section[b-eiq22a716a] {
background: white;
border-radius: 12px;
padding: 2rem 6rem 2rem 6rem;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
margin-bottom: 2rem;
display: flex;
flex-direction: column;
align-items: center;
}
.kpi-section h2[b-eiq22a716a] {
font-size: 24px;
font-weight: 600;
color: #18181B;
margin-bottom: 2rem;
text-align: center;
}
.kpi-inner-container[b-eiq22a716a] {
background: #F8F8F8;
border-radius: 12px;
width: 100%;
max-width: 1200px;
}
.kpi-content[b-eiq22a716a] {
display: flex;
min-height: 400px;
}
.kpi-metrics[b-eiq22a716a] {
display: flex;
flex-direction: column;
background: white;
width: 60%;
}
.kpi-metric[b-eiq22a716a] {
display: flex;
flex-direction: column;
gap: 0.75rem;
position: relative;
padding: 2rem;
border-radius: 10px 0 0 10px;
cursor: pointer;
transition: background-color 0.3s ease;
flex: 1;
}
.kpi-metric:hover[b-eiq22a716a] {
background-color: #F8F8F8;
}
.kpi-metric.selected[b-eiq22a716a] {
background-color: #F8F8F8;
}
.kpi-metric-header[b-eiq22a716a] {
display: flex;
align-items: center;
}
.kpi-metric-title[b-eiq22a716a] {
font-size: 18px;
font-weight: 700;
color: #18181B;
margin-bottom: 16px;
}
.kpi-metric-bar[b-eiq22a716a] {
height: 8px;
background-color: #E6E6E6;
border-radius: 4px;
position: relative;
overflow: visible;
}
.kpi-metric-progress[b-eiq22a716a] {
position: absolute;
height: 100%;
border-radius: 4px;
width: var(--progress);
transition: width 0.3s ease;
}
.kpi-metric-point[b-eiq22a716a] {
position: absolute;
right: 0;
top: 50%;
transform: translate(50%, -50%);
width: 16px;
height: 16px;
border-radius: 50%;
background-color: inherit;
}
.kpi-metric-value[b-eiq22a716a] {
position: absolute;
top: -24px;
left: 50%;
transform: translateX(-50%);
font-size: 16px;
font-weight: 500;
white-space: nowrap;
}
/* Organization */
.kpi-metric-progress.organization[b-eiq22a716a] {
background-color: #24AB9C;
}
.kpi-metric-progress.organization .kpi-metric-value[b-eiq22a716a] {
color: #24AB9C;
}
/* Overload */
.kpi-metric-progress.overload[b-eiq22a716a] {
background-color: #D7AA2E;
}
.kpi-metric-progress.overload .kpi-metric-value[b-eiq22a716a] {
color: #D7AA2E;
}
/* Mental clarity */
.kpi-metric-progress.mental-clarity[b-eiq22a716a] {
background-color: #2EAFD7;
}
.kpi-metric-progress.mental-clarity .kpi-metric-value[b-eiq22a716a] {
color: #2EAFD7;
}
/* Mood */
.kpi-metric-progress.mood[b-eiq22a716a] {
background-color: #C44FE7;
}
.kpi-metric-progress.mood .kpi-metric-value[b-eiq22a716a] {
color: #C44FE7;
}
.kpi-metric-labels[b-eiq22a716a] {
display: flex;
justify-content: space-between;
font-size: 14px;
color: #5F5F5F;
}
.kpi-insights[b-eiq22a716a] {
padding: 2rem;
width: 40%;
background: #F8F8F8;
display: flex;
flex-direction: column;
gap: 1rem;
border-radius: 0 10px 10px 0;
}
.kpi-insight-title[b-eiq22a716a] {
font-size: 18px;
font-weight: 700;
color: #18181B;
margin-bottom: 1rem;
}
.kpi-insight-value[b-eiq22a716a] {
font-size: 18px;
font-weight: 700;
margin-bottom: 1rem;
}
.kpi-insight-value.organization-color[b-eiq22a716a] {
color: #24AB9C;
}
.kpi-insight-value.overload-color[b-eiq22a716a] {
color: #D7AA2E;
}
.kpi-insight-value.mental-clarity-color[b-eiq22a716a] {
color: #2EAFD7;
}
.kpi-insight-value.mood-color[b-eiq22a716a] {
color: #C44FE7;
}
.kpi-insight-illustration[b-eiq22a716a] {
height: 300px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 1rem;
}
.kpi-insight-illustration img[b-eiq22a716a] {
height: 240px;
width: 240px;
object-fit: contain;
}
.kpi-insight-text[b-eiq22a716a] {
font-size: 16px;
font-weight: 500;
color: #18181B;
line-height: 1.5;
text-align: center;
}
/* Tablet Styles */
@media (max-width: 1024px) {
.kpi-inner-container[b-eiq22a716a] {
width: 90%;
}
.kpi-metric[b-eiq22a716a] {
padding: 1.5rem;
}
.kpi-insights[b-eiq22a716a] {
padding: 1.5rem;
}
.kpi-insight-illustration[b-eiq22a716a] {
height: 250px;
}
.kpi-insight-illustration img[b-eiq22a716a] {
height: 200px;
width: 200px;
}
}
/* Mobile Styles */
@media (max-width: 768px) {
.kpi-section[b-eiq22a716a] {
padding: 1rem;
}
.kpi-section h2[b-eiq22a716a] {
font-size: 20px;
margin-bottom: 1.5rem;
}
.kpi-inner-container[b-eiq22a716a] {
width: 100%;
background: transparent;
}
.kpi-content[b-eiq22a716a] {
flex-direction: column;
min-height: auto;
}
/* Mobile: Stack metrics vertically */
.kpi-metrics[b-eiq22a716a] {
width: 100%;
background: transparent;
gap: 1rem;
display: flex;
flex-direction: column;
}
.kpi-metric[b-eiq22a716a] {
background: white;
border-radius: 12px;
padding: 1.5rem;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
border: 2px solid transparent;
transition: all 0.3s ease;
}
.kpi-metric:hover[b-eiq22a716a],
.kpi-metric.selected[b-eiq22a716a] {
background-color: white;
border-color: var(--metric-color);
}
.kpi-metric.selected.organization[b-eiq22a716a] {
border-color: #24AB9C;
}
.kpi-metric.selected.overload[b-eiq22a716a] {
border-color: #D7AA2E;
}
.kpi-metric.selected.mental-clarity[b-eiq22a716a] {
border-color: #2EAFD7;
}
.kpi-metric.selected.mood[b-eiq22a716a] {
border-color: #C44FE7;
}
.kpi-metric-title[b-eiq22a716a] {
font-size: 16px;
margin-bottom: 12px;
}
.kpi-metric-bar[b-eiq22a716a] {
height: 6px;
margin-bottom: 8px;
}
.kpi-metric-point[b-eiq22a716a] {
width: 14px;
height: 14px;
}
.kpi-metric-value[b-eiq22a716a] {
font-size: 14px;
top: -20px;
}
.kpi-metric-labels[b-eiq22a716a] {
font-size: 12px;
}
/* Mobile: Insights section */
.kpi-insights[b-eiq22a716a] {
width: 100%;
background: white;
border-radius: 12px;
padding: 1.5rem;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
text-align: center;
transition: all 0.3s ease;
margin-top: 1rem;
}
.kpi-insight-title[b-eiq22a716a] {
font-size: 16px;
margin-bottom: 0.5rem;
}
.kpi-insight-value[b-eiq22a716a] {
font-size: 16px;
margin-bottom: 1rem;
}
.kpi-insight-illustration[b-eiq22a716a] {
height: 200px;
margin-bottom: 1rem;
}
.kpi-insight-illustration img[b-eiq22a716a] {
height: 150px;
width: 150px;
}
.kpi-insight-text[b-eiq22a716a] {
font-size: 14px;
line-height: 1.4;
}
}
/* Small Mobile Styles */
@media (max-width: 480px) {
.kpi-section[b-eiq22a716a] {
padding: 0.75rem;
}
.kpi-metric[b-eiq22a716a] {
padding: 1rem;
}
.kpi-insights[b-eiq22a716a] {
padding: 1rem;
}
.kpi-insight-illustration[b-eiq22a716a] {
height: 150px;
}
.kpi-insight-illustration img[b-eiq22a716a] {
height: 120px;
width: 120px;
}
.kpi-metric-title[b-eiq22a716a] {
font-size: 15px;
}
.kpi-insight-title[b-eiq22a716a] {
font-size: 15px;
}
.kpi-insight-value[b-eiq22a716a] {
font-size: 15px;
}
.kpi-insight-text[b-eiq22a716a] {
font-size: 13px;
}
}
/* Compact mode styles */
.kpi-section.compact[b-eiq22a716a] {
box-shadow: none;
padding: 2rem;
margin: 0;
}
.compact .kpi-inner-container[b-eiq22a716a] {
width: 100%;
}
.compact .kpi-insight-illustration[b-eiq22a716a] {
height: 200px;
}
.compact .kpi-insight-illustration img[b-eiq22a716a] {
height: 200px;
width: 200px;
}
/* _content/Lumiboard.Client.Shared/Components/Scanning/RelationshipsSection.razor.rz.scp.css */
.relationships-card[b-50kznn0eee] {
background: white;
border-radius: 12px;
padding: 32px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
height: auto;
min-height: 400px;
width: 100%;
box-sizing: border-box;
overflow: visible;
}
.relationships-content[b-50kznn0eee] {
display: flex;
height: 100%;
gap: 40px;
overflow: visible;
}
.network-section[b-50kznn0eee] {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
overflow: visible;
}
.network-container[b-50kznn0eee] {
position: relative;
width: 300px;
height: 300px;
overflow: visible;
margin: 0 auto;
}
.insights-section[b-50kznn0eee] {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
}
.insights-section h3[b-50kznn0eee] {
font-size: 24px;
font-weight: 700;
color: #1f2937;
margin: 0 0 8px 0;
}
.subtitle[b-50kznn0eee] {
font-size: 16px;
font-weight: 500;
color: #18181B;
margin: 0 0 32px 0;
}
.insights[b-50kznn0eee] {
display: flex;
flex-direction: column;
gap: 16px;
}
.insights p[b-50kznn0eee] {
font-size: 16px;
color: #374151;
margin: 0;
line-height: 1.5;
}
/* Mobile Styles */
@media (max-width: 768px) {
.relationships-card[b-50kznn0eee] {
height: auto;
min-height: 500px;
padding: 20px;
width: 100%;
box-sizing: border-box;
margin: 0;
}
.relationships-content[b-50kznn0eee] {
flex-direction: column;
gap: 24px;
width: 100%;
overflow: visible;
}
.insights-section[b-50kznn0eee] {
justify-content: flex-start;
width: 100%;
flex: none;
padding: 0;
}
.network-section[b-50kznn0eee] {
width: 100%;
flex: none;
overflow: visible;
}
.network-container[b-50kznn0eee] {
width: 280px;
height: 280px;
margin: 0 auto;
}
.insights-section h3[b-50kznn0eee] {
font-size: 20px;
}
.subtitle[b-50kznn0eee] {
font-size: 14px;
margin: 0 0 20px 0;
}
.insights p[b-50kznn0eee] {
font-size: 14px;
}
.insights[b-50kznn0eee] {
gap: 12px;
}
}
@media (max-width: 480px) {
.relationships-card[b-50kznn0eee] {
padding: 16px;
margin: 0;
width: 100%;
box-sizing: border-box;
overflow: visible;
}
.relationships-content[b-50kznn0eee] {
gap: 20px;
width: 100%;
overflow: visible;
}
.insights-section[b-50kznn0eee] {
width: 100%;
flex: none;
}
.network-section[b-50kznn0eee] {
width: 100%;
flex: none;
overflow: visible;
}
.network-container[b-50kznn0eee] {
width: 250px;
height: 250px;
margin: 0 auto;
}
.node[b-50kznn0eee] {
min-width: 100px;
max-width: 130px;
padding: 6px 8px;
font-size: 10px;
}
.node-emoji[b-50kznn0eee] {
font-size: 12px;
}
.node-role[b-50kznn0eee] {
font-size: 9px;
}
.center-node[b-50kznn0eee] {
width: 25px;
height: 25px;
border-width: 2px;
}
.connection-line[b-50kznn0eee] {
stroke-width: 1.5;
}
.insights-section h3[b-50kznn0eee] {
font-size: 18px;
}
.subtitle[b-50kznn0eee] {
font-size: 13px;
}
.insights p[b-50kznn0eee] {
font-size: 13px;
}
}
.svg-container[b-50kznn0eee] {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
overflow: visible;
z-index: 1; /* Below nodes but above background */
}
.center-node[b-50kznn0eee] {
position: absolute;
width: 40px;
height: 40px;
background: white;
border: 3px solid #C4CFFF;
border-radius: 50%;
top: 50%;
left: 50%;
transform: translate(-65%, -50%);
z-index: 15; /* Above everything */
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.node[b-50kznn0eee] {
position: absolute;
max-width: 150px;
z-index: 10; /* Above lines and markers */
transform: translate(-50%, -50%);
font-size: 11px;
}
.node-header[b-50kznn0eee] {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px; /* spacing between emoji and text */
}
.node-emoji[b-50kznn0eee] {
font-size: 28px; /* increase emoji size */
flex-shrink: 0;
}
.node-text[b-50kznn0eee] {
display: flex;
flex-direction: column;
justify-content: center;
min-width: 0; /* This allows text to shrink below min-content */
flex: 1;
}
.node-name[b-50kznn0eee] {
font-weight: 600;
color: #1f2937;
font-size: 12px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.node-email[b-50kznn0eee]{
font-size: 8px;
color: #30394e;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.node-role[b-50kznn0eee] {
font-size: 10px;
color: #6b7280;
text-transform: capitalize;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* Connection line styles */
.connection-line[b-50kznn0eee] {
stroke-width: 2.5; /* Made base stroke width bolder */
stroke-linecap: round;
z-index: 2;
}
/* Line weights - made all weights bolder */
.connection-line.weight-light[b-50kznn0eee] {
stroke-width: 3;
}
.connection-line.weight-medium[b-50kznn0eee] {
stroke-width: 5;
}
.connection-line.weight-heavy[b-50kznn0eee] {
stroke-width: 8;
}
/* Tone colors for lines */
.connection-line.tone-positive[b-50kznn0eee] {
stroke: #56CF89;
}
.connection-line.tone-negative[b-50kznn0eee] {
stroke: #FF886A;
}
.connection-line.tone-neutral[b-50kznn0eee] {
stroke: #6C87F9;
}
/* Remove old color classes */
.node-1[b-50kznn0eee], .node-2[b-50kznn0eee], .node-3[b-50kznn0eee], .node-4[b-50kznn0eee], .node-5[b-50kznn0eee],
.line-1[b-50kznn0eee], .line-2[b-50kznn0eee], .line-3[b-50kznn0eee], .line-4[b-50kznn0eee], .line-5[b-50kznn0eee] {
border-color: transparent;
stroke: transparent;
}
/* SVG and marker optimization for visibility */
svg[b-50kznn0eee] {
shape-rendering: geometricPrecision;
overflow: visible;
}
/* Ensure proper marker rendering */
line[marker-start][b-50kznn0eee], line[marker-end][b-50kznn0eee] {
shape-rendering: geometricPrecision;
paint-order: stroke fill markers;
}
/* Marker rendering optimization */
marker[b-50kznn0eee] {
overflow: visible;
}
.svg-container defs marker[b-50kznn0eee] {
overflow: visible;
}
/* _content/Lumiboard.Client.Shared/Components/Scanning/ScanLoadingSection.razor.rz.scp.css */
.loading-section[b-z8jtpjzh0g] {
display: flex;
flex-direction: column;
align-items: center;
gap: 1rem;
text-align: center;
padding: 1rem;
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
.loading-section h2[b-z8jtpjzh0g] {
font-size: 1.25rem;
font-weight: 500;
color: #1A1A1A;
margin: 0;
padding: 0 1rem;
width: 100%;
}
.loading-section p[b-z8jtpjzh0g] {
font-size: 0.875rem;
color: #666;
margin: 0;
padding: 0 1rem;
width: 100%;
}
.animation-container[b-z8jtpjzh0g] {
width: 100%;
max-width: 300px;
height: auto;
aspect-ratio: 2/1;
display: flex;
align-items: center;
justify-content: center;
margin: 1rem 0;
}
.animation-placeholder[b-z8jtpjzh0g] {
width: 100%;
height: 100%;
background-color: #E5E5E5;
display: flex;
align-items: center;
justify-content: center;
color: #A5A5A5;
border-radius: 4px;
}
.button-container[b-z8jtpjzh0g] {
width: 100%;
max-width: 100%;
padding: 0 1rem;
box-sizing: border-box;
}
.scan-button[b-z8jtpjzh0g] {
width: 100%;
padding: 0.875rem;
border-radius: 8px;
border: none;
background-color: #3258FF;
color: white;
font-size: 0.875rem;
font-weight: 500;
cursor: pointer;
position: relative;
overflow: hidden;
transition: background-color 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
}
.scan-button:disabled[b-z8jtpjzh0g] {
cursor: default;
background-color: #A5A5A5;
}
.scan-button.loading[b-z8jtpjzh0g] {
cursor: default;
}
.progress-container[b-z8jtpjzh0g] {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.1);
}
.progress-bar[b-z8jtpjzh0g] {
height: 100%;
background-color: #3258FF;
transition: width 0.3s ease;
}
span[b-z8jtpjzh0g] {
position: relative;
z-index: 10;
}
/* Tablet breakpoint */
@media (min-width: 768px) {
.loading-section[b-z8jtpjzh0g] {
gap: 1.5rem;
}
.loading-section h2[b-z8jtpjzh0g] {
font-size: 1.5rem;
}
.loading-section p[b-z8jtpjzh0g] {
font-size: 1rem;
}
.animation-container[b-z8jtpjzh0g] {
max-width: 400px;
}
.button-container[b-z8jtpjzh0g] {
max-width: 300px;
}
.scan-button[b-z8jtpjzh0g] {
padding: 1rem;
font-size: 1rem;
}
}
/* Desktop breakpoint */
@media (min-width: 1024px) {
.loading-section[b-z8jtpjzh0g] {
gap: 2rem;
}
}
/* _content/Lumiboard.Client.Shared/Components/Tasks/AddNewContact.razor.rz.scp.css */
.delegation-modal[b-vjrfqld12x] {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: white;
border-radius: 16px 16px 0 0;
padding: 16px;
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.2);
z-index: 2000;
animation: slideUp-b-vjrfqld12x 0.3s ease-in-out;
display: flex;
flex-direction: column;
justify-content: flex-start;
min-height: 90dvh;
}
.delegation-modal-header[b-vjrfqld12x] {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 16px;
}
.delegation-modal-header .back-button[b-vjrfqld12x] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
gap: 10px;
cursor: pointer;
}
.delegation-modal-header button span[b-vjrfqld12x] {
font-size: 18px;
font-weight: 500px;
color: #4185DD;
}
.delegation-modal-header button span:active[b-vjrfqld12x] {
opacity: 0.5;
}
.delegation-modal-header .plug[b-vjrfqld12x] {
opacity: 0;
}
.delegation-modal-header div h3[b-vjrfqld12x] {
font-size: 18px;
font-weight: 600;
color: #21262C;
}
.delegation-modal-header .save-button:disabled[b-vjrfqld12x] {
opacity: 0.5;
}
.delegation-modal-body[b-vjrfqld12x] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 20px;
padding: 8px 0;
margin-top: 16px;
}
.add-new-contact-avatar[b-vjrfqld12x] {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 10px;
padding: 10px 16px;
}
.add-new-contact-avatar span[b-vjrfqld12x] {
font-size: 15px;
font-weight: 400;
color: #007AFF;
}
.add-new-contact-form[b-vjrfqld12x] {
width: 100%;
}
.add-new-contact-form form[b-vjrfqld12x] {
display: flex;
justify-content: center;
align-items: start;
flex-direction: column;
gap: 16px;
padding: 10px 0;
width: 100%;
}
.add-new-contact-form label[b-vjrfqld12x] {
font-size: 13px;
font-weight: 500;
color: #596169;
text-transform: uppercase;
}
.add-new-contact-form input[b-vjrfqld12x] {
width: 100%;
padding: 10px 16px;
border: 0.5px solid #E1E1E1;
border-radius: 10px;
font-size: 16px;
font-weight: 400;
color: #21262C;
}
.add-new-contact-form input:focus[b-vjrfqld12x] {
outline: none;
}
.add-new-contact-form input[b-vjrfqld12x]::placeholder {
color: #B0B0B0;
}
.add-new-contact-form .input-group[b-vjrfqld12x] {
width: 100%;
display: flex;
justify-content: center;
align-items: start;
flex-direction: column;
gap: 5px;
}
@keyframes slideUp-b-vjrfqld12x {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
/* Modal Overlay */
.modal-overlay[b-vjrfqld12x] {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 1999;
}
.modal-overlay.hidden[b-vjrfqld12x] {
display: none;
}
/* Desktop Modal Styles */
.delegation-modal.desktop-modal[b-vjrfqld12x] {
position: fixed !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
width: 400px !important;
max-width: 90vw !important;
height: auto !important;
max-height: 90vh !important;
min-height: auto !important;
bottom: auto !important;
border-radius: 12px !important;
animation: none !important;
padding: 20px !important;
overflow-y: auto;
}
/* _content/Lumiboard.Client.Shared/Components/Tasks/ContactDelegation.razor.rz.scp.css */
.delegation-modal[b-w746e127ay] {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: white;
border-radius: 16px 16px 0 0;
padding: 16px;
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.2);
z-index: 2000;
animation: slideUp-b-w746e127ay 0.3s ease-in-out;
display: flex;
flex-direction: column;
justify-content: center;
}
.delegation-modal-header[b-w746e127ay] {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 16px;
}
.delegation-modal-header .back-button[b-w746e127ay] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
gap: 10px;
cursor: pointer;
}
.delegation-modal-header button span[b-w746e127ay] {
font-size: 18px;
font-weight: 500px;
color: #4185DD;
}
.delegation-modal-header button span:active[b-w746e127ay] {
opacity: 0.5;
}
.delegation-modal-header .plug[b-w746e127ay] {
opacity: 0;
}
.delegation-modal-header div h3[b-w746e127ay] {
font-size: 18px;
font-weight: 600;
color: #21262C;
}
.delegation-modal-body[b-w746e127ay] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 20px;
padding: 8px 0;
margin-top: 16px;
}
.selected-contact img[b-w746e127ay] {
width: 48px;
height: 48px;
border-radius: 50%;
}
.selected-contact[b-w746e127ay] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 10px;
padding: 10px 16px;
background-color: #FFFF;
width: 100%;
border-radius: 14px;
}
.selected-contact .contact-info[b-w746e127ay] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 5px;
}
.selected-contact .contact-info h5[b-w746e127ay] {
font-size: 16px;
font-weight: 400;
color: #000000;
text-align: center;
}
.selected-contact .contact-info span[b-w746e127ay] {
font-size: 14px;
font-weight: 400;
color: #5B5B5B;
text-align: center;
}
.delegation-textarea[b-w746e127ay] {
position: relative;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.delegation-textarea textarea[b-w746e127ay] {
width: 100%;
padding: 18px 11px 17px 23px;
font-size: 17px;
border: 1px solid #E1E1E1;
border-radius: 18px;
outline: none;
resize: none;
box-sizing: border-box;
height: 131px;
}
.delegation-textarea .left-icon[b-w746e127ay],
.delegation-textarea .right-icon[b-w746e127ay] {
position: absolute;
top: 80%;
transform: translateY(-50%);
cursor: pointer;
}
.delegation-textarea .left-icon[b-w746e127ay] {
left: 15px;
}
.delegation-textarea .right-icon[b-w746e127ay] {
right: 15px;
}
.delegation-buttons[b-w746e127ay] {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 6px;
}
.delegation-buttons .delegate-button[b-w746e127ay] {
display: flex;
justify-content: center;
align-items: center;
padding: 10px 20px;
background-color: #272B2C;
border-radius: 10px;
cursor: pointer;
width: 100%;
height: 50px;
}
.delegation-buttons .generate-button[b-w746e127ay] {
display: flex;
justify-content: center;
align-items: center;
padding: 5px 10px;
background-color: #2e3031;
border-radius: 10px;
cursor: pointer;
width: 100%;
height: 40px;
}
.delegation-buttons .generate-button span[b-w746e127ay] {
font-size: 15px;
font-weight: 500;
color: #FFFFFF;
}
.delegation-buttons .delegate-button span[b-w746e127ay] {
font-size: 17px;
font-weight: 600;
color: #FFFFFF;
}
.delegation-buttons button:active[b-w746e127ay] {
opacity: 0.5;
}
@keyframes slideUp-b-w746e127ay {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
/* Modal Overlay */
.modal-overlay[b-w746e127ay] {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 1999;
}
.modal-overlay.hidden[b-w746e127ay] {
display: none;
}
/* Desktop Modal Styles */
.delegation-modal.desktop-modal[b-w746e127ay] {
position: fixed !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
width: 400px !important;
max-width: 90vw !important;
height: auto !important;
max-height: 90vh !important;
min-height: auto !important;
bottom: auto !important;
border-radius: 12px !important;
animation: none !important;
padding: 20px !important;
overflow-y: auto;
}
/* _content/Lumiboard.Client.Shared/Components/Tasks/ContactPreview.razor.rz.scp.css */
.delegation-modal[b-nwxbkdp8uc] {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: white;
border-radius: 16px 16px 0 0;
padding: 16px;
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.2);
z-index: 2000;
animation: slideUp-b-nwxbkdp8uc 0.3s ease-in-out;
display: flex;
flex-direction: column;
justify-content: flex-start;
min-height: 90dvh;
}
.delegation-modal-header[b-nwxbkdp8uc] {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 16px;
padding: 4px 10px;
}
.delegation-modal-header .back-button[b-nwxbkdp8uc] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
gap: 10px;
cursor: pointer;
}
.delegation-modal-header button span[b-nwxbkdp8uc] {
font-size: 17px;
font-weight: 400px;
color: #4185DD;
}
.delegation-modal-header .next-button[b-nwxbkdp8uc] {
font-weight: 700;
}
.delegation-modal-header button span:active[b-nwxbkdp8uc] {
opacity: 0.5;
}
.delegation-modal-header .plug[b-nwxbkdp8uc] {
opacity: 0;
}
.delegation-modal-header div h3[b-nwxbkdp8uc] {
font-size: 18px;
font-weight: 600;
color: #21262C;
}
.delegation-modal-body[b-nwxbkdp8uc] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 20px;
padding: 8px 0;
margin-top: 16px;
}
.delegation-modal-body .contact-avatar[b-nwxbkdp8uc] {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 10px;
padding: 10px 16px;
}
.delegation-modal-body .contact-avatar h3[b-nwxbkdp8uc] {
font-size: 24px;
font-weight: 600;
color: #000000;
}
.delegation-modal-body .contact-info[b-nwxbkdp8uc] {
display: flex;
justify-content: center;
align-items: start;
flex-direction: column;
gap: 10px;
padding: 10px 16px;
width: 100%;
}
.delegation-modal-body .contact-info span[b-nwxbkdp8uc] {
font-size: 14px;
font-weight: 400;
color: #5B5B5B;
}
.delegation-modal-body .contact-info p[b-nwxbkdp8uc] {
font-size: 17px;
font-weight: 400;
color: #000000;
}
hr[b-nwxbkdp8uc] {
width: 100%;
border: 1px solid #E0E0E0;
}
@keyframes slideUp-b-nwxbkdp8uc {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
/* Modal Overlay */
.modal-overlay[b-nwxbkdp8uc] {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 1999;
}
.modal-overlay.hidden[b-nwxbkdp8uc] {
display: none;
}
/* Desktop Modal Styles */
.delegation-modal.desktop-modal[b-nwxbkdp8uc] {
position: fixed !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
width: 400px !important;
max-width: 90vw !important;
height: auto !important;
max-height: 90vh !important;
min-height: auto !important;
bottom: auto !important;
border-radius: 12px !important;
animation: none !important;
padding: 20px !important;
overflow-y: auto;
}
/* _content/Lumiboard.Client.Shared/Components/Tasks/EditContact.razor.rz.scp.css */
.delegation-modal[b-k7boa8e4pb] {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: white;
border-radius: 16px 16px 0 0;
padding: 16px;
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.2);
z-index: 2000;
animation: slideUp-b-k7boa8e4pb 0.3s ease-in-out;
display: flex;
flex-direction: column;
justify-content: flex-start;
min-height: 90dvh;
}
.delegation-modal-header[b-k7boa8e4pb] {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 16px;
padding: 4px 10px;
}
.delegation-modal-header .back-button[b-k7boa8e4pb] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
gap: 10px;
cursor: pointer;
}
.delegation-modal-header button span[b-k7boa8e4pb] {
font-size: 17px;
font-weight: 400px;
color: #4185DD;
}
.delegation-modal-header .save-button[b-k7boa8e4pb] {
font-weight: 700;
}
.delegation-modal-header .save-button:disabled[b-k7boa8e4pb] {
opacity: 0.5;
}
.delegation-modal-header button span:active[b-k7boa8e4pb] {
opacity: 0.5;
}
.delegation-modal-header .plug[b-k7boa8e4pb] {
opacity: 0;
}
.delegation-modal-header div h3[b-k7boa8e4pb] {
font-size: 18px;
font-weight: 600;
color: #21262C;
}
.delegation-modal-body[b-k7boa8e4pb] {
flex-grow: 1;
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: column;
gap: 20px;
padding: 8px 0;
margin-top: 16px;
width: 100%;
}
.delegation-modal-body .contact-avatar[b-k7boa8e4pb] {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 10px;
padding: 10px 16px;
}
.delegation-modal-body .contact-avatar span[b-k7boa8e4pb] {
font-size: 15px;
font-weight: 400;
color: #007AFF;
}
.update-contact-container[b-k7boa8e4pb] {
width: 100%;
}
.update-contact-container form[b-k7boa8e4pb] {
display: flex;
justify-content: center;
align-items: start;
flex-direction: column;
gap: 16px;
padding: 10px 0;
width: 100%;
}
.update-contact-container label[b-k7boa8e4pb] {
font-size: 13px;
font-weight: 500;
color: #596169;
text-transform: uppercase;
}
.update-contact-container input[b-k7boa8e4pb] {
width: 100%;
padding: 10px 16px;
border: 0.5px solid #E1E1E1;
border-radius: 10px;
font-size: 16px;
font-weight: 400;
color: #21262C;
}
.update-contact-container input:focus[b-k7boa8e4pb] {
outline: none;
}
.update-contact-container input[b-k7boa8e4pb]::placeholder {
color: #B0B0B0;
}
.update-contact-container .input-group[b-k7boa8e4pb] {
width: 100%;
display: flex;
justify-content: center;
align-items: start;
flex-direction: column;
gap: 5px;
}
.delete-container[b-k7boa8e4pb] {
display: flex;
justify-content: center;
align-items: center;
padding: 16px 0;
margin-top: auto;
}
.delete-container span[b-k7boa8e4pb] {
font-size: 17px;
font-weight: 400px;
color: #DC3545;
}
@keyframes slideUp-b-k7boa8e4pb {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
/* Modal Overlay */
.modal-overlay[b-k7boa8e4pb] {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 1999;
}
.modal-overlay.hidden[b-k7boa8e4pb] {
display: none;
}
/* Desktop Modal Styles */
.delegation-modal.desktop-modal[b-k7boa8e4pb] {
position: fixed !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
width: 400px !important;
max-width: 90vw !important;
height: auto !important;
max-height: 90vh !important;
min-height: auto !important;
bottom: auto !important;
border-radius: 12px !important;
animation: none !important;
padding: 20px !important;
overflow-y: auto;
}
/* _content/Lumiboard.Client.Shared/Components/Tasks/TaskAttachment.razor.rz.scp.css */
.attachment-modal[b-1hz4vbb5v8] {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: #fff;
border-radius: 16px 16px 0 0;
padding: 16px;
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.2);
z-index: 1300;
animation: slideUp-b-1hz4vbb5v8 0.3s ease-in-out;
}
.attachment[b-1hz4vbb5v8] {
display: flex;
flex-direction: column;
justify-content: center;
padding: 8px 0;
}
.attachment-loading[b-1hz4vbb5v8] {
display: flex;
flex-direction: column;
gap: 6px;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
margin-left: 14px;
position: relative;
}
.attachment-loading p[b-1hz4vbb5v8] {
font-size: 16px;
font-weight: 500;
color: #21262C;
text-align: center;
position: absolute;
top: 70%;
left: 3%;
}
.attachment-header[b-1hz4vbb5v8] {
display: flex;
justify-content: space-between;
align-items: center;
}
.attachment-header .plug[b-1hz4vbb5v8] {
opacity: 0;
}
.attachment-header button[b-1hz4vbb5v8] {
width: 22px;
height: 22px;
cursor: pointer;
background-color: rgba(104, 104, 104, 0.19);
border: none;
border-radius: 50%;
}
.attachment-header h3[b-1hz4vbb5v8] {
margin: 0;
text-align: center;
flex-grow: 1;
}
.attachment-options[b-1hz4vbb5v8] {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: start;
gap: 10px;
margin-top: 20px;
}
.attachment-options hr[b-1hz4vbb5v8] {
width: 100%;
margin: 0;
border: none;
height: 0.5px;
background-color: rgba(0, 0, 0, 0.1);
}
.attachment-options button[b-1hz4vbb5v8] {
display: flex;
align-items: center;
gap: 10px;
padding: 10px 15px;
border: none;
background: none;
font-size: 16px;
cursor: pointer;
border-radius: 8px;
transition: background-color 0.2s;
}
@keyframes slideUp-b-1hz4vbb5v8 {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
/* Attachment Desktop Modal */
.attachment-modal-desktop[b-1hz4vbb5v8] {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1001;
max-width: 500px;
width: 90%;
max-height: 80vh;
overflow-y: auto;
background: white;
border-radius: 16px;
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.attachment-modal-desktop .attachment-modal[b-1hz4vbb5v8] {
position: relative;
width: 100%;
height: auto;
background: transparent;
border-radius: 0;
box-shadow: none;
}
.attachment-modal-desktop .attachment[b-1hz4vbb5v8] {
position: relative;
width: 100%;
height: auto;
background: transparent;
border-radius: 0;
box-shadow: none;
}
/* Responsive adjustments */
@media (max-width: 768px) {
.attachment-modal-desktop[b-1hz4vbb5v8] {
position: relative;
top: auto;
left: auto;
transform: none;
max-width: none;
width: 100%;
max-height: none;
border-radius: 0;
box-shadow: none;
background: transparent;
}
.attachment-modal-desktop .attachment-modal[b-1hz4vbb5v8],
.attachment-modal-desktop .attachment[b-1hz4vbb5v8] {
background: white;
border-radius: 16px;
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
}
.attachment-modal.desktop-modal[b-1hz4vbb5v8] {
position: fixed !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
z-index: 1001 !important;
max-width: 500px !important;
width: 90% !important;
height: auto !important;
max-height: 90vh !important;
overflow-y: auto !important;
background: white !important;
border-radius: 16px !important;
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
}
@media (max-width: 768px) {
.attachment-modal.desktop-modal[b-1hz4vbb5v8] {
position: relative !important;
top: auto !important;
left: auto !important;
transform: none !important;
max-width: none !important;
width: 100% !important;
height: auto !important;
max-height: none !important;
border-radius: 16px !important;
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
}
}
/* _content/Lumiboard.Client.Shared/Components/Tasks/TaskBoard.razor.rz.scp.css */
.circle[b-wx6occmh5b] {
border-radius: 50%;
}
.square[b-wx6occmh5b] {
border-radius: 0;
}
.waterdrop[b-wx6occmh5b] {
border-radius: 50% 50% 50% 0;
transform: rotate(130deg);
}
.waterdrop span[b-wx6occmh5b] {
transform: rotate(-130deg);
}
.diamond[b-wx6occmh5b] {
transform: rotate(45deg);
}
.diamond span[b-wx6occmh5b] {
transform: rotate(-45deg);
}
.blue[b-wx6occmh5b] {
background-color: #CDEAFF;
}
.red[b-wx6occmh5b] {
background-color: #FF8D58;
}
.yellow[b-wx6occmh5b] {
background-color: #ffff92;
}
.task[b-wx6occmh5b] {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
font-size: 14px;
box-sizing: border-box;
padding: 10px;
transition: transform 0.5s ease-out, opacity 0.5s ease-out, margin-top 0.5s ease-out, margin-left 0.5s ease-out;
cursor: grab;
position: relative;
}
.delegation-icon[b-wx6occmh5b] {
position: absolute;
top: 0;
right: 0;
transform: translate(0%, -50%);
padding: 5px;
}
.task.waterdrop.task-size-big .delegation-icon[b-wx6occmh5b] {
transform: translate(-300%, 125%) rotate(-130deg);
}
.task.waterdrop.task-size-normal .delegation-icon[b-wx6occmh5b] {
transform: translate(-250%, 120%) rotate(-130deg);
}
.task.waterdrop.task-size-small .delegation-icon[b-wx6occmh5b] {
transform: translate(-190%, 80%) rotate(-130deg);
}
.task.diamond.task-size-big .delegation-icon[b-wx6occmh5b] {
transform: translate(-300%, 125%) rotate(-45deg);
}
.task.diamond.task-size-normal .delegation-icon[b-wx6occmh5b] {
transform: translate(-250%, 120%) rotate(-45deg);
}
.task.diamond.task-size-small .delegation-icon[b-wx6occmh5b] {
transform: translate(-190%, 80%) rotate(-45deg);
}
.task-disappear[b-wx6occmh5b] {
transform: translateY(-50%);
opacity: 0;
}
.task:active[b-wx6occmh5b] {
opacity: 0.5;
transform: scale(1.1);
cursor: grabbing;
}
/* .tasks-board {
display: grid;
place-content: center;
gap: 1rem;
grid-template-areas:
"task-1 task-2"
"task-3 task-4"
"task-5 .";
grid-auto-rows: 1fr;
width: 100%;
padding: 1rem;
height: 65%;
padding: 20px;
} */
.no-tasks[b-wx6occmh5b] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 40px;
height: 100%;
width: 100%;
}
.no-tasks-content[b-wx6occmh5b] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 16px;
}
.no-tasks-content p[b-wx6occmh5b] {
font-size: 18px;
font-weight: 500;
color: #21262C;
}
.no-tasks-content span[b-wx6occmh5b] {
font-size: 16px;
font-weight: 500;
color: #686868;
}
.tasks-board[b-wx6occmh5b] {
display: flex;
flex-wrap: wrap;
flex-direction: row;
gap: 25px;
row-gap: 10px;
justify-content: center;
align-items: start;
width: 100%;
height: 65%;
padding: 20px;
}
.tasks-backlog[b-wx6occmh5b] {
padding: 10px 10px;
/* background: linear-gradient(to bottom, transparent 10%, #e2b9ff 80%); */
background: linear-gradient(to bottom, transparent 10%, var(--progress-color) 80%);
width: 100%;
height: 35%;
box-sizing: border-box;
}
.backlog-content[b-wx6occmh5b] {
display: flex;
flex-wrap: wrap;
justify-content: start;
align-items: flex-start;
width: 100%;
gap: 5px 10px;
}
.task-size-small[b-wx6occmh5b] {
width: 65px;
height: 65px;
font-size: 12px;
}
.task-size-normal[b-wx6occmh5b] {
width: 90px;
height: 90px;
font-size: 14px;
}
.task-size-big[b-wx6occmh5b] {
width: 110px;
height: 110px;
font-size: 16px;
}
.backlog-task[b-wx6occmh5b] {
width: 50px;
height: 50px;
font-size: 10px;
}
.waiting[b-wx6occmh5b] {
opacity: 0.5;
}
.onboarding[b-wx6occmh5b] {
border: 1px dashed #408AC0;
background-color: #CDEAFF;
}
@media screen and (max-height: 750px) {
.task-size-small[b-wx6occmh5b] {
width: 45px;
height: 45px;
font-size: 9px;
}
.task-size-normal[b-wx6occmh5b] {
width: 60px;
height: 60px;
font-size: 11px;
}
.task-size-big[b-wx6occmh5b] {
width: 85px;
height: 85px;
font-size: 13px;
}
.backlog-task[b-wx6occmh5b] {
width: 35px;
height: 35px;
font-size: 8px;
}
}
/* _content/Lumiboard.Client.Shared/Components/Tasks/TaskCreation.razor.rz.scp.css */
.task-creation-modal[b-eelpoaw21a] {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: #fff;
border-radius: 16px 16px 0 0;
padding: 16px;
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.2);
z-index: 1300;
animation: slideUp-b-eelpoaw21a 0.3s ease-in-out;
}
.more-button-container[b-eelpoaw21a],
.priority-button-container[b-eelpoaw21a] {
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.task-creation-modal .icon-container .more-button[b-eelpoaw21a] {
border: none!important;
}
.task-creation-modal h3[b-eelpoaw21a] {
margin: 0;
text-align: center;
font-size: 18px;
}
.task-creation-modal form[b-eelpoaw21a] {
display: flex;
flex-direction: column;
gap: 6px;
}
.task-creation-modal input[b-eelpoaw21a] {
width: 100%;
padding: 8px;
border: none;
font-size: 24px;
color: #21262C;
font-weight: 600px;
}
.task-creation-modal input[b-eelpoaw21a]::placeholder {
color: #919191;
}
.task-creation-modal input:focus[b-eelpoaw21a] {
outline: none;
}
.task-creation-modal textarea[b-eelpoaw21a] {
width: 100%;
padding: 8px;
border: none;
font-size: 16px;
font-weight: 400;
}
.task-creation-modal textarea:focus[b-eelpoaw21a] {
outline: none;
}
.task-creation-modal .icon-container[b-eelpoaw21a] {
display: flex;
flex-wrap: wrap;
gap: 8px;
max-width: 250px;
}
.task-creation-modal .buttons-container[b-eelpoaw21a] {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
position: relative;
}
.task-creation-modal .icon-container button[b-eelpoaw21a],
.under-buttons-container button[b-eelpoaw21a] {
background: none;
border: 1px solid #DEDEDE;
border-radius: 6px;
padding: 10px 16px;
cursor: pointer;
min-width: 38px;
min-height: 38px;
gap: 4px;
}
.task-creation-modal .create-button[b-eelpoaw21a] {
background-color:#44A912;
color: #fff;
border: none;
width: 88px;
height: 40px;
border-radius: 10px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
text-align: center;
align-self: flex-end;
margin-top: 8px;
position: absolute;
bottom: 0;
right: 0;
}
.task-creation-modal .create-button:disabled[b-eelpoaw21a] {
background-color: rgba(68, 169, 18, 0.65);
}
.under-buttons-container[b-eelpoaw21a] {
display: flex;
align-items: center;
flex-direction: row;
gap: 8px;
width: 100%;
}
.files-container[b-eelpoaw21a] {
display: flex;
align-items: center;
flex-direction: row;
gap: 8px;
width: 100%;
overflow-x: auto;
height: 55px;
}
.files-container .file-item .file[b-eelpoaw21a] {
display: flex;
align-items: center;
gap: 8px;
padding: 8px;
border-radius: 10px;
font-size: 14px;
font-weight: 400;
height: 38px;
border: 1px solid #EEEEEE;
background-color: #F7F7F7;
position: relative;
}
.file-count-button[b-eelpoaw21a] {
display: flex;
align-items: center;
min-width: 38px;
height: 38px;
background-color: transparent;
border: 1px solid #DEDEDE;
border-radius: 6px;
cursor: pointer;
font-size: 14px;
position: relative;
}
.file-count-button .file-count[b-eelpoaw21a] {
background-color: white;
color: #21262C;
border-radius: 50%;
padding: 2px 4px;
font-size: 15px;
position: absolute;
top: -10px;
right: -7px;
}
.file-item .close-button[b-eelpoaw21a] {
width: 20px;
height: 20px;
cursor: pointer;
background-color: rgba(104, 104, 104, 0.19);
border: none;
border-radius: 50%;
position: absolute;
top: -8px;
right: -8px;
}
.files-container .file-item .file span[b-eelpoaw21a] {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.importance-popup-container[b-eelpoaw21a] .importance-popup {
left: 120px !important;
bottom: 50px !important;
}
.duration-popup-container[b-eelpoaw21a] .duration-popup {
left: 30px !important;
bottom: 110px !important;
}
@keyframes slideUp-b-eelpoaw21a {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
/* _content/Lumiboard.Client.Shared/Components/Tasks/TaskDelegation.razor.rz.scp.css */
.delegation-modal[b-gyu35g4rbj] {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: #F8F8F8;
border-radius: 16px 16px 0 0;
padding: 16px;
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.2);
z-index: 2000;
animation: slideUp-b-gyu35g4rbj 0.3s ease-in-out;
display: flex;
flex-direction: column;
justify-content: center;
}
.delegation-modal-header[b-gyu35g4rbj] {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 16px;
}
.delegation-modal-header .back-button[b-gyu35g4rbj] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
gap: 10px;
cursor: pointer;
}
.delegation-modal-header button span[b-gyu35g4rbj] {
font-size: 18px;
font-weight: 500px;
color: #4185DD;
}
.delegation-modal-header button span:active[b-gyu35g4rbj] {
opacity: 0.5;
}
.delegation-modal-header .plug[b-gyu35g4rbj] {
opacity: 0;
}
.delegation-modal-header div h3[b-gyu35g4rbj] {
font-size: 18px;
font-weight: 600;
color: #21262C;
}
.delegation-modal-header .save-button:disabled[b-gyu35g4rbj] {
opacity: 0.5;
}
.delegation-modal-body[b-gyu35g4rbj] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 20px;
padding: 8px 0;
margin-top: 16px;
}
.contacts-search[b-gyu35g4rbj] {
display: flex;
align-items: center;
position: relative;
width: 100%;
}
.contacts-search input[b-gyu35g4rbj] {
width: 100%;
padding: 7px 16px 7px 40px;
border: 1px solid #E1E1E1;
border-radius: 10px;
font-size: 16px;
font-weight: 500;
color: #21262C;
transition: border-color 0.3s;
}
.contacts-search input[b-gyu35g4rbj]::placeholder {
color: #B0B0B0;
margin-left: 10px;
}
.contacts-search input:focus[b-gyu35g4rbj] {
border-color: #cac7c7;
outline: none;
}
.contacts-search[b-gyu35g4rbj]::before {
content: url('data:image/svg+xml;utf8,');
position: absolute;
left: 16px;
top: 55%;
transform: translateY(-50%);
}
.search-results[b-gyu35g4rbj] {
position: absolute;
top: 80%;
left: 0;
display: flex;
justify-content: center;
align-items: start;
flex-direction: column;
background-color: white;
border: 1px solid #E1E1E1;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
padding: 10px 0;
gap: 10px;
width: 100%;
z-index: 1000;
}
.recomended-contacts[b-gyu35g4rbj] {
display: flex;
justify-content: center;
align-items: start;
flex-direction: column;
gap: 6px;
width: 100%;
}
.recomended-contacts .contacts-title[b-gyu35g4rbj] {
font-size: 15px;
font-weight: 500;
color: #000000;
}
.recomended-contacts .contacts-row[b-gyu35g4rbj] {
display: flex;
justify-content: start;
align-items: center;
flex-wrap: wrap;
gap: 14px;
padding: 8px 8px;
background-color: #FFFF;
width: 100%;
border-radius: 14px;
}
.recomended-contacts .contacts-row .contact[b-gyu35g4rbj] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 5px;
padding: 8px;
}
.recomended-contacts .contacts-row .contact:active[b-gyu35g4rbj] {
background-color: #F8F8F8;
}
.recomended-contacts .contacts-row .contact img[b-gyu35g4rbj] {
width: 48px;
height: 48px;
border-radius: 50%;
}
.recomended-contacts .contacts-row .contact h4[b-gyu35g4rbj] {
font-size: 15px;
font-weight: 400;
color: #000000;
}
.add-new-contact[b-gyu35g4rbj] {
display: flex;
justify-content: start;
align-items: center;
flex-direction: row;
gap: 10px;
padding: 10px 16px;
background-color: #FFFF;
width: 100%;
border-radius: 14px;
}
.add-new-contact:active[b-gyu35g4rbj] {
background-color: #F8F8F8;
}
.add-new-contact button[b-gyu35g4rbj] {
width: 30px;
height: 30px;
border-radius: 50%;
background-color: #2B2B2B;
display: flex;
justify-content: center;
align-items: center;
}
.add-new-contact span[b-gyu35g4rbj] {
font-size: 17px;
font-weight: 400;
color: #000000;
}
.network-contacts[b-gyu35g4rbj] {
display: flex;
justify-content: center;
align-items: start;
flex-direction: column;
gap: 6px;
width: 100%;
}
.network-contacts .contacts-title[b-gyu35g4rbj] {
font-size: 15px;
font-weight: 500;
color: #000000;
}
.network-contacts .contacts-list[b-gyu35g4rbj] {
display: flex;
justify-content: start;
align-items: start;
flex-direction: column;
gap: 8px;
padding: 8px 8px;
background-color: #FFFF;
width: 100%;
border-radius: 14px;
}
.network-contacts .contacts-list .contact[b-gyu35g4rbj],
.search-results .contact[b-gyu35g4rbj] {
display: flex;
flex-direction: row;
justify-content: start;
align-items: center;
gap: 10px;
padding: 8px;
width: 100%;
}
.network-contacts .contacts-list .contact:active[b-gyu35g4rbj],
.search-results .contact:active[b-gyu35g4rbj] {
background-color: #F8F8F8;
}
.network-contacts .contacts-list .contact img[b-gyu35g4rbj],
.selected-contact img[b-gyu35g4rbj],
.search-results .contact img[b-gyu35g4rbj] {
width: 48px;
height: 48px;
border-radius: 50%;
}
.network-contacts .contacts-list .contact .contact-info[b-gyu35g4rbj],
.search-results .contact .contact-info[b-gyu35g4rbj] {
display: flex;
flex-direction: column;
gap: 5px;
justify-content: center;
align-items: start;
}
.network-contacts .contacts-list .contact .contact-info h4[b-gyu35g4rbj],
.search-results .contact .contact-info h4[b-gyu35g4rbj] {
font-size: 15px;
font-weight: 400;
color: #000000;
}
.network-contacts .contacts-list .contact .contact-info span[b-gyu35g4rbj],
.selected-contact span[b-gyu35g4rbj],
.search-results .contact .contact-info span[b-gyu35g4rbj] {
font-size: 14px;
font-weight: 400;
color: #5B5B5B;
}
.selected-contact[b-gyu35g4rbj] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 10px;
padding: 10px 16px;
background-color: #FFFF;
width: 100%;
border-radius: 14px;
}
.selected-contact .contact-info[b-gyu35g4rbj] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 5px;
}
.selected-contact .contact-info h5[b-gyu35g4rbj] {
font-size: 16px;
font-weight: 400;
color: #000000;
text-align: center;
}
.selected-contact .contact-info span[b-gyu35g4rbj] {
font-size: 14px;
font-weight: 400;
color: #5B5B5B;
text-align: center;
}
.delegation-textarea[b-gyu35g4rbj] {
position: relative;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.delegation-textarea textarea[b-gyu35g4rbj] {
width: 100%;
padding: 18px 11px 17px 23px;
font-size: 17px;
border: 1px solid #E1E1E1;
border-radius: 18px;
outline: none;
resize: none;
box-sizing: border-box;
height: 131px;
}
.delegation-textarea .left-icon[b-gyu35g4rbj],
.delegation-textarea .right-icon[b-gyu35g4rbj] {
position: absolute;
top: 80%;
transform: translateY(-50%);
width: 20px;
height: 20px;
cursor: pointer;
}
.delegation-textarea .left-icon[b-gyu35g4rbj] {
left: 15px;
}
.delegation-textarea .right-icon[b-gyu35g4rbj] {
right: 15px;
}
.delegation-button[b-gyu35g4rbj] {
width: 100%;
}
.delegation-button button[b-gyu35g4rbj] {
display: flex;
justify-content: center;
align-items: center;
padding: 10px 20px;
background-color: #272B2C;
border-radius: 10px;
cursor: pointer;
width: 100%;
height: 50px;
}
.delegation-button button span[b-gyu35g4rbj] {
font-size: 17px;
font-weight: 600;
color: #FFFFFF;
}
.delegation-button button span:active[b-gyu35g4rbj] {
opacity: 0.5;
}
.add-new-contact-avatar[b-gyu35g4rbj] {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 10px;
padding: 10px 16px;
}
.add-new-contact-avatar span[b-gyu35g4rbj] {
font-size: 15px;
font-weight: 400;
color: #007AFF;
}
.add-new-contact-form[b-gyu35g4rbj] {
width: 100%;
}
.add-new-contact-form form[b-gyu35g4rbj] {
display: flex;
justify-content: center;
align-items: start;
flex-direction: column;
gap: 16px;
padding: 10px 0;
width: 100%;
}
.add-new-contact-form label[b-gyu35g4rbj] {
font-size: 13px;
font-weight: 500;
color: #596169;
text-transform: uppercase;
}
.add-new-contact-form input[b-gyu35g4rbj] {
width: 100%;
padding: 10px 16px;
border: 0.5px solid #E1E1E1;
border-radius: 10px;
font-size: 16px;
font-weight: 400;
color: #21262C;
}
.add-new-contact-form input:focus[b-gyu35g4rbj] {
outline: none;
}
.add-new-contact-form input[b-gyu35g4rbj]::placeholder {
color: #B0B0B0;
}
.add-new-contact-form .input-group[b-gyu35g4rbj] {
width: 100%;
display: flex;
justify-content: center;
align-items: start;
flex-direction: column;
gap: 5px;
}
.add-new-contact-form button[b-gyu35g4rbj] {
display: flex;
justify-content: center;
align-items: center;
padding: 10px 20px;
background-color: #272B2C;
border-radius: 10px;
cursor: pointer;
width: 100%;
height: 50px;
}
.add-new-contact-form button span[b-gyu35g4rbj] {
font-size: 17px;
font-weight: 600;
color: #FFFFFF;
}
.add-new-contact-form button span:active[b-gyu35g4rbj] {
opacity: 0.5;
}
.add-new-contact-form button:disabled[b-gyu35g4rbj] {
background-color: #B0B0B0;
cursor: not-allowed;
}
@keyframes slideUp-b-gyu35g4rbj {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
.modal-overlay[b-gyu35g4rbj] {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 2500;
}
.modal-overlay.hidden[b-gyu35g4rbj] {
display: none;
}
.delegation-modal.desktop-modal[b-gyu35g4rbj] {
position: fixed !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
z-index: 2501 !important;
max-width: 500px !important;
width: 90% !important;
height: auto !important;
max-height: 90vh !important;
overflow-y: auto !important;
background: white !important;
border-radius: 16px !important;
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
bottom: auto !important;
animation: none !important;
padding: 20px !important;
}
.delegation-modal.desktop-modal .delegation-modal-body[b-gyu35g4rbj] {
height: auto !important;
max-height: none !important;
}
@media (max-width: 768px) {
.delegation-modal.desktop-modal[b-gyu35g4rbj] {
position: relative !important;
top: auto !important;
left: auto !important;
transform: none !important;
max-width: none !important;
width: 100% !important;
height: auto !important;
max-height: none !important;
border-radius: 16px !important;
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
}
}
/* _content/Lumiboard.Client.Shared/Components/Tasks/TaskDetailsDialog.razor.rz.scp.css */
.task-dialog-modal[b-yr6ze0wot5] {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: #fff;
border-radius: 16px 16px 0 0;
/* padding: 16px; */
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.2);
z-index: 1300;
animation: slideUp-b-yr6ze0wot5 0.3s ease-in-out;
max-height: 90%;
overflow-y: auto;
}
.task-dialog-header[b-yr6ze0wot5] {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 16px;
padding: 16px;
}
.task-dialog-header .plug[b-yr6ze0wot5] {
opacity: 0;
}
.task-dialog-header .created-task-button[b-yr6ze0wot5] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
gap: 4px;
width: 146px;
height: 31px;
border-radius: 60px;
background-color: #D1EFC0;
color: #368B07;
font-size: 15px;
font-weight: 600;
}
.task-dialog-header .close-button[b-yr6ze0wot5] {
width: 22px;
height: 22px;
cursor: pointer;
background-color: rgba(104, 104, 104, 0.19);
border: none;
border-radius: 50%;
}
.task-dialog-body[b-yr6ze0wot5] {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
gap: 13px;
margin-top: 8px;
min-height: 50dvh;
}
.task-dialog-body .task-data[b-yr6ze0wot5] {
display: flex;
flex-direction: column;
align-items: start;
justify-content: center;
width: 100%;
gap: 17px;
padding: 0px 16px;
}
.task-dialog-body .task-data input[type="text"][b-yr6ze0wot5] {
display: block;
font-size: 24px;
font-weight: 600;
color: #21262C;
background-color: transparent;
border: none;
width: 100%;
line-height: 1.4;
max-height: calc(1.4em * 2);
overflow-y: auto;
resize: none;
}
.title-view[b-yr6ze0wot5] {
font-size: 24px;
font-weight: 600;
line-height: 1.4;
max-height: calc(1.4em * 2);
overflow: hidden;
text-overflow: ellipsis;
cursor: pointer;
}
.task-dialog-body .task-data input:focus[b-yr6ze0wot5] {
outline: none;
}
.task-dialog-body .task-data textarea[b-yr6ze0wot5] {
font-size: 16px;
font-weight: 400;
color: #21262C;
background-color: transparent;
border: none;
resize: none;
width: 100%;
}
.description-view[b-yr6ze0wot5] {
font-size: 16px;
font-weight: 400;
line-height: 1.4;
max-height: calc(1.4em * 4);
overflow: hidden;
text-overflow: ellipsis;
cursor: pointer;
}
.task-dialog-body .task-data textarea:focus[b-yr6ze0wot5] {
outline: none;
}
.task-configurations[b-yr6ze0wot5] {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 0px 16px;
}
.task-delegation-sign[b-yr6ze0wot5] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
gap: 4px;
height: 31px;
padding: 5px 10px;
border-radius: 60px;
font-size: 15px;
font-weight: 600;
}
.successfully-delegated[b-yr6ze0wot5] {
border: 1px solid #E2E2E2;
color: #7F7F7F;
}
.waiting-for-approval[b-yr6ze0wot5] {
background-color: #F6EACE;
color: #865B23;
}
.task-configurations .task-type-button[b-yr6ze0wot5] {
width: 123px;
height: 23px;
color: white;
border-radius: 10px;
background-color: #FECE00;
font-size: 12px;
font-weight: 700;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
gap: 8px;
}
.task-configurations .task-configs[b-yr6ze0wot5] {
display: flex;
flex-direction: row;
gap: 8px;
align-items: center;
justify-content: center;
position: relative;
}
.task-priority[b-yr6ze0wot5],
.task-importance[b-yr6ze0wot5],
.task-attachments button[b-yr6ze0wot5] {
background: none;
border: 1px solid #DEDEDE;
border-radius: 6px;
padding: 10px 16px;
cursor: pointer;
min-width: 38px;
min-height: 38px;
display: flex;
justify-content: center;
align-items: center;
gap: 4px;
}
.task-attachments[b-yr6ze0wot5] {
display: flex;
flex-direction: column;
gap: 8px;
align-items: start;
justify-content: flex-start;
width: 100%;
padding: 0px 16px;
}
.task-attachments div[b-yr6ze0wot5] {
display: flex;
flex-direction: row;
gap: 8px;
align-items: center;
}
.task-delegation-container[b-yr6ze0wot5] {
margin-top: auto;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 20px 16px;
gap: 16px;
background-color: #ECECEC;
}
.task-delegation-data[b-yr6ze0wot5] {
display: flex;
align-items: center;
justify-content: start;
width: 100%;
font-size: 15px;
font-weight: 500;
color: #7F7F7F;
}
.task-delegation-footer[b-yr6ze0wot5] {
width: 100%;
display: flex;
flex-direction: row;
gap: 16px;
align-items: center;
justify-content: center;
}
.task-delegation-footer button[b-yr6ze0wot5] {
width: 100%;
height: 40px;
font-size: 14px;
font-weight: 400;
border-radius: 99px;
border: none;
border: 1px solid #161616;
}
.task-delegation-footer button:active[b-yr6ze0wot5] {
transform: scale(1.1);
}
.accept-button[b-yr6ze0wot5] {
background-color: #161616;
color: #fff;
cursor: pointer;
}
.decline-button[b-yr6ze0wot5] {
background-color: #fff;
color: #161616;
cursor: pointer;
}
.task-dialog-footer[b-yr6ze0wot5] {
border-top: 1px solid #DEDEDE;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
width: 100%;
margin-top: auto;
margin-bottom: 20px;
}
.task-dialog-footer .icons-container[b-yr6ze0wot5] {
display: flex;
flex-direction: row;
gap: 50px;
margin-top: 20px;
align-items: center;
justify-content: space-between;
}
.task-dialog-footer .icons-container button[b-yr6ze0wot5] {
transition: transform 0.2s ease;
}
.task-dialog-footer .icons-container button:active[b-yr6ze0wot5] {
transform: scale(1.5);
}
.task-dialog-footer .icons-container button img[alt="Validate"][b-yr6ze0wot5] {
height: 22px;
width: 27px;
}
.ai-assistant[b-yr6ze0wot5] {
width: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
margin-top: 30px;
padding: 0px 16px;
}
.task-configs[b-yr6ze0wot5] .options-popup {
left: -140% !important;
bottom: -400% !important;
}
.task-configs[b-yr6ze0wot5] .importance-popup {
left: -120% !important;
bottom: -400% !important;
}
.duration-attachments[b-yr6ze0wot5] .duration-popup {
left: 0 !important;
bottom: 120% !important;
}
.duration-attachments[b-yr6ze0wot5] {
position: relative;
}
.smart-score-text[b-yr6ze0wot5] {
font-size: 15px;
font-weight: 400;
color: #909090;
}
#task-details.fade-out[b-yr6ze0wot5] {
opacity: 0;
transform: translateY(-100%);
transition: opacity 0.5s ease, transform 0.5s ease;
}
.files-container[b-yr6ze0wot5] {
display: flex;
align-items: center;
flex-direction: row;
justify-content: flex-start;
gap: 8px;
width: calc(100% - 10px);
overflow-x: auto;
overflow-y: hidden;
height: 55px;
}
.file-count-button[b-yr6ze0wot5] {
display: flex;
align-items: center;
min-width: 38px;
height: 38px;
background-color: transparent;
border: 1px solid #DEDEDE;
border-radius: 6px;
cursor: pointer;
font-size: 14px;
position: relative;
}
.file-count-button .file-count[b-yr6ze0wot5] {
background-color: white;
color: #21262C;
border-radius: 50%;
padding: 2px 4px;
font-size: 15px;
position: absolute;
top: -10px;
right: -7px;
}
.files-container .file-item .file[b-yr6ze0wot5] {
display: flex;
align-items: center;
gap: 8px;
padding: 8px;
border-radius: 10px;
font-size: 14px;
font-weight: 400;
height: 38px;
width: 100%;
border: 1px solid #EEEEEE;
background-color: #F7F7F7;
position: relative;
}
.files-container .file-item .file span[b-yr6ze0wot5] {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.task-dialog-objective[b-yr6ze0wot5] {
margin-top: 8px;
}
.task-dialog-objective img[alt="objective"][b-yr6ze0wot5] {
width: 20px;
height: 17px;
}
.task-dialog-objective span[b-yr6ze0wot5] {
font-size: 16px;
font-weight: 500;
color: #21262C;
margin-left: 4px;
}
@keyframes bounce-b-yr6ze0wot5 {
0%, 80%, 100% {
transform: scale(0);
}
40% {
transform: scale(1);
}
}
@keyframes slideUp-b-yr6ze0wot5 {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
/* _content/Lumiboard.Client.Shared/Components/Tasks/TaskReview.razor.rz.scp.css */
.task-review-modal[b-3j4zyjsq7w] {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: #fff;
border-radius: 16px 16px 0 0;
padding: 16px;
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.2);
z-index: 1300;
animation: slideUp-b-3j4zyjsq7w 0.3s ease-in-out;
max-height: 90%;
overflow-y: auto;
}
.task-review-header[b-3j4zyjsq7w] {
display: flex;
justify-content: space-between;
align-items: center;
}
.task-review-header .plug[b-3j4zyjsq7w] {
opacity: 0;
}
.task-review-header .created-task-button[b-3j4zyjsq7w] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
gap: 4px;
width: 146px;
height: 31px;
border-radius: 60px;
background-color: #D1EFC0;
color: #368B07;
font-size: 15px;
font-weight: 600;
}
.task-review-header .close-button[b-3j4zyjsq7w] {
width: 22px;
height: 22px;
cursor: pointer;
background-color: rgba(104, 104, 104, 0.19);
border: none;
border-radius: 50%;
}
.task-review-body[b-3j4zyjsq7w] {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
gap: 13px;
margin-top: 16px;
min-height: 70dvh;
}
.task-review-body .task-data[b-3j4zyjsq7w] {
display: flex;
flex-direction: column;
align-items: start;
justify-content: center;
width: 100%;
gap: 17px;
}
.task-review-body .task-data input[b-3j4zyjsq7w] {
font-size: 24px;
font-weight: 600;
color: #21262C;
background-color: transparent;
border: none;
width: 100%;
}
.title-view[b-3j4zyjsq7w] {
font-size: 24px;
font-weight: 600;
line-height: 1.4;
max-height: calc(1.4em * 2);
overflow: hidden;
text-overflow: ellipsis;
cursor: pointer;
}
.empty-description[b-3j4zyjsq7w] {
min-height: 80px;
border: 1px dashed #E0E0E0;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
cursor: text;
}
.placeholder-text[b-3j4zyjsq7w] {
color: #9E9E9E;
font-style: italic;
}
.description-view[b-3j4zyjsq7w] {
font-size: 16px;
font-weight: 400;
line-height: 1.4;
max-height: calc(1.4em * 4);
overflow: hidden;
text-overflow: ellipsis;
cursor: pointer;
}
.task-review-body .task-data input:focus[b-3j4zyjsq7w] {
outline: none;
}
.task-review-body .task-data textarea[b-3j4zyjsq7w] {
font-size: 16px;
font-weight: 400;
color: #21262C;
background-color: transparent;
border: none;
resize: none;
width: 100%;
overflow: none;
}
.task-review-body .task-data textarea:focus[b-3j4zyjsq7w] {
outline: none;
}
.task-configurations[b-3j4zyjsq7w] {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
}
.task-configurations .task-type-button[b-3j4zyjsq7w] {
width: 123px;
height: 23px;
color: white;
border-radius: 10px;
background-color: #FECE00;
font-size: 12px;
font-weight: 700;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
gap: 8px;
}
.task-configurations .task-configs[b-3j4zyjsq7w] {
display: flex;
flex-direction: row;
gap: 8px;
align-items: center;
justify-content: center;
position: relative;
}
.task-priority[b-3j4zyjsq7w],
.task-importance[b-3j4zyjsq7w],
.task-attachments button[b-3j4zyjsq7w] {
background: none;
border: 1px solid #DEDEDE;
border-radius: 6px;
padding: 10px 16px;
cursor: pointer;
min-width: 38px;
min-height: 38px;
display: flex;
justify-content: center;
align-items: center;
gap: 4px;
}
.task-attachments[b-3j4zyjsq7w] {
display: flex;
flex-direction: column;
gap: 8px;
align-items: start;
justify-content: flex-start;
width: 100%;
}
.task-attachments div[b-3j4zyjsq7w] {
display: flex;
flex-direction: row;
gap: 8px;
align-items: center;
}
.smart-score-container[b-3j4zyjsq7w] {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 6px;
width: 100%;
border-radius: 20px;
background: linear-gradient(to right, #FFFFFF, var(--background-color));
padding: 16px;
margin-top: 16px;
transition: all 0.5s ease-out;
}
.smart-score-header[b-3j4zyjsq7w] {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 16px;
height: 100px;
width: 100%;
height: 100px;
}
.smart-score-suggestions[b-3j4zyjsq7w] {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 13px;
width: 100%;
padding: 16px;
}
.smart-score-suggestions .suggestion[b-3j4zyjsq7w] {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 67px;
padding: 8px;
border-radius: 10px;
border: 1px solid var(--background-color);
font-size: 15px;
font-weight: 500;
text-align: center;
transition: all 0.5s ease-out;
}
.smart-score-suggestions .suggestion:active[b-3j4zyjsq7w] {
background-color: var(--background-color);
opacity: 0.5;
}
.smart-score-text[b-3j4zyjsq7w] {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 13px;
max-width: 200px;
}
.smart-score-text[b-3j4zyjsq7w] {
transition: all 0.5s ease-out;
}
.smart-score-text span[b-3j4zyjsq7w] {
font-size: 14px;
font-weight: 600;
color: #21262C;
}
.smart-score-text .message-box[b-3j4zyjsq7w] {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
padding: 12px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
border-bottom-right-radius: 16px;
border-bottom-left-radius: 4px;
background: linear-gradient(to right, var(--background-color), var(--progress-color));
margin-bottom: 15%;
}
.wrapper[b-3j4zyjsq7w] {
position: relative;
width: 100px;
height: 50px;
overflow: hidden;
}
.progress-container[b-3j4zyjsq7w] {
position: absolute;
width: 100px;
height: 100px;
/* border: 10px solid #ceb2f3; */
border: 10px solid var(--background-color);
border-radius: 50%;
top: 0;
left: 0;
}
.progress-container[b-3j4zyjsq7w]::after {
content: '';
position: absolute;
width: 100%;
height: 50%;
background: #f4f4fc;
bottom: 0;
left: 0;
}
.progress-bar[b-3j4zyjsq7w] {
position: absolute;
width: 100px;
height: 100px;
top: -10px;
left: -10px;
background: none;
border: 10px solid transparent;
border-top: 10px solid var(--progress-color);
border-right: 10px solid var(--progress-color);
border-radius: 50%;
transform-origin: center center;
transform: rotate(180deg);
transition: transform 0.5s ease-out;
}
.loading-animation[b-3j4zyjsq7w] {
display: flex;
gap: 5px;
justify-content: center;
align-items: center;
}
.smart-score[b-3j4zyjsq7w] {
position: absolute;
font-size: 20px;
font-weight: 700;
left: 45%;
top: 40%;
}
.task-configs[b-3j4zyjsq7w] .options-popup {
left: -140% !important;
bottom: -400% !important;
}
.task-configs[b-3j4zyjsq7w] .importance-popup {
left: -120% !important;
bottom: -400% !important;
}
.duration-attachment[b-3j4zyjsq7w] .duration-popup {
left: 0% !important;
bottom: 110% !important;
}
.duration-attachment[b-3j4zyjsq7w] {
position: relative;
}
.files-container[b-3j4zyjsq7w] {
display: flex;
align-items: center;
flex-direction: row;
justify-content: flex-start;
gap: 8px;
width: calc(100% - 10px);
overflow-x: auto;
overflow-y: hidden;
height: 55px;
}
.file-count-button[b-3j4zyjsq7w] {
display: flex;
align-items: center;
min-width: 38px;
height: 38px;
background-color: transparent;
border: 1px solid #DEDEDE;
border-radius: 6px;
cursor: pointer;
font-size: 14px;
position: relative;
}
.file-count-button .file-count[b-3j4zyjsq7w] {
background-color: white;
color: #21262C;
border-radius: 50%;
padding: 2px 4px;
font-size: 15px;
position: absolute;
top: -10px;
right: -7px;
}
.files-container .file-item .file[b-3j4zyjsq7w] {
display: flex;
align-items: center;
gap: 8px;
padding: 8px;
border-radius: 10px;
font-size: 14px;
font-weight: 400;
height: 38px;
width: 100%;
border: 1px solid #EEEEEE;
background-color: #F7F7F7;
position: relative;
}
.files-container .file-item .file span[b-3j4zyjsq7w] {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* Keyframes for bounce animation */
@keyframes bounce-b-3j4zyjsq7w {
0%, 80%, 100% {
transform: scale(0);
}
40% {
transform: scale(1);
}
}
@keyframes slideUp-b-3j4zyjsq7w {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
/* _content/Lumiboard.Client.Shared/Components/Tasks/TasksList.razor.rz.scp.css */
.tasks-list[b-8k4tisntml] {
display: flex;
flex-direction: column;
justify-content: start;
align-items: center;
width: 100%;
padding: 10px;
height: 100%;
overflow-y: auto;
box-sizing: border-box;
}
.no-tasks[b-8k4tisntml] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 40px;
height: 100%;
width: 100%;
}
.no-tasks-content[b-8k4tisntml] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 16px;
}
.no-tasks-content p[b-8k4tisntml] {
font-size: 18px;
font-weight: 500;
color: #21262C;
}
.no-tasks-content span[b-8k4tisntml] {
font-size: 16px;
font-weight: 500;
color: #686868;
}
.task-item[b-8k4tisntml] {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 13px 16px;
box-sizing: border-box;
}
.task-item:active[b-8k4tisntml] {
background-color: rgba(0, 0, 0, 0.1);
}
hr[b-8k4tisntml] {
width: 100%;
margin: 10px 0;
border: 1px solid #E0E0E0;
}
.task-data[b-8k4tisntml] {
display: flex;
flex-direction: column;
gap: 5px;
justify-content: center;
align-items: start;
width: 100%;
}
.task-data .task-item-title[b-8k4tisntml] {
font-size: 16px;
font-weight: 400;
line-height: 22px;
}
.task-data .task-item-description[b-8k4tisntml] {
font-size: 14px;
font-weight: 400;
color: #5B5B5B;
}
.task-data .task-item-due-date[b-8k4tisntml] {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 6px;
}
.task-data .task-item-due-date div[b-8k4tisntml] {
display: flex;
justify-content: center;
align-items: center;
gap: 5px;
}
.task-data .task-item-due-date .delegated-sign[b-8k4tisntml] {
font-size: 15px;
font-weight: 600;
background-color: #D1EFC0;
border-radius: 60px;
padding: 2px 5px;
}
.task-data .task-item-due-date .delegated-sign span[b-8k4tisntml] {
font-size: 14px;
font-weight: 500;
color: #368B07;
}
.task-data .task-item-due-date span[b-8k4tisntml] {
font-size: 14px;
font-weight: 400;
color: #727272;
}
.task-shape[b-8k4tisntml] {
display: flex;
justify-content: center;
align-items: center;
}
.task-shape div[b-8k4tisntml] {
height: 20px;
width: 20px;
}
.circle[b-8k4tisntml] {
border-radius: 50%;
}
.square[b-8k4tisntml] {
border-radius: 0;
}
.waterdrop[b-8k4tisntml] {
border-radius: 50% 50% 50% 0;
transform: rotate(130deg);
}
.waterdrop span[b-8k4tisntml] {
transform: rotate(-130deg);
}
.diamond[b-8k4tisntml] {
transform: rotate(90deg);
}
.blue[b-8k4tisntml] { background-color: #CDEAFF; }
.red[b-8k4tisntml] { background-color: #FF8D58; }
.yellow[b-8k4tisntml] { background-color: #ffff92; }
/* _content/Lumiboard.Client.Shared/Pages/AccountOverview.razor.rz.scp.css */
.account-modal[b-klrhznmmrz] {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 95dvh;
background-color: #FFFFFFff;
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.2);
z-index: 1300;
animation: slideUp-b-klrhznmmrz 0.3s ease-in-out;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
border-radius: 16px 16px 0 0;
}
.account-modal-header[b-klrhznmmrz] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
gap: 2px;
padding: 24px;
}
.close-container[b-klrhznmmrz] {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
}
.close-container button[b-klrhznmmrz] {
width: 22px;
height: 22px;
cursor: pointer;
background-color: rgba(164, 90, 214, 0.1);
border: none;
border-radius: 50%;
}
.account-info-container[b-klrhznmmrz] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 12px;
}
.account-info-container .account-picture[b-klrhznmmrz] {
display: flex;
flex-direction: column;
gap: 8px;
justify-content: center;
align-items: center;
position: relative;
}
.account-info-container .account-picture img[b-klrhznmmrz] {
width: 112px;
height: 112px;
border-radius: 50%;
}
.avatar-hint[b-klrhznmmrz] {
position: absolute;
bottom: -20px;
left: 0;
right: 0;
text-align: center;
font-size: 12px;
color: #888;
transition: opacity 0.3s ease;
}
.account-name[b-klrhznmmrz] {
display: flex;
justify-content: start;
align-items: center;
gap: 4px;
width: 100%;
font-size: 20px;
font-weight: 700;
color: #310F47;
}
.account-level .level-container[b-klrhznmmrz] {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
.account-modal-body[b-klrhznmmrz] {
display: flex;
flex-direction: column;
justify-content: start;
align-items: center;
gap: 16px;
width: 100%;
padding: 14px;
}
.account-achievements[b-klrhznmmrz] {
display: flex;
flex-direction: column;
justify-content: start;
align-items: center;
gap: 16px;
width: 100%;
}
.streaks-summary[b-klrhznmmrz] {
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 16px;
align-items: center;
width: 100%;
border: 1px solid var(--borders-color);
border-radius: 14px;
height: 64px;
}
.streaks-summary-content[b-klrhznmmrz] {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 12px;
}
.streaks-summary-content div[b-klrhznmmrz] {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 2px;
}
.streaks-summary-content div img[b-klrhznmmrz] {
width: 19px;
height: 25px;
}
.streaks-summary-content div p[b-klrhznmmrz] {
font-size: 24px;
font-weight: 700;
color: #310F47;
}
.streaks-summary h3[b-klrhznmmrz] {
font-size: 21px;
font-weight: 600;
color: #310F47;
}
.streaks-summary p[b-klrhznmmrz] {
font-size: 17px;
font-weight: 700;
color: #310F47;
}
.streaks-summary span[b-klrhznmmrz] {
font-size: 13px;
font-weight: 500;
color: #310F47;
}
.account-achievements .account-achievements-numbers[b-klrhznmmrz] {
display: flex;
flex-direction: row;
justify-content: space-around;
align-items: center;
width: 100%;
}
.account-achievements .account-achievements-numbers .account-streaks[b-klrhznmmrz],
.account-achievements .account-achievements-numbers .account-combos[b-klrhznmmrz] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: start;
}
.account-achievements .account-achievements-numbers .account-streaks div[b-klrhznmmrz],
.account-achievements .account-achievements-numbers .account-combos div[b-klrhznmmrz] {
display: flex;
flex-direction: row;
justify-content: start;
align-items: center;
gap: 4px;
}
.account-achievements .account-achievements-numbers .account-streaks h3[b-klrhznmmrz],
.account-achievements .account-achievements-numbers .account-combos h3[b-klrhznmmrz],
.account-achievemtns-badges .account-badges-header h3[b-klrhznmmrz] {
font-size: 21px;
font-weight: 600;
color: #310F47;
}
.account-achievements .account-achievements-numbers .account-streaks span[b-klrhznmmrz],
.account-achievements .account-achievements-numbers .account-combos span[b-klrhznmmrz] {
font-size: 16px;
font-weight: 700;
color: #310F47;
}
.account-achievemtns-badges[b-klrhznmmrz] {
display: flex;
flex-direction: column;
justify-content: start;
align-items: center;
gap: 8px;
width: 100%;
padding: 24px;
border: 1px solid var(--borders-color);
border-radius: 14px;
}
.account-achievemtns-badges .account-badges-header[b-klrhznmmrz] {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
}
.account-achievemtns-badges .account-badges[b-klrhznmmrz] {
display: flex;
flex-direction: row;
justify-content: start;
align-items: center;
gap: 24px;
width: 100%;
}
.account-achievemtns-badges .account-badges .badge[b-klrhznmmrz] {
display: flex;
justify-content: center;
align-items: center;
width: 62px;
height: 54px;
border-radius: 10px;
background-color: #F0F0F0;
}
.hidden[b-klrhznmmrz] {
opacity: 0.5;
}
.account-statistics[b-klrhznmmrz] {
display: flex;
flex-direction: column;
justify-content: start;
align-items: center;
gap: 16px;
width: 100%;
}
.account-indexes[b-klrhznmmrz] {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: 10px;
width: 100%;
}
.account-indexes .balanced-index-container[b-klrhznmmrz],
.account-indexes .time-efficiency-container[b-klrhznmmrz] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: start;
gap: 14px;
border: 1px solid #DDDDDD;
width: 100%;
height: 112px;
border-radius: 14px;
padding: 12px;
}
.setiment-radar-container[b-klrhznmmrz] {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: start;
border: 1px solid #DDDDDD;
width: 100%;
height: 112px;
border-radius: 14px;
padding: 12px;
}
.balanced-progress-container[b-klrhznmmrz] {
position: relative;
width: 120px;
height: 8px;
}
.balanced-progress-bar[b-klrhznmmrz] {
width: 100%;
height: 100%;
border-radius: 4px;
background: linear-gradient(to right, #ff00ff, #00ffff);
}
.balanced-progress-indicator[b-klrhznmmrz] {
position: absolute;
top: 50%;
left: 0%;
transform: translate(-50%, -50%);
width: 20px;
height: 20px;
background-color: #79C6F8;
border: 4px solid white;
border-radius: 50%;
box-sizing: border-box;
transition: left 0.5s ease-in-out;
}
.wrapper[b-klrhznmmrz] {
position: relative;
width: 85px;
height: 42px;
overflow: hidden;
}
.progress-container[b-klrhznmmrz] {
position: absolute;
width: 85px;
height: 85px;
border: 11px solid #EDF2FF;
border-radius: 50%;
top: 0;
left: 0;
}
.progress-container[b-klrhznmmrz]::after {
content: '';
position: absolute;
width: 100%;
height: 50%;
background: #f4f4fc;
bottom: 0;
left: 0;
}
.progress-bar[b-klrhznmmrz] {
position: absolute;
width: 85px;
height: 85px;
top: -11px;
left: -11px;
background: none;
border: 11px solid transparent;
border-top: 11px solid #2B43FF;
border-right: 11px solid #2B43FF;
border-radius: 50%;
transform-origin: center center;
transform: rotate(180deg);
transition: transform 0.5s ease-out;
}
.balanced-index-container h3[b-klrhznmmrz],
.time-efficiency-container h3[b-klrhznmmrz],
.setiment-radar-container h3[b-klrhznmmrz] {
font-size: 14px;
font-weight: 500;
color: #454545;
}
.time-efficiency-container .time-progress-container[b-klrhznmmrz] {
display: flex;
flex-direction: row;
justify-content: center;
align-items: end;
gap: 8px;
width: 100%;
}
.chart-container[b-klrhznmmrz] {
display: flex;
justify-content: space-around;
align-items: flex-end;
position: relative;
}
.bar-group[b-klrhznmmrz] {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
}
.percentage-label[b-klrhznmmrz] {
font-weight: bold;
padding: 5px;
font-size: 13px;
border-radius: 4px;
display: flex;
align-items: center;
gap: 5px;
}
.up[b-klrhznmmrz] {
background: #e6ffe6;
color: #2ca02c;
}
.down[b-klrhznmmrz] {
background: #fff4e6;
color: #e67e22;
}
.bar[b-klrhznmmrz] {
width: 42px;
height: 0;
border-radius: 10px;
transition: height 1.2s ease-in-out;
}
.green[b-klrhznmmrz] {
background-color: #2ca02c;
}
.gray[b-klrhznmmrz] {
background-color: #b0b0b0;
}
.red[b-klrhznmmrz] {
background-color: #e57373;
}
.account-lumicites[b-klrhznmmrz] {
display: flex;
flex-direction: column;
justify-content: start;
align-items: center;
gap: 16px;
width: 100%;
}
.account-lumicites .account-lumicites-header[b-klrhznmmrz] {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
}
.account-lumicites-header h3[b-klrhznmmrz] {
font-size: 14px;
font-weight: 600;
color: #000000;
}
.account-lumicites-header .time-selector[b-klrhznmmrz] {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 8px;
padding: 4px 8px;
border: 1px solid #E7E7E7;
border-radius: 20px;
}
.account-lumicites-header .time-selector span[b-klrhznmmrz] {
font-size: 14px;
font-weight: 500;
color: #5B5B5B;
}
.account-lumicites-body[b-klrhznmmrz] {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: 24px;
width: 100%;
}
.account-lumicites-body .lumicite[b-klrhznmmrz] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 8px;
width: 100%;
}
.account-lumicites-body .lumicite h3[b-klrhznmmrz] {
font-size: 16px;
font-weight: 500;
color: #6F6F6F;
}
.account-lumicites-body .lumicite .lumicite-amount[b-klrhznmmrz] {
display: flex;
flex-direction: row;
justify-content: start;
align-items: center;
gap: 8px;
}
.account-lumicites-body .lumicite .lumicite-amount div[b-klrhznmmrz] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 4px;
}
.account-lumicites-body .lumicite .lumicite-amount div span[b-klrhznmmrz] {
font-size: 20px;
font-weight: 800;
color: #3D3D3D;
}
.account-lumicites-body .lumicite .lumicite-amount div img[b-klrhznmmrz] {
width: 17px;
height: 17px;
}
.no-badges[b-klrhznmmrz] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 40px;
height: 100%;
width: 100%;
}
.no-badges-content[b-klrhznmmrz] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 16px;
}
.no-badges-content p[b-klrhznmmrz] {
font-size: 18px;
font-weight: 500;
color: #21262C;
text-align: center;
}
.no-badges-content span[b-klrhznmmrz] {
font-size: 16px;
font-weight: 500;
color: #686868;
}
@keyframes slideUp-b-klrhznmmrz {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
/* _content/Lumiboard.Client.Shared/Pages/AllRoutines.razor.rz.scp.css */
.routines-body[b-zxcwwffpqj] {
display: flex;
flex-direction: column;
align-items: center;
justify-content: start;
height: 100%;
width: 100%;
overflow-y: auto;
box-sizing: border-box;
scrollbar-width: none;
-ms-overflow-style: none;
}
.routines[b-zxcwwffpqj] {
display: flex;
flex-direction: column;
gap: 16px;
width: 100%;
align-items: flex-start;
justify-content: flex-start;
padding: 24px;
}
.routines-header[b-zxcwwffpqj] {
width: inherit;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
text-align: left;
margin-bottom: 16px;
gap: 12px;
}
.routines-header .routines-header-title[b-zxcwwffpqj] {
font-size: 22px;
font-weight: bold;
line-height: 22px;
margin: 0;
}
.routines-header img[b-zxcwwffpqj] {
width: 12px;
height: 12px;
}
.routines-list[b-zxcwwffpqj] {
width: inherit;
display: flex;
flex-direction: column;
gap: 16px;
align-items: flex-start;
justify-content: flex-start;
}
.routines-list .routine-box[b-zxcwwffpqj] {
width: inherit;
display: flex;
flex-direction: column;
padding: 18px;
gap: 16px;
background-color: white;
border-radius: 14px;
justify-content: center;
align-items: start;
}
.routine-box .routine-info[b-zxcwwffpqj] {
display: flex;
flex-direction: row;
align-items: center;
justify-content: start;
width: 100%;
gap: 13px;
}
.routine-box .routine-info .routine-icon[b-zxcwwffpqj] {
width: 40px;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background-color: #EEEEEE;
border-radius: 8px;
flex: none;
}
.routine-box .routine-info .routine-content[b-zxcwwffpqj] {
display: flex;
flex-direction: column;
width: inherit;
align-items: start;
justify-content: center;
gap: 5px;
}
.routine-box .routine-info .routine-content h3[b-zxcwwffpqj] {
font-size: 16px;
font-weight: 600;
line-height: 19px;
margin: 0;
}
.routine-box .routine-info .routine-content p[b-zxcwwffpqj] {
font-size: 15px;
font-weight: 500;
line-height: 20px;
color: #8E8E8E;
}
.routine-stats p[b-zxcwwffpqj] {
font-size: 15px;
font-weight: 500;
line-height: 20px;
color: #272B2C;
}
.routine-stats span[b-zxcwwffpqj] {
color: #8E8E8E;
margin: 0 8px;
}
/* _content/Lumiboard.Client.Shared/Pages/ArchivedChats.razor.rz.scp.css */
.archived-chats-modal[b-rdxt45wjwg] {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 96dvh;
background-color: #fff;
border-radius: 16px 16px 0 0;
padding: 20px;
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.2);
z-index: 1300;
animation: slideUp 0.3s ease-in-out;
}
.archived-chats-header[b-rdxt45wjwg] {
display: flex;
justify-content: space-between;
align-items: center;
}
.archived-chats-header .back-button[b-rdxt45wjwg] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
gap: 10px;
cursor: pointer;
}
.archived-chats-header .back-button span[b-rdxt45wjwg] {
font-size: 18px;
font-weight: 500px;
color: #4185DD;
}
.archived-chats-header .back-button span:active[b-rdxt45wjwg] {
opacity: 0.5;
}
.archived-chats-header div h3[b-rdxt45wjwg] {
font-size: 20px;
font-weight: 600;
color: #21262C;
}
.archived-chats-header .done-button button[b-rdxt45wjwg] {
font-size: 18px;
font-weight: 700;
color: #007AFF
}
.archived-chats-body[b-rdxt45wjwg] {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
gap: 20px;
overflow-y: auto;
height: calc(100vh - 150px);
scrollbar-width: none;
-ms-overflow-style: none;
margin-top: 24px;
}
.archived-chats-search[b-rdxt45wjwg] {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
gap: 8px;
}
.archived-chats-search-input[b-rdxt45wjwg] {
display: flex;
align-items: center;
position: relative;
width: 100%;
}
.archived-chats-search-input input[b-rdxt45wjwg] {
width: 100%;
padding: 7px 16px 7px 40px;
border-radius: 10px;
font-size: 16px;
font-weight: 500;
color: #21262C;
transition: border-color 0.3s;
background-color: rgba(118, 118, 128, 0.12);
}
.archived-chats-search-input input[b-rdxt45wjwg]::placeholder {
color: #B0B0B0;
margin-left: 10px;
}
.archived-chats-search-input input:focus[b-rdxt45wjwg] {
border-color: #cac7c7;
outline: none;
}
.archived-chats-search-input[b-rdxt45wjwg]::before {
content: url('data:image/svg+xml;utf8,');
position: absolute;
left: 16px;
top: 55%;
transform: translateY(-50%);
}
.archived-chats-calendar[b-rdxt45wjwg] {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
padding: 8px;
border-radius: 10px;
background-color: rgba(118, 118, 128, 0.12);
width: 36px;
height: 36px;
}
.archived-chats-list[b-rdxt45wjwg] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: start;
width: 100%;
gap: 10px;
}
.archived-chat-item[b-rdxt45wjwg] {
display: flex;
justify-content: start;
align-items: center;
flex-direction: row;
gap: 10px;
padding: 8px 0px;
width: 100%;
}
.archived-chat-info[b-rdxt45wjwg] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 4px;
}
.archived-chat-info h4[b-rdxt45wjwg] {
font-size: 16px;
font-weight: 400;
color: #000000;
}
.archived-chat-info p[b-rdxt45wjwg] {
font-size: 14px;
font-weight: 400;
color: #727272;
}
.archived-chat-item img[b-rdxt45wjwg] {
height: 44px;
width: 44px;
}
/* _content/Lumiboard.Client.Shared/Pages/ConfidentialPolicy.razor.rz.scp.css */
.terms-of-use-modal[b-69ik7cs4hz] {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 96dvh;
background-color: #fff;
border-radius: 16px 16px 0 0;
padding: 20px;
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.2);
z-index: 1300;
animation: slideUp 0.3s ease-in-out;
}
.terms-of-use-header[b-69ik7cs4hz] {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 2rem;
}
.terms-of-use-header .back-button[b-69ik7cs4hz] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
gap: 10px;
cursor: pointer;
}
.terms-of-use-header .back-button span[b-69ik7cs4hz] {
font-size: 18px;
font-weight: 500;
color: #4185DD;
}
.terms-of-use-header .back-button span:active[b-69ik7cs4hz] {
opacity: 0.5;
}
.terms-of-use-header div h3[b-69ik7cs4hz] {
font-size: 20px;
font-weight: 600;
color: #21262C;
}
.terms-of-use-header .done-button button[b-69ik7cs4hz] {
font-size: 18px;
font-weight: 700;
color: #007AFF
}
/* _content/Lumiboard.Client.Shared/Pages/Dashboard/Dashboard.razor.rz.scp.css */
.dashboard[b-6kohdfhpol] {
display: flex;
gap: 2rem;
flex-direction: column;
margin-top: 2rem;
height: 100%;
min-height: 0;
}
/* _content/Lumiboard.Client.Shared/Pages/Dashboard/DashboardChat.razor.rz.scp.css */
/* _content/Lumiboard.Client.Shared/Pages/Dashboard/DashboardSettings.razor.rz.scp.css */
.settings[b-0ri6vfs9cd] {
display: flex;
flex-direction: row;
}
.settings-nav[b-0ri6vfs9cd] {
width: 350px;
padding: 2rem;
height: 100vh;
display: flex;
flex-direction: column;
justify-content: space-between;
border-right: 1px solid #E6E6E6;
}
.settings-nav h3[b-0ri6vfs9cd]{
margin-bottom: 1rem;
}
.navigation[b-0ri6vfs9cd] {
border: 1px solid #E9E9E9;
border-radius: 10px;
display: flex;
flex-direction: column;
padding: 2rem;
}
.nav-button[b-0ri6vfs9cd] {
width: 100%;
padding: 12px 16px;
border-radius: 8px;
display: flex;
flex-direction: row;
justify-content: space-between;
font-weight: 500;
font-size: 16px;
}
.nav-button:hover[b-0ri6vfs9cd]{
background: #F5F5F5;
}
.nav-button .text[b-0ri6vfs9cd] {
display: flex;
flex-direction: row;
justify-content: flex-start;
gap: 1rem;
}
.nav-button.locked[b-0ri6vfs9cd] {
opacity: 0.4;
cursor: default;
}
.logout-section[b-0ri6vfs9cd] {
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.logout-section .top[b-0ri6vfs9cd] {
display: flex;
flex-direction: row;
gap: 1rem;
justify-content: flex-start;
padding-top: 1rem;
padding-bottom: 1rem;
align-items: center;
}
.logout-section .top p[b-0ri6vfs9cd] {
font-weight: 400;
font-size: 17px;
cursor: pointer;
}
.logout-section p[b-0ri6vfs9cd] {
font-weight: 400;
font-size: 14px;
color: #5B5B5B;
}
.nav-button.selected[b-0ri6vfs9cd] {
background-color: #F5F5F5;
}
.opened-tab[b-0ri6vfs9cd] {
flex: 1;
padding: 2rem;
height: 100vh;
overflow-y: auto;
}
/* _content/Lumiboard.Client.Shared/Pages/Dashboard/DashboardTasks.razor.rz.scp.css */
.active-tasks[b-ibsrlund5e] {
display: flex;
flex-direction: row;
gap: 1.5em;
height: 100%;
}
.section[b-ibsrlund5e] {
margin-top: 2rem;
display: flex;
flex-direction: column;
padding: 2rem;
border: 1px solid #E4E4E7;
border-radius: 12px;
}
.regular-tasks[b-ibsrlund5e] {
flex: 1;
}
.objectives[b-ibsrlund5e] {
flex: 1;
}
.all-tasks[b-ibsrlund5e] {
width: 100%;
height: 100%;
}
.list-wrapper[b-ibsrlund5e] {
position: relative;
display: flex;
width: 100%;
height: 100%;
}
.title[b-ibsrlund5e] {
display: flex;
align-items: center;
font-weight: 500;
font-size: 20px;
color: #09090B;
margin-bottom: 2rem;
}
.objectives .title img[b-ibsrlund5e] {
width: 24px;
height: 24px;
margin-right: 0.5rem;
}
.objective-list[b-ibsrlund5e] {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1rem;
overflow-y: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.objective-preview-card[b-ibsrlund5e] {
display: flex;
flex-direction: column;
gap: 0.75rem;
padding: 1rem;
border: 1px solid #E4E4E7;
border-radius: 12px;
background-color: #FFFFFF;
cursor: pointer;
transition: box-shadow 0.2s ease-in-out;
}
.objective-preview-card:hover[b-ibsrlund5e] {
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.objective-preview-card.large[b-ibsrlund5e] {
grid-column: span 2;
}
.objective-preview-card.medium[b-ibsrlund5e] {
grid-column: span 1;
}
.objective-preview-card.small[b-ibsrlund5e] {
grid-column: span 1;
height: fit-content;
}
.objective-preview-card.small .header[b-ibsrlund5e] {
margin-bottom: 1rem;
}
.objective-preview-card .header[b-ibsrlund5e] {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 4rem;
position: relative;
}
.header-info[b-ibsrlund5e]{
display: flex;
gap: 0.5rem;
align-items: center;
}
.objective-preview-card .header h4[b-ibsrlund5e] {
font-size: 18px;
font-weight: 600;
color: #09090B;
margin: 0;
}
.new-tag[b-ibsrlund5e] {
box-sizing: border-box;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 2px 7px;
border: 1px solid #4842FC;
border-radius: 8px;
flex: none;
flex-grow: 0;
z-index: 3;
color: #4842FC;
font-size: 12px;
}
.progress-bar[b-ibsrlund5e] {
width: 100%;
height: 8px;
background-color: #E4E4E7;
border-radius: 20px;
overflow: hidden;
}
.progress-bar .progress[b-ibsrlund5e] {
height: 100%;
background-color: #A45AD6;
border-radius: 20px;
transition: width 0.5s ease-in-out;
}
.progress-info[b-ibsrlund5e] {
display: flex;
justify-content: space-between;
font-weight: 500;
font-size: 14px;
color: #71717A;
}
.progress-info span:first-child[b-ibsrlund5e] {
color: #272B2C;
font-weight: 600;
}
.inactive-objective-status[b-ibsrlund5e] {
background-color: #E7E7E7;
color: #5D5D5D;
font-size: 13px;
font-weight: 600;
padding: 4px 8px;
max-width: 62px;
border-radius: 20px;
margin-right: auto;
}
.no-objectives-placeholder[b-ibsrlund5e] {
font-size: 14px;
color: #71717A;
}
.border-alert[b-ibsrlund5e] {
border: 2px solid green;
position: relative;
}
.border-alert[b-ibsrlund5e]::after {
content: "";
position: absolute;
top: -10px;
left: -10px;
right: -10px;
bottom: -10px;
border-radius: 14px;
border: 2px solid rgba(96, 221, 96, 0.56);
opacity: 0;
pointer-events: none;
animation: pulse-border-b-ibsrlund5e 1.5s ease-out infinite;
}
@keyframes pulse-border-b-ibsrlund5e {
0% {
transform: scale(1);
opacity: 0.7;
}
100% {
transform: scale(1.3);
opacity: 0;
}
}
.more-menu[b-ibsrlund5e] {
position: absolute;
top: 100%;
right: 0;
background: white;
border: 1px solid #E4E4E7;
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
z-index: 10;
min-width: 100px;
}
.more-menu ul[b-ibsrlund5e] {
margin: 0;
padding: 0;
list-style: none;
}
.more-menu li[b-ibsrlund5e] {
padding: 8px 16px;
cursor: pointer;
font-size: 14px;
color: #09090B;
transition: background-color 0.2s ease;
}
.more-menu li:hover[b-ibsrlund5e] {
background-color: #F4F4F5;
}
.more-menu li:first-child[b-ibsrlund5e] {
border-radius: 8px 8px 0 0;
}
.more-menu li:last-child[b-ibsrlund5e] {
border-radius: 0 0 8px 8px;
}
.new-tasks-counter[b-ibsrlund5e] {
font-size: 15px;
font-weight: 500;
color: #4842FC;
margin: 0 0 1rem 0;
}
/* _content/Lumiboard.Client.Shared/Pages/Dashboard/Performance.razor.rz.scp.css */
.performance[b-aal2vtxn6s] {
}
.performance.loading-blur[b-aal2vtxn6s] {
filter: blur(4px);
}
.content[b-aal2vtxn6s] {
display: flex;
flex-direction: row;
justify-content: flex-start;
gap: 2rem;
align-items: stretch;
}
.top[b-aal2vtxn6s] {
margin: 1rem 0;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.tab-container[b-aal2vtxn6s] {
display: inline-flex;
background-color: #f0f0f0;
border-radius: 8px;
padding: 4px;
gap: 2px;
}
.tab[b-aal2vtxn6s] {
padding: 5px 12px;
font-size: 14px;
font-weight: 500;
color: #666;
background: transparent;
border: none;
border-radius: 6px;
cursor: pointer;
transition: all 0.2s ease;
white-space: nowrap;
}
.tab:hover[b-aal2vtxn6s] {
color: #333;
background-color: rgba(0, 0, 0, 0.05);
}
.tab.active[b-aal2vtxn6s] {
background-color: white;
color: #333;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.tab:focus[b-aal2vtxn6s] {
outline: none;
box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.5);
}
.top h3[b-aal2vtxn6s] {
font-size: 20px;
}
.loading-overlay[b-aal2vtxn6s] {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1000;
}
.loading-container[b-aal2vtxn6s] {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
z-index: 1200;
pointer-events: none;
}
.loading-container .loading-text[b-aal2vtxn6s] {
font-size: 18px;
font-weight: 600;
color: #21262C;
margin-top: 16px;
}
/* _content/Lumiboard.Client.Shared/Pages/DashboardLumicites.razor.rz.scp.css */
.no-lumicites[b-ca6ppvq0hn] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 40px;
height: 100%;
max-width: 60%;
margin: auto;
text-align: center;
}
.no-lumicites-content[b-ca6ppvq0hn] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
gap: 24px;
}
.no-lumicites-content img[b-ca6ppvq0hn] {
width: 64px;
height: 64px;
opacity: 0.5;
}
.no-lumicites-content p[b-ca6ppvq0hn] {
font-size: 18px;
font-weight: 500;
color: #21262C;
text-align: center;
}
/* _content/Lumiboard.Client.Shared/Pages/Documents.razor.rz.scp.css */
.documents-modal[b-w34nybqxlf] {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 96dvh;
background-color: #fff;
border-radius: 16px 16px 0 0;
padding: 20px;
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.2);
z-index: 1300;
animation: slideUp-b-w34nybqxlf 0.3s ease-in-out;
}
.documents-header[b-w34nybqxlf] {
display: flex;
justify-content: space-between;
align-items: center;
}
.documents-header .back-button[b-w34nybqxlf] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
gap: 10px;
cursor: pointer;
}
.documents-header .back-button span[b-w34nybqxlf] {
font-size: 18px;
font-weight: 500px;
color: #4185DD;
}
.documents-header .back-button span:active[b-w34nybqxlf] {
opacity: 0.5;
}
.documents-header div h3[b-w34nybqxlf] {
font-size: 20px;
font-weight: 600;
color: #21262C;
}
.documents-header .done-button button[b-w34nybqxlf] {
font-size: 18px;
font-weight: 700;
color: #007AFF
}
.documents-body[b-w34nybqxlf] {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
margin-top: 32px;
overflow-y: auto;
height: calc(100vh - 150px);
scrollbar-width: none;
-ms-overflow-style: none;
}
.documents-body .document[b-w34nybqxlf] {
display: flex;
justify-content: space-between;
flex-direction: row;
align-items: center;
width: 100%;
padding: 16px 0;
}
.documents-body .document .document-data[b-w34nybqxlf] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
gap: 10px;
}
.documents-body .document .document-data .document-avatar img[b-w34nybqxlf] {
width: 24px;
height: 24px;
}
.documents-body .document .document-data .document-info[b-w34nybqxlf] {
display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: column;
gap: 6px;
}
.documents-body .document .document-data .document-info .document-title[b-w34nybqxlf] {
font-size: 17px;
font-weight: 400;
color: #000000;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.documents-body .document .document-data .document-info .document-date[b-w34nybqxlf] {
font-size: 12px;
font-weight: 400;
color: #5B5B5B;
}
.documents-body .document-actions[b-w34nybqxlf] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
gap: 16px;
}
.documents-body .document-actions button img[b-w34nybqxlf] {
width: 24px;
height: 24px;
}
hr[b-w34nybqxlf] {
width: 100%;
margin: 0;
border: 1px solid #E3E3E3;
}
@keyframes slideUp-b-w34nybqxlf {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
/* _content/Lumiboard.Client.Shared/Pages/ForgotPassword.razor.rz.scp.css */
.forgot-screen[b-4w8q2apczb] {
width: 100%;
height: 100dvh;
background-color: #F7F7F7;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.forgot-container[b-4w8q2apczb] {
width: 100%;
max-width: 470px;
padding: 3rem;
background-color: #FFFFFF;
border-radius: 20px;
border: 1px solid #EFEFEF;
display: flex;
flex-direction: column;
justify-content: center;
gap: 1rem;
}
.logo[b-4w8q2apczb] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 3rem;
}
.logo img[b-4w8q2apczb] {
width: 32px;
height: 32px;
}
.logo span[b-4w8q2apczb] {
font-size: 22px;
font-weight: 700;
color: #343A40;
}
.forgot-form[b-4w8q2apczb] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
gap: 3rem;
}
.forgot-form span[b-4w8q2apczb] {
font-size: 14px;
font-weight: 500;
color: #919599;
text-align: center;
}
.forgot-form form[b-4w8q2apczb] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 20px;
width: 100%;
}
.forgot-form .form-group[b-4w8q2apczb] {
width: 100%;
display: flex;
flex-direction: column;
gap: 10px;
}
.forgot-form form input[b-4w8q2apczb] {
width: 100%;
padding: 10px;
border: 0.5px solid #33333314;
border-radius: 10px;
font-size: 16px;
}
.forgot-form form input:focus[b-4w8q2apczb] {
outline: none;
border: 1px solid #1458FD;
}
.forgot-form form input[b-4w8q2apczb]::placeholder {
color: #B3B3B3;
}
.forgot-form form label[b-4w8q2apczb] {
font-size: 14px;
font-weight: 500;
color: #343A40;
}
.submit[b-4w8q2apczb] {
width: 100%;
padding: 10px;
border: none;
border-radius: 8px;
background-color: #4842FC;
font-size: 16px;
font-weight: 700;
cursor: pointer;
height: 46px;
}
.submit .btn-title[b-4w8q2apczb] {
color: #fff;
}
.submit:disabled[b-4w8q2apczb] {
opacity: 0.6;
cursor: not-allowed;
}
.forgot-form form p[b-4w8q2apczb] {
font-size: 16px;
font-weight: 500;
color: #596169;
}
.forgot-form form p span[b-4w8q2apczb] {
color: #4842FC;
}
.success-message[b-4w8q2apczb] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
max-width: 500px;
gap: 1rem;
margin-top: 3rem;
}
.success-message p[b-4w8q2apczb] {
color: #919599;
font-weight: 500;
font-size: 14px;
text-align: center;
}
.retry[b-4w8q2apczb]{
color: #4842FC;
cursor: pointer;
}
@media screen and (max-width: 768px) {
.forgot-container[b-4w8q2apczb] {
padding: 1.5rem;
gap: 0.5rem;
margin: 1rem;
max-width: calc(100% - 2rem);
}
.logo[b-4w8q2apczb] {
gap: 1.5rem;
}
.forgot-form[b-4w8q2apczb] {
gap: 1.5rem;
}
.forgot-form form[b-4w8q2apczb] {
gap: 15px;
}
.forgot-form .form-group[b-4w8q2apczb] {
gap: 8px;
}
.forgot-form span[b-4w8q2apczb] {
font-size: 13px;
}
}
/* _content/Lumiboard.Client.Shared/Pages/Insights.razor.rz.scp.css */
.account-modal[b-bishsgrbf2] {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 100dvh;
background-color: #F8F8F8;
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.2);
z-index: 1300;
animation: slideUp-b-bishsgrbf2 0.3s ease-in-out;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
overflow-y: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.account-modal-header[b-bishsgrbf2] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: start;
width: 100%;
gap: 2px;
padding: 13px 24px;
}
.close-container[b-bishsgrbf2] {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
}
.close-container button[b-bishsgrbf2] {
width: 22px;
height: 22px;
cursor: pointer;
background-color: rgba(104, 104, 104, 0.19);
border: none;
border-radius: 50%;
}
.account-info-container[b-bishsgrbf2] {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 12px;
}
.account-info-container .account-picture img[b-bishsgrbf2] {
width: 64px;
height: 64px;
border-radius: 50%;
}
.account-level[b-bishsgrbf2] {
display: flex;
flex-direction: column;
justify-content: start;
align-items: center;
gap: 4px;
width: 100%;
}
.account-level .account-name[b-bishsgrbf2] {
display: flex;
justify-content: start;
align-items: center;
gap: 4px;
width: 100%;
}
.account-level .account-name h2[b-bishsgrbf2] {
font-size: 20px;
font-weight: 700;
color: #310F47;
}
.account-level .level-container[b-bishsgrbf2] {
display: flex;
flex-direction: row;
justify-content: start;
align-items: center;
gap: 4px;
width: 100%;
}
.account-modal-body[b-bishsgrbf2] {
display: flex;
flex-direction: column;
justify-content: start;
align-items: center;
gap: 16px;
width: 100%;
padding: 18px 24px;
}
.account-modal-body h2[b-bishsgrbf2] {
font-size: 30px;
font-weight: 700;
color: #310F47;
text-align: left;
width: 100%;
}
.account-insight-container[b-bishsgrbf2] {
display: flex;
flex-direction: column;
justify-content: start;
align-items: center;
gap: 13px;
width: 100%;
padding: 18px;
border-radius: 14px;
min-height: 132px;
background-color: #fff;
}
.account-insights-header[b-bishsgrbf2] {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
}
.account-insights-header h3[b-bishsgrbf2] {
font-size: 16px;
font-weight: 600;
color: #454545;
text-transform: uppercase;
}
.violet-border[b-bishsgrbf2] {
border: 1px solid #5B27D5;
}
.blue-border[b-bishsgrbf2] {
border: 1px solid #125D95;
}
.orange-border[b-bishsgrbf2] {
border: 1px solid #EFA98D;
}
.balanced-progress-container[b-bishsgrbf2] {
position: relative;
width: 100%;
height: 10px;
margin-top: 13px;
}
.balanced-progress-bar[b-bishsgrbf2] {
width: 100%;
height: 100%;
border-radius: 10px;
background: linear-gradient(to right, #ff00ff, #00ffff);
}
.balanced-progress-indicator[b-bishsgrbf2] {
position: absolute;
top: 50%;
left: 0%;
transform: translate(-50%, -50%);
width: 24px;
height: 24px;
background-color: #79C6F8;
border: 4px solid white;
border-radius: 50%;
box-sizing: border-box;
transition: left 0.5s ease-in-out;
}
.balanced-progress-labels[b-bishsgrbf2] {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.balanced-progress-labels p[b-bishsgrbf2],
.progress-lables p[b-bishsgrbf2] {
max-width: 60px;
font-size: 10px;
font-weight: 600;
color: #454545;
text-align: center;
}
.percentage-label[b-bishsgrbf2] {
font-weight: bold;
padding: 5px;
font-size: 13px;
border-radius: 4px;
display: flex;
align-items: center;
gap: 5px;
max-height: 24px;
}
@keyframes progress-b-bishsgrbf2 {
0% {
--percentage: 0;
}
100% {
--percentage: var(--value);
}
}
@keyframes slideUp-b-bishsgrbf2 {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
@property --percentage {
syntax: '';
inherits: true;
initial-value: 0;
}
.progressbar-container[b-bishsgrbf2] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 4px;
}
[role="progressbar"][b-bishsgrbf2] {
--percentage: var(--value);
--primary: #2B43FF;
--secondary: #EDF2FF;
--size: 120px;
animation: progress-b-bishsgrbf2 2s 0.5s forwards;
width: var(--size);
aspect-ratio: 2 / 1;
border-radius: 50% / 100% 100% 0 0;
position: relative;
overflow: hidden;
display: flex;
align-items: flex-end;
justify-content: center;
}
.progress-lables[b-bishsgrbf2] {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
[role="progressbar"][b-bishsgrbf2]::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: conic-gradient(from 0.75turn at 50% 100%, var(--primary) calc(var(--percentage) * 1% / 2), var(--secondary) calc(var(--percentage) * 1% / 2 + 0.1%));
mask: radial-gradient(at 50% 100%, white 55%, transparent 55.5%);
mask-mode: alpha;
-webkit-mask: radial-gradient(at 50% 100%, #0000 45%, #000 45%);
-webkit-mask-mode: alpha;
}
.time-efficiency-progress-container[b-bishsgrbf2] {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: end;
width: 100%;
}
.chart-container[b-bishsgrbf2] {
display: flex;
justify-content: space-around;
align-items: flex-end;
position: relative;
margin-top: 16px;
gap: 5px;
}
.bar-group[b-bishsgrbf2] {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
position: relative;
}
.bar-group img[b-bishsgrbf2] {
width: 15px;
height: 15px;
position: absolute;
bottom: 105%;
right: 10%;
}
.up[b-bishsgrbf2] {
background: #e6ffe6;
color: #2ca02c;
}
.down[b-bishsgrbf2] {
background: #fff4e6;
color: #e67e22;
}
.equal[b-bishsgrbf2] {
background: #f0f0f0;
color: #7f7f7f;
}
.bar[b-bishsgrbf2] {
width: 42px;
height: 0;
border-radius: 10px;
transition: height 1.2s ease-in-out;
}
.green[b-bishsgrbf2] {
background-color: #62C628;
}
.gray[b-bishsgrbf2] {
background-color: #CBCBCB;
}
.red[b-bishsgrbf2] {
background-color: #F9ACA8;
}
.integration-button[b-bishsgrbf2] {
width: 90%;
height: 48px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
gap: 8px;
border: 1px solid #27272B;
border-radius: 99px;
margin-top: 40px;
}
.no-insights[b-bishsgrbf2] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 40px;
height: 100%;
width: 100%;
}
.no-insights-content[b-bishsgrbf2] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 24px;
}
.no-insights-content img[b-bishsgrbf2] {
width: 64px;
height: 64px;
opacity: 0.5;
}
.no-insights-content p[b-bishsgrbf2] {
font-size: 18px;
font-weight: 500;
color: #21262C;
text-align: center;
}
.no-insights-content span[b-bishsgrbf2] {
font-size: 16px;
font-weight: 500;
color: #686868;
text-align: center;
}
/* _content/Lumiboard.Client.Shared/Pages/Integrations.razor.rz.scp.css */
.integrations-modal[b-haz1d4qzpa] {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 96dvh;
background-color: #fff;
border-radius: 16px 16px 0 0;
padding: 20px;
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.2);
z-index: 1300;
animation: slideUp-b-haz1d4qzpa 0.3s ease-in-out;
}
.integrations-header[b-haz1d4qzpa] {
display: flex;
justify-content: space-between;
align-items: center;
}
.integrations-header .back-button[b-haz1d4qzpa] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
gap: 10px;
cursor: pointer;
}
.integrations-header .back-button span[b-haz1d4qzpa] {
font-size: 18px;
font-weight: 500px;
color: #4185DD;
}
.integrations-header .back-button span:active[b-haz1d4qzpa] {
opacity: 0.5;
}
.integrations-header div h3[b-haz1d4qzpa] {
font-size: 20px;
font-weight: 600;
color: #21262C;
}
.integrations-header .done-button button[b-haz1d4qzpa] {
font-size: 18px;
font-weight: 700;
color: #007AFF
}
.integrations-body[b-haz1d4qzpa] {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
margin-top: 32px;
}
.integrations-body .integration[b-haz1d4qzpa] {
display: flex;
justify-content: space-between;
flex-direction: row;
align-items: center;
width: 100%;
padding: 16px;
}
.integrations-body .integration .integration-content[b-haz1d4qzpa] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
gap: 16px;
}
.integrations-body .integration .integration-content .integration-title[b-haz1d4qzpa] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: start;
gap: 4px;
}
.integrations-body .integration .integration-content .integration-title span[b-haz1d4qzpa] {
font-size: 14px;
font-weight: 400;
color: #5B5B5B;
}
.integrations-body .integration .integration-content .integration-title p[b-haz1d4qzpa] {
font-size: 17px;
font-weight: 400;
color: #000000;
}
.integration-action button[b-haz1d4qzpa] {
font-size: 15px;
font-weight: 600;
border-radius: 10px;
padding: 12px 8px;
border: 1px solid #21262C;
height: 34px;
}
.integration-action .button-Connect[b-haz1d4qzpa] {
background-color: #545454;
color: white;
}
.integration-action .button-Disconnect[b-haz1d4qzpa] {
background-color: white;
color: #545454;
}
.green[b-haz1d4qzpa] {
background-color: #2D7D2B!important;
color: white!important;
}
hr[b-haz1d4qzpa] {
width: 100%;
border: 1px solid #E3E3E3;
margin: 6px 0;
}
@keyframes slideUp-b-haz1d4qzpa {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
/* _content/Lumiboard.Client.Shared/Pages/Login.razor.rz.scp.css */
.login-screen[b-75u0h3bzv7] {
width: 100%;
height: 100dvh;
background-color: #F7F7F7;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.login-container[b-75u0h3bzv7] {
width: 100%;
max-width: 470px;
padding: 3rem;
background-color: #FFFFFF;
border-radius: 20px;
border: 1px solid #EFEFEF;
display: flex;
flex-direction: column;
justify-content: center;
gap: 1rem;
}
.logo[b-75u0h3bzv7] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 3rem;
}
.logo img[b-75u0h3bzv7] {
width: 32px;
height: 32px;
}
.logo span[b-75u0h3bzv7] {
font-size: 22px;
font-weight: 700;
color: #343A40;
}
.login-form[b-75u0h3bzv7] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
gap: 3rem;
}
.login-form span[b-75u0h3bzv7] {
font-size: 14px;
font-weight: 500;
color: #919599;
}
.login-form form[b-75u0h3bzv7] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 20px;
width: 100%;
}
.login-form .form-group[b-75u0h3bzv7] {
width: 100%;
display: flex;
flex-direction: column;
gap: 10px;
position: relative;
}
.login-form form input[b-75u0h3bzv7] {
width: 100%;
padding: 10px;
border: 0.5px solid #33333314;
border-radius: 10px;
font-size: 16px;
}
.login-form form input:focus[b-75u0h3bzv7] {
outline: none;
border: 1px solid #1458FD;
}
.login-form form input[b-75u0h3bzv7]::placeholder {
color: #B3B3B3;
}
.login-form form label[b-75u0h3bzv7] {
font-size: 14px;
font-weight: 500;
color: #343A40;
}
.submit[b-75u0h3bzv7] {
width: 100%;
padding: 10px;
border: none;
border-radius: 8px;
background-color: #4842FC;
color: #fff;
font-size: 16px;
font-weight: 700;
cursor: pointer;
height: 46px;
}
.submit:disabled[b-75u0h3bzv7] {
opacity: 0.6;
cursor: not-allowed;
}
.login-form form p[b-75u0h3bzv7] {
font-size: 16px;
font-weight: 500;
color: #596169;
}
.login-form form p span[b-75u0h3bzv7] {
color: #4842FC;
}
.error-message[b-75u0h3bzv7] {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 10px;
flex-direction: row;
font-size: 13px;
font-weight: 500;
color: #DA660E;
}
.password-toggle-btn[b-75u0h3bzv7] {
position: absolute;
right: 12px;
top: 39%;
background: none;
border: none;
cursor: pointer;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}
.password-toggle-btn img[b-75u0h3bzv7] {
width: 20px;
height: 20px;
}
.forgot-password-btn[b-75u0h3bzv7] {
background: none;
border: none;
color: #343A40;
font-size: 14px;
font-weight: 500;
cursor: pointer;
text-decoration: none;
padding: 0;
margin-top: 5px;
align-self: flex-end;
}
.forgot-password-btn:hover[b-75u0h3bzv7] {
color: #4842FC;
}
@keyframes slideUp-b-75u0h3bzv7 {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
@media screen and (max-width: 768px) {
.login-container[b-75u0h3bzv7] {
padding: 1.5rem;
gap: 0.5rem;
margin: 1rem;
max-width: calc(100% - 2rem);
}
.logo[b-75u0h3bzv7] {
gap: 1.5rem;
}
.login-form[b-75u0h3bzv7] {
gap: 1.5rem;
}
.login-form form[b-75u0h3bzv7] {
gap: 15px;
}
.login-form .form-group[b-75u0h3bzv7] {
gap: 8px;
}
.forgot-password-btn[b-75u0h3bzv7] {
font-size: 13px;
margin-top: 3px;
}
}
/* _content/Lumiboard.Client.Shared/Pages/Lumicites.razor.rz.scp.css */
.account-modal[b-xphuzxcm3d] {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 100dvh;
background-color: #fff;
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.2);
z-index: 1300;
animation: slideUp-b-xphuzxcm3d 0.3s ease-in-out;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.account-modal-header[b-xphuzxcm3d] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: start;
width: 100%;
gap: 2px;
padding: 13px 24px;
background-color: #F2E8F9;
}
.close-container[b-xphuzxcm3d] {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
}
.close-container button[b-xphuzxcm3d] {
width: 22px;
height: 22px;
cursor: pointer;
background-color: rgba(104, 104, 104, 0.19);
border: none;
border-radius: 50%;
}
.account-info-container[b-xphuzxcm3d] {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 12px;
}
.no-lumicites[b-xphuzxcm3d] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 40px;
height: 100%;
width: 100%;
}
.no-lumicites-content[b-xphuzxcm3d] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 24px;
}
.no-lumicites-content img[b-xphuzxcm3d] {
width: 64px;
height: 64px;
opacity: 0.5;
}
.no-lumicites-content p[b-xphuzxcm3d] {
font-size: 18px;
font-weight: 500;
color: #21262C;
}
.no-lumicites-content span[b-xphuzxcm3d] {
font-size: 16px;
font-weight: 500;
color: #686868;
text-align: center;
}
.account-info-container .account-picture img[b-xphuzxcm3d] {
width: 64px;
height: 64px;
border-radius: 50%;
}
.account-level[b-xphuzxcm3d] {
display: flex;
flex-direction: column;
justify-content: start;
align-items: center;
gap: 4px;
width: 100%;
}
.account-level .account-name[b-xphuzxcm3d] {
display: flex;
justify-content: start;
align-items: center;
gap: 4px;
width: 100%;
}
.account-level .account-name h2[b-xphuzxcm3d] {
font-size: 20px;
font-weight: 700;
color: #310F47;
}
.account-level .level-container[b-xphuzxcm3d] {
display: flex;
flex-direction: row;
justify-content: start;
align-items: center;
gap: 4px;
width: 100%;
}
.account-modal-body[b-xphuzxcm3d] {
display: flex;
flex-direction: column;
justify-content: start;
align-items: center;
gap: 16px;
width: 100%;
padding: 18px 24px;
height: 100%;
}
.account-lumicites[b-xphuzxcm3d] {
display: flex;
flex-direction: column;
justify-content: start;
align-items: center;
gap: 16px;
width: 100%;
height: 100%;
}
.account-lumicites .account-lumicites-header[b-xphuzxcm3d] {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
}
.account-lumicites-header h3[b-xphuzxcm3d] {
font-size: 14px;
font-weight: 600;
color: #000000;
}
.account-lumicites-header .time-selector[b-xphuzxcm3d] {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 8px;
padding: 4px 8px;
border: 1px solid #E7E7E7;
border-radius: 20px;
}
.account-lumicites-header .time-selector span[b-xphuzxcm3d] {
font-size: 14px;
font-weight: 500;
color: #5B5B5B;
}
.account-lumicites-body[b-xphuzxcm3d] {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: 24px;
width: 100%;
height: 100%;
}
.account-lumicites-body .lumicite[b-xphuzxcm3d] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 8px;
width: 100%;
}
.account-lumicites-body .lumicite h3[b-xphuzxcm3d] {
font-size: 16px;
font-weight: 500;
color: #6F6F6F;
}
.account-lumicites-body .lumicite .lumicite-amount[b-xphuzxcm3d] {
display: flex;
flex-direction: row;
justify-content: start;
align-items: center;
gap: 8px;
}
.account-lumicites-body .lumicite .lumicite-amount div[b-xphuzxcm3d] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 4px;
}
.account-lumicites-body .lumicite .lumicite-amount div span[b-xphuzxcm3d] {
font-size: 20px;
font-weight: 800;
color: #3D3D3D;
}
.account-lumicites-body .lumicite .lumicite-amount div img[b-xphuzxcm3d] {
width: 17px;
height: 17px;
}
.percentage-label[b-xphuzxcm3d] {
font-weight: bold;
padding: 5px;
font-size: 13px;
border-radius: 4px;
display: flex;
align-items: center;
gap: 5px;
}
.up[b-xphuzxcm3d] {
background: #e6ffe6;
color: #2ca02c;
}
.down[b-xphuzxcm3d] {
background: #fff4e6;
color: #e67e22;
}
.bar[b-xphuzxcm3d] {
width: 42px;
height: 0;
border-radius: 10px;
transition: height 1.2s ease-in-out;
}
.green[b-xphuzxcm3d] {
background-color: #2ca02c;
}
.gray[b-xphuzxcm3d] {
background-color: #b0b0b0;
}
.red[b-xphuzxcm3d] {
background-color: #e57373;
}
@keyframes slideUp-b-xphuzxcm3d {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
/* _content/Lumiboard.Client.Shared/Pages/Memos.razor.rz.scp.css */
.memos-container[b-p9r3rvwbi7] {
display: flex;
flex-direction: column;
justify-content: start;
align-items: center;
width: 100%;
height: 100%;
gap: 16px;
overflow-y: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.memos-header[b-p9r3rvwbi7] {
display: flex;
justify-content: start;
align-items: center;
width: 100%;
margin-top: 34px;
padding: 0px 16px;
}
.memos-header h2[b-p9r3rvwbi7] {
font-size: 24px;
font-weight: 600;
color: #21262C;
}
.memos-body[b-p9r3rvwbi7] {
display: flex;
flex-direction: column;
width: 100%;
gap: 4px;
align-items: center;
justify-content: start;
}
.no-memos[b-p9r3rvwbi7] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 40px;
height: 100%;
width: 100%;
}
.no-memos-content[b-p9r3rvwbi7] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 16px;
}
.no-memos-content p[b-p9r3rvwbi7] {
font-size: 18px;
font-weight: 500;
color: #21262C;
}
.no-memos-content span[b-p9r3rvwbi7] {
font-size: 16px;
font-weight: 500;
color: #686868;
}
.memo-card[b-p9r3rvwbi7] {
display: flex;
flex-direction: row;
justify-content: start;
align-items: center;
gap: 15px;
width: 100%;
padding: 13px;
border-bottom: 1px solid #dfdcdc;
}
.memo-card .checkbox[b-p9r3rvwbi7] {
width: 24px;
height: 24px;
border-radius: 50%;
border: 1px solid #D3D3D3;
flex: none;
}
.memo-card-title[b-p9r3rvwbi7] {
display: flex;
justify-content: start;
align-items: start;
flex-direction: column;
gap: 8px;
width: 100%;
}
.memo-card-title input[b-p9r3rvwbi7] {
font-size: 16px;
font-weight: 400;
color: #000000;
border: none;
outline: none;
background-color: transparent;
width: 100%;
}
.memo-card-title input:focus[b-p9r3rvwbi7] {
border: none;
outline: none;
}
.memo-card-title textarea[b-p9r3rvwbi7] {
font-size: 16px;
font-weight: 400;
color: #000000;
border: none;
outline: none;
background-color: transparent;
width: 100%;
}
.memo-card-title textarea:focus[b-p9r3rvwbi7] {
border: none;
outline: none;
}
.memo-card-info[b-p9r3rvwbi7] {
display: flex;
justify-content: start;
flex-direction: row;
align-items: center;
gap: 8px;
}
.memo-card-info div[b-p9r3rvwbi7] {
display: flex;
justify-content: start;
align-items: center;
gap: 4px;
}
.memo-card-info div span[b-p9r3rvwbi7] {
font-size: 14px;
font-weight: 400;
color: #727272;
}
.memo-card-info div img[b-p9r3rvwbi7] {
height: 13px;
width: 13px;
opacity: 0.7;
}
.memo-card-more[b-p9r3rvwbi7] {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
position: relative;
z-index: 9999;
width: 20px;
height: 20px;
}
.memo-card-more .converting-menu[b-p9r3rvwbi7] {
display: flex;
flex-direction: column;
align-items: start;
justify-content: start;
gap: 5px;
position: absolute;
right: 30px;
top: -100px;
background-color: #efefef;
width: 200px;
z-index: 10000;
border-radius: 8px;
box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.09);
}
.memo-card-more .converting-menu ul[b-p9r3rvwbi7] {
width: 100%;
}
.memo-card-more .converting-menu hr[b-p9r3rvwbi7] {
width: 100%;
margin: 0;
border: 0;
border-top: 0.5px solid #E0E0E0;
}
.memo-card-more .converting-menu li[b-p9r3rvwbi7] {
list-style: none;
padding: 10px 20px;
cursor: pointer;
font-size: 16px;
font-weight: 400;
line-height: 22px;
color: #000000;
}
.memos-completed-header[b-p9r3rvwbi7] {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 16px;
}
.memos-completed-header h3[b-p9r3rvwbi7] {
font-size: 16px;
font-weight: 600;
color: #21262C;
}
.memos-completed-header img[b-p9r3rvwbi7] {
width: 12px;
height: 12px;
transition: transform 0.3s;
}
.completed[b-p9r3rvwbi7] {
text-decoration: line-through;
}
.rotated[b-p9r3rvwbi7] {
transform: rotate(180deg);
}
.swipe-container[b-p9r3rvwbi7] {
position: relative;
overflow: visible;
z-index: auto;
width: 100%;
height: auto;
background-color: #f5f5f5;
}
.swipe-content[b-p9r3rvwbi7] {
position: relative;
transition: transform 0.3s ease;
z-index: 2;
background-color: #f5f5f5;
}
.delete-button[b-p9r3rvwbi7] {
position: absolute;
right: 0;
top: 2.5px;
bottom: 0;
width: 80px;
background-color: #E54B20;
height: calc(100% - 5px);
color: #fff;
border: none;
cursor: pointer;
outline: none;
transition: background-color 0.3s;
z-index: 1;
font-size: 16px;
font-weight: 500;
box-sizing: border-box;
}
.delete-button:hover[b-p9r3rvwbi7] {
background-color: #ff7875;
}
/* _content/Lumiboard.Client.Shared/Pages/Notifications.razor.rz.scp.css */
.notifications-modal[b-pz1cxalo8r] {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 96dvh;
background-color: #fff;
border-radius: 16px 16px 0 0;
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.2);
z-index: 1300;
animation: slideUp-b-pz1cxalo8r 0.3s ease-in-out;
}
.notifications-header[b-pz1cxalo8r] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 24px;
width: 100%;
padding: 24px;
border-radius: 16px 16px 0 0;
background-color: #F8F8F8;
}
.notifications-header-title[b-pz1cxalo8r] {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.notifications-header-title h3[b-pz1cxalo8r] {
margin: 0;
text-align: center;
font-size: 20px;
font-weight: 600;
color: #21262C;
}
.notifications-header-title button[b-pz1cxalo8r] {
border: none;
background: none;
font-size: 18px;
font-weight: 700;
color: #007AFF;
}
.notifications-header-filter[b-pz1cxalo8r] {
display: flex;
justify-content: space-between;
flex-direction: row;
align-items: center;
width: 100%;
padding: 2.5px;
background-color: rgba(118, 118, 128, 0.12);
border-radius: 8px;
}
.notifications-header-filter button[b-pz1cxalo8r] {
border: none;
background: none;
font-size: 13px;
font-weight: 600;
color: #000000;
border-radius: 7px;
width: 100%;
padding: 5px 0;
}
.notifications-header-filter button.active[b-pz1cxalo8r] {
background-color: white;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.notifications-body[b-pz1cxalo8r] {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
overflow-y: auto;
height: calc(100vh - 150px);
scrollbar-width: none;
-ms-overflow-style: none;
}
.notifications-body .notification[b-pz1cxalo8r] {
width: 100%;
padding: 16px;
display: flex;
justify-content: flex-start;
flex-direction: row;
align-items: center;
gap: 12px;
}
.notifications-body .notification .notification-avatar[b-pz1cxalo8r] {
display: flex;
justify-content: flex-start;
align-items: center;
}
.notifications-body .notification .notification-avatar img[b-pz1cxalo8r] {
width: 45px;
height: 45px;
}
.notifications-body .notification .notification-message[b-pz1cxalo8r] {
display: flex;
justify-content: flex-start;
align-items: start;
flex-direction: column;
gap: 4px;
width: 100%;
}
.notifications-body .notification .notification-message .message[b-pz1cxalo8r] {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin: 0;
font-size: 16px;
font-weight: 400;
color: #000000;
}
.bolded[b-pz1cxalo8r] {
font-weight: 600;
}
.notifications-body .notification .notification-message .notification-date[b-pz1cxalo8r] {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.notifications-body .notification .notification-message .notification-date .date[b-pz1cxalo8r] {
font-size: 13px;
font-weight: 400;
color: #727272;
}
hr[b-pz1cxalo8r] {
width: 100%;
margin: 0;
border: 0;
border-top: 1px solid #E5E5E5;
}
.no-notifications[b-pz1cxalo8r] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 40px;
height: 100%;
width: 100%;
}
.no-notifications-content[b-pz1cxalo8r] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 24px;
}
.no-notifications-content img[b-pz1cxalo8r] {
width: 64px;
height: 64px;
opacity: 0.5;
}
.no-notifications-content p[b-pz1cxalo8r] {
font-size: 18px;
font-weight: 500;
color: #21262C;
text-align: center;
}
.no-notifications-content span[b-pz1cxalo8r] {
font-size: 16px;
font-weight: 500;
color: #686868;
text-align: center;
}
@keyframes slideUp-b-pz1cxalo8r {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
/* _content/Lumiboard.Client.Shared/Pages/ObjectiveBoard.razor.rz.scp.css */
.objective-modal[b-a6yuqdu4qr] {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 92dvh;
background-color: #f7f7f7;
border-radius: 16px 16px 0 0;
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.2);
z-index: 1300;
animation: slideUp-b-a6yuqdu4qr 0.3s ease-in-out;
overflow-y: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.objective-modal-header[b-a6yuqdu4qr] {
display: flex;
position: fixed;
z-index: 2000;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
gap: 6px;
padding: 13px;
background-color: white;
border-radius: 16px 16px 0 0;
box-shadow: 0 1px 7px rgba(0, 0, 0, 0.2);
}
.close-container[b-a6yuqdu4qr] {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
}
.close-container button[b-a6yuqdu4qr] {
width: 22px;
height: 22px;
cursor: pointer;
background-color: rgba(104, 104, 104, 0.19);
border: none;
border-radius: 50%;
}
.objective-modal-header .objective-title[b-a6yuqdu4qr] {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
}
.objective-info[b-a6yuqdu4qr] {
padding: 0px 20px;
width: 100%;
display: flex;
flex-direction: column;
gap: 10px;
justify-content: center;
align-items: center;
}
.objective-modal-header .objective-title h2[b-a6yuqdu4qr] {
font-size: 26px;
font-weight: 600;
color: #272B2C;
}
.objective-modal-header .objective-title span[b-a6yuqdu4qr] {
font-size: 14px;
font-weight: 500;
color: #848484;
}
.objective-modal-header .objective-stats[b-a6yuqdu4qr] {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
margin-top: 16px;
}
.objective-progress-bar[b-a6yuqdu4qr] {
width: 100%;
height: 8px;
background-color: #E5E5E5;
border-radius: 20px;
overflow: hidden;
}
.progress-fill[b-a6yuqdu4qr] {
height: 100%;
background-color: var(--progress-color);
border-radius: 20px;
transition: width 0.5s ease-in-out;
}
.objective-modal-body[b-a6yuqdu4qr] {
position: relative;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-top: 230px;
margin-bottom: 100px;
}
.dashed-line[b-a6yuqdu4qr] {
display: block;
width: 100%;
/* height: 700px;*/
}
.task[b-a6yuqdu4qr] {
display: flex;
align-items: center;
justify-content: center;
padding: 10px 20px;
background-color: white;
border-radius: 14px;
box-shadow: 0 1px 7px rgba(0, 0, 0, 0.2);
position: absolute;
}
.flag-icon[b-a6yuqdu4qr] {
position: absolute;
top: -10px;
right: -10px;
}
.checkpoint-icon[b-a6yuqdu4qr] {
position: absolute;
top: -20px;
left: 10px;
}
.current[b-a6yuqdu4qr] {
width: 150px;
height: 140px;
border: 1px solid #FF6629;
}
.task h3[b-a6yuqdu4qr] {
font-size: 16px;
font-weight: 500;
color: #000000;
text-align: center;
}
.upcoming[b-a6yuqdu4qr] {
border: 1px solid #3E69F6;
height: 70px;
width: 70px;
}
.past[b-a6yuqdu4qr] {
height: 70px;
width: 70px;
}
.ai-button-container[b-a6yuqdu4qr] {
position: absolute;
bottom: 20px;
left: 20px;
z-index: 1400;
display: flex;
flex-direction: row;
gap: 10px;
justify-content: center;
align-items: center;
}
.ai-button-container button[b-a6yuqdu4qr] {
margin-top: 9px;
}
.ai-button-container .boad-view-button[b-a6yuqdu4qr] {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 12px;
padding: 5px 13px;
background-color: #D9D9D9;
border-radius: 20px;
}
.ai-button-container .boad-view-button span[b-a6yuqdu4qr] {
font-size: 14px;
font-weight: 500;
color: #767676;
}
.objective-modal-info[b-a6yuqdu4qr] {
display: flex;
flex-direction: column;
gap: 13px;
padding: 0px 33px;
width: 100%;
}
.objective-modal-info .objective-modal-attributes[b-a6yuqdu4qr] {
display: flex;
flex-wrap: wrap;
gap: 8px;
width: 100%;
}
.under-buttons-container[b-a6yuqdu4qr] {
display: flex;
align-items: center;
flex-direction: row;
gap: 8px;
width: 100%;
}
.objective-modal-attributes button[b-a6yuqdu4qr],
.under-buttons-container button[b-a6yuqdu4qr] {
background: none;
border: 1px solid #DEDEDE;
border-radius: 6px;
padding: 10px 16px;
cursor: pointer;
min-width: 38px;
min-height: 38px;
gap: 6px;
}
.more-button-container[b-a6yuqdu4qr],
.priority-button-container[b-a6yuqdu4qr] {
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.more-button-container[b-a6yuqdu4qr] .options-popup {
bottom: -500%;
left: 0;
}
[b-a6yuqdu4qr] .importance-popup {
left: 20px;
bottom: 5px;
}
.importance-popup-container[b-a6yuqdu4qr] .importance-popup {
left: 8% !important;
bottom: 65% !important;
}
.duration-popup-container[b-a6yuqdu4qr] .duration-popup {
left: 30px !important;
bottom: 110px !important;
}
.objective-modal-add-taks[b-a6yuqdu4qr] {
display: flex;
flex-direction: row;
justify-content: start;
align-items: center;
width: 100%;
gap: 13px;
margin-top: 16px;
}
.objective-modal-add-taks p[b-a6yuqdu4qr] {
font-size: 15px;
font-weight: 400;
color: #000000;
}
.objective-modal-tasks[b-a6yuqdu4qr] {
display: flex;
flex-direction: column;
gap: 10px;
width: 100%;
margin-top: 10px;
}
.task-item[b-a6yuqdu4qr] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: start;
width: 100%;
padding: 10px 0px;
gap: 10px;
}
.task-item input[b-a6yuqdu4qr] {
width: 20px;
height: 20px;
}
.task-item h4[b-a6yuqdu4qr] {
font-size: 16px;
font-weight: 400;
color: #000000;
}
.task-item .task-item-title[b-a6yuqdu4qr] {
display: flex;
flex-direction: row;
justify-content: start;
align-items: center;
width: 100%;
gap: 10px;
}
.task-item .task-item-details[b-a6yuqdu4qr] {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
gap: 10px;
padding: 0px 30px;
}
.task-item .select-all-container[b-a6yuqdu4qr] {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
}
.task-item .select-all-container div[b-a6yuqdu4qr] {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 10px;
}
.task-item .select-all-container p[b-a6yuqdu4qr] {
font-size: 14px;
font-weight: 500;
color: #E15E52;
}
.task-item-details div[b-a6yuqdu4qr] {
display: flex;
flex-direction: row;
justify-content: start;
align-items: center;
gap: 5px;
}
.task-item-details img[alt="time"][b-a6yuqdu4qr] {
width: 12px;
height: 11px;
opacity: 0.7;
}
.task-item-details p[b-a6yuqdu4qr] {
font-size: 14px;
font-weight: 400;
color: #727272;
}
hr[b-a6yuqdu4qr] {
width: 100%;
border: 1px solid #E0E0E0;
}
.timeline-hidden[b-a6yuqdu4qr] {
opacity: 0;
visibility: hidden;
}
.timeline-visible[b-a6yuqdu4qr] {
opacity: 1;
visibility: visible;
transition: opacity 0.3s ease-in;
}
@keyframes slideUp-b-a6yuqdu4qr {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
/* _content/Lumiboard.Client.Shared/Pages/Objectives.razor.rz.scp.css */
.objectives-container[b-qielyrtv0s] {
display: flex;
flex-direction: column;
justify-content: start;
align-items: center;
padding: 30px;
width: 100%;
height: 100%;
gap: 16px;
overflow-y: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.no-objectives[b-qielyrtv0s] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 40px;
height: 100%;
width: 100%;
}
.no-objectives-content[b-qielyrtv0s] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 16px;
}
.no-objectives-content p[b-qielyrtv0s] {
font-size: 18px;
font-weight: 500;
color: #21262C;
}
.no-objectives-content span[b-qielyrtv0s] {
font-size: 16px;
font-weight: 500;
color: #686868;
}
.all-objectives-container[b-qielyrtv0s] {
display: flex;
flex-direction: column;
justify-content: start;
align-items: center;
width: 100%;
height: 100%;
gap: 16px;
overflow-y: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.objectives-header[b-qielyrtv0s] {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
margin-bottom: 16px;
}
.objectives-header h2[b-qielyrtv0s] {
font-size: 22px;
font-weight: 700;
color: #21262C;
}
.objectives-body[b-qielyrtv0s] {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
width: 100%;
}
.all-objectives-body[b-qielyrtv0s] {
display: flex;
flex-direction: column;
width: 100%;
justify-content: start;
align-items: center;
}
.all-objectives-body .reference[b-qielyrtv0s] {
width: 100%;
padding: 16px;
display: flex;
justify-content: space-between;
flex-direction: row;
background-color: #FFFFFF;
transition: all 0.3s ease;
border-top: 1px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
}
.all-objectives-body .reference p[b-qielyrtv0s] {
font-size: 16px;
font-weight: 400;
color: #000000;
}
.all-objectives-body .reference span[b-qielyrtv0s] {
font-size: 14px;
font-weight: 400;
}
.objective-card[b-qielyrtv0s] {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
padding: 16px;
border-radius: 14px;
background-color: #FFFFFF;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
position: relative;
transition: all 0.3s ease;
}
.objective-card-header[b-qielyrtv0s] {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
position: relative;
}
.objective-card-footer[b-qielyrtv0s] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
gap: 8px;
}
.objective-card-footer div[b-qielyrtv0s] {
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
}
.inactive-objective-status[b-qielyrtv0s] {
background-color: #E7E7E7;
color: #5D5D5D;
font-size: 13px;
font-weight: 600;
padding: 4px 8px;
max-width: 62px;
border-radius: 20px;
margin-right: auto;
}
.progress-bar[b-qielyrtv0s] {
width: 100%;
background-color: #E5E5E5;
border-radius: 20px;
overflow: hidden;
}
.progress-fill[b-qielyrtv0s] {
height: 100%;
/* background-color: #A45AD6; */
background-color: var(--progress-color);
border-radius: 20px;
transition: width 0.5s ease-in-out;
}
.status-Active[b-qielyrtv0s] {
color: #69B443
}
.status-Completed[b-qielyrtv0s] {
color: black;
}
.status-InActive[b-qielyrtv0s] {
color: #FFA500;
}
.large[b-qielyrtv0s] {
width: 100%;
height: 260px;
grid-column: span 2;
}
.large h3[b-qielyrtv0s] {
font-size: 30px;
font-weight: 700;
color: #272B2C;
}
.large span[b-qielyrtv0s] {
font-size: 14px;
font-weight: 500;
color: #848484;
}
.large h4[b-qielyrtv0s] {
font-size: 22px;
font-weight: 600;
color: #272B2C;
}
.large .progress-bar[b-qielyrtv0s] {
height: 10px;
}
.medium[b-qielyrtv0s] {
width: 100%;
height: 130px;
grid-column: span 2;
}
.medium h4[b-qielyrtv0s] {
font-size: 16px;
font-weight: 600;
color: #272B2C;
}
.medium h3[b-qielyrtv0s] {
font-size: 17px;
font-weight: 700;
color: #272B2C;
}
.medium span[b-qielyrtv0s] {
font-size: 14px;
font-weight: 500;
color: #848484;
}
.medium .progress-bar[b-qielyrtv0s] {
height: 9px;
}
.small[b-qielyrtv0s] {
width: 100%;
height: 130px;
grid-column: span 1;
}
.small h3[b-qielyrtv0s] {
font-size: 15px;
font-weight: 700;
color: #272B2C;
}
.small h4[b-qielyrtv0s] {
font-size: 15px;
font-weight: 600;
color: #272B2C;
}
.small span[b-qielyrtv0s] {
font-size: 13px;
font-weight: 500;
color: #848484;
}
.small .progress-bar[b-qielyrtv0s] {
height: 9px;
}
.objective-buttons[b-qielyrtv0s] {
position: absolute;
display: flex;
flex-direction: row;
background-color: #ececec;
border-radius: 30px;
gap: 10px;
bottom: 10%;
z-index: 1000;
height: 28px;
display: flex;
justify-content: center;
align-items: center;
}
.objective-buttons .objective-filter-button[b-qielyrtv0s] {
height: 22px;
font-size: 13px;
font-weight: 400;
border-radius: 30px;
padding: 6px 20px;
height: 100%;
}
.active[b-qielyrtv0s] {
background-color: #464646;
color: white;
}
.more-menu[b-qielyrtv0s] {
display: flex;
flex-direction: column;
align-items: start;
justify-content: start;
gap: 5px;
position: absolute;
right: 0;
top: 30px;
background-color: #f3f3f3;
width: 200px;
z-index: 2;
border-radius: 8px;
box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.09);
}
.more-menu ul[b-qielyrtv0s] {
width: 100%;
}
.more-menu li[b-qielyrtv0s] {
list-style: none;
padding: 10px 20px;
cursor: pointer;
font-size: 16px;
font-weight: 400;
line-height: 22px;
color: #000000;
}
.border-alert[b-qielyrtv0s] {
border: 2px solid green;
}
.border-alert[b-qielyrtv0s]::after {
content: "";
position: absolute;
top: -10px;
left: -10px;
right: -10px;
bottom: -10px;
border-radius: 14px;
border: 2px solid rgba(96, 221, 96, 0.56);
opacity: 0;
pointer-events: none;
animation: pulse-border-b-qielyrtv0s 1.5s ease-out infinite;
}
@keyframes pulse-border-b-qielyrtv0s {
0% {
transform: scale(1);
opacity: 0.7;
}
100% {
transform: scale(1.3);
opacity: 0;
}
}
/* _content/Lumiboard.Client.Shared/Pages/ObjectivesTasksList.razor.rz.scp.css */
.objective-tasks-modal[b-cwvr7zkpfx] {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 95dvh;
background-color: #fff;
border-radius: 16px 16px 0 0;
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.2);
z-index: 1300;
animation: slideUp-b-cwvr7zkpfx 0.3s ease-in-out;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
}
.objective-tasks-header[b-cwvr7zkpfx] {
display: flex;
justify-content: space-between;
align-items: center;
padding: 30px 20px;
width: 100%;
}
.objective-tasks-header .cancel-button span[b-cwvr7zkpfx] {
font-size: 18px;
font-weight: 500px;
color: #4185DD;
}
.objective-tasks-header .cancel-button span:active[b-cwvr7zkpfx] {
opacity: 0.5;
}
.objective-tasks-header div h3[b-cwvr7zkpfx] {
font-size: 18px;
font-weight: 600;
color: #21262C;
}
.objective-tasks-header .save-button button[b-cwvr7zkpfx] {
font-size: 18px;
font-weight: 700;
color: #007AFF
}
.objective-tasks-header .save-button button:disabled[b-cwvr7zkpfx] {
opacity: 0.6;
}
.objective-tasks-header .save-button button:active[b-cwvr7zkpfx] {
opacity: 0.5;
}
.objective-tasks-body[b-cwvr7zkpfx] {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
gap: 13px;
padding-bottom: 250px;
}
.loading-container[b-cwvr7zkpfx] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
gap: 13px;
margin-left: 15%;
position: relative;
}
.loading-container p[b-cwvr7zkpfx] {
font-size: 21px;
font-weight: 500;
color: #21262C;
position: absolute;
bottom: 28%;
left: 14%;
}
.objective-tasks-body .tasks-list[b-cwvr7zkpfx] {
display: flex;
flex-direction: column;
justify-content: start;
align-items: center;
width: 100%;
max-height: calc(100vh - 350px);
overflow-y: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.objective-title[b-cwvr7zkpfx] {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 20px;
}
.objective-title h3[b-cwvr7zkpfx] {
font-size: 19px;
font-weight: 500;
color: #21262C;
}
.objective-title span[b-cwvr7zkpfx] {
font-size: 16px;
font-weight: 400;
color: #21262C;
}
.objective-tasks-footer[b-cwvr7zkpfx] {
display: flex;
flex-direction: column;
justify-content: start;
align-items: start;
width: 100%;
position: fixed;
bottom: 0;
z-index: 1200;
}
.objective-tasks-regenerate-container[b-cwvr7zkpfx] {
display: flex;
flex-direction: column;
justify-content: start;
align-items: center;
height: 154px;
width: 100%;
background-color: #F0F0F0;
position: relative;
}
.ai-button-container[b-cwvr7zkpfx] {
position: absolute;
top: 65%;
right: 85%;
display: flex;
justify-content: center;
align-items: center;
}
.objective-tasks-regenerate-container .tasks-picker-values[b-cwvr7zkpfx] {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 10px;
}
.slider-container[b-cwvr7zkpfx] {
width: 100%;
position: relative;
padding: 10px;
}
.slider-container input[type="range"][b-cwvr7zkpfx] {
width: 100%;
-webkit-appearance: none;
background: transparent;
outline: none;
}
.slider-container input[type="range"][b-cwvr7zkpfx]::-webkit-slider-runnable-track {
height: 6px;
background: #d3c9e3;
border-radius: 3px;
}
.slider-container input[type="range"][b-cwvr7zkpfx]::-moz-range-track {
height: 6px;
background: #d3c9e3;
border-radius: 3px;
}
.slider-container input[type="range"][b-cwvr7zkpfx]::-webkit-slider-thumb {
-webkit-appearance: none;
height: 32px;
width: 32px;
background: #A45AD6;
border-radius: 50%;
border: 2px solid #fff;
cursor: pointer;
margin-top: -11px;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
box-sizing: border-box;
}
.slider-container input[type="range"][b-cwvr7zkpfx]::-moz-range-thumb {
height: 32px;
width: 32px;
background: #A45AD6;
border: 2px solid #fff;
border-radius: 50%;
cursor: pointer;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
box-sizing: border-box;
}
.slider-container input[type="range"][b-cwvr7zkpfx]::-webkit-slider-thumb:hover,
.slider-container input[type="range"][b-cwvr7zkpfx]::-moz-range-thumb:hover {
background: #ab47bc;
}
.objective-tasks-regenerate-container .regenerate-tasks-button[b-cwvr7zkpfx] {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
padding: 10px;
}
.objective-tasks-regenerate-container .regenerate-tasks-button button[b-cwvr7zkpfx] {
font-size: 14px;
font-weight: 600;
color: #040404;
background-color: #E5E5E5;
border-radius: 99px;
height: 43px;
width: 173px;
}
.objective-tasks-regenerate-container .regenerate-tasks-button button:active[b-cwvr7zkpfx] {
opacity: 0.5;
}
.objective-modal-add-taks[b-cwvr7zkpfx] {
display: flex;
flex-direction: row;
justify-content: start;
align-items: center;
width: 100%;
gap: 13px;
margin-top: 16px;
padding: 20px;
background-color: #fff;
}
.objective-modal-add-taks p[b-cwvr7zkpfx] {
font-size: 16px;
font-weight: 400;
color: #000000;
}
.task-item[b-cwvr7zkpfx] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: start;
width: 100%;
padding: 10px 20px;
gap: 10px;
}
.task-item input[b-cwvr7zkpfx] {
width: 20px;
height: 20px;
}
.task-item h4[b-cwvr7zkpfx] {
font-size: 16px;
font-weight: 400;
color: #000000;
}
.task-item .task-item-title[b-cwvr7zkpfx] {
display: flex;
flex-direction: row;
justify-content: start;
align-items: center;
width: 100%;
gap: 10px;
}
.task-item .task-item-details[b-cwvr7zkpfx] {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
gap: 10px;
padding: 0px 30px;
}
.task-item .select-all-container[b-cwvr7zkpfx] {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
}
.task-item .select-all-container div[b-cwvr7zkpfx] {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 10px;
}
.task-item .select-all-container p[b-cwvr7zkpfx] {
font-size: 14px;
font-weight: 500;
color: #E15E52;
}
.task-item-details div[b-cwvr7zkpfx] {
display: flex;
flex-direction: row;
justify-content: start;
align-items: center;
gap: 5px;
}
.task-item-details img[alt="time"][b-cwvr7zkpfx] {
width: 12px;
height: 11px;
opacity: 0.7;
}
.task-item-details p[b-cwvr7zkpfx] {
font-size: 14px;
font-weight: 400;
color: #727272;
}
hr[b-cwvr7zkpfx] {
width: 100%;
border: 1px solid #E0E0E0;
}
@keyframes slideUp-b-cwvr7zkpfx {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
/* _content/Lumiboard.Client.Shared/Pages/Register.razor.rz.scp.css */
.register-screen[b-fhu32807ml] {
width: 100%;
height: 100dvh;
background-color: #F7F7F7;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.register-container[b-fhu32807ml] {
width: 100%;
max-width: 470px;
padding: 3rem;
background-color: #FFFFFF;
border-radius: 20px;
border: 1px solid #EFEFEF;
display: flex;
flex-direction: column;
justify-content: center;
gap: 1rem;
}
.logo[b-fhu32807ml] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 3rem;
}
.terms-container[b-fhu32807ml] {
display: flex;
align-items: flex-start;
gap: 10px;
width: 100%;
margin-top: 5px;
}
.terms-notice[b-fhu32807ml] {
font-size: 14px;
color: #596169;
line-height: 1.4;
}
.terms-checkbox[b-fhu32807ml] {
position: relative;
display: block;
min-width: 20px;
height: 20px;
margin-top: 2px;
}
.terms-checkbox input[b-fhu32807ml] {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.terms-notice span.link[b-fhu32807ml] {
color: #4842FC;
text-decoration: none;
cursor: pointer;
}
.terms-notice span.link:hover[b-fhu32807ml] {
text-decoration: underline;
text-decoration-color: #4842FC;
}
.checkmark[b-fhu32807ml] {
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
background-color: #fff;
border: 1px solid rgba(51, 51, 51, 0.4);
border-radius: 4px;
}
.terms-checkbox input:checked ~ .checkmark[b-fhu32807ml] {
background-color: #4842FC;
}
.checkmark[b-fhu32807ml]:after {
content: "";
position: absolute;
display: none;
}
.terms-checkbox input:checked ~ .checkmark[b-fhu32807ml]:after {
display: block;
}
.terms-checkbox .checkmark[b-fhu32807ml]:after {
left: 6px;
top: 2px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.submit:disabled[b-fhu32807ml] {
opacity: 0.6;
cursor: not-allowed;
}
button.password-toggle-btn[b-fhu32807ml] {
position: absolute;
right: 12px;
top: 43px;
}
.logo img[b-fhu32807ml] {
width: 32px;
height: 32px;
}
.logo span[b-fhu32807ml] {
font-size: 22px;
font-weight: 700;
color: #343A40;
}
.register-form[b-fhu32807ml] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
gap: 3rem;
}
.register-form span[b-fhu32807ml] {
font-size: 14px;
font-weight: 500;
color: #919599;
}
.register-form form[b-fhu32807ml] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 20px;
width: 100%;
}
.register-form .form-group[b-fhu32807ml] {
width: 100%;
display: flex;
flex-direction: column;
gap: 10px;
position: relative;
}
.register-form form input[b-fhu32807ml] {
width: 100%;
padding: 10px;
border: 0.5px solid #33333314;
border-radius: 10px;
font-size: 16px;
}
.register-form form input:focus[b-fhu32807ml] {
outline: none;
border: 1px solid #1458FD;
}
.password-input-show:focus[b-fhu32807ml],
.password-input-hide:focus[b-fhu32807ml] {
outline: none;
border: 1px solid #1458FD;
}
.register-form form input[b-fhu32807ml]::placeholder {
color: #B3B3B3;
}
.register-form form label[b-fhu32807ml] {
font-size: 14px;
font-weight: 500;
color: #343A40;
}
.submit[b-fhu32807ml] {
width: 100%;
padding: 10px;
border: none;
border-radius: 8px;
background-color: #4842FC;
color: #fff;
font-size: 16px;
font-weight: 700;
cursor: pointer;
height: 46px;
}
.register-form form p[b-fhu32807ml] {
font-size: 16px;
font-weight: 500;
color: #596169;
}
.register-form form p span[b-fhu32807ml] {
color: #4842FC;
}
.error-message[b-fhu32807ml] {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 10px;
flex-direction: row;
font-size: 13px;
font-weight: 500;
color: #DA660E;
}
@keyframes slideUp-b-fhu32807ml {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
@media screen and (max-width: 768px) {
.register-container[b-fhu32807ml] {
padding: 1.5rem;
gap: 0.5rem;
margin: 1rem;
max-width: calc(100% - 2rem);
}
.logo[b-fhu32807ml] {
gap: 1.5rem;
}
.register-form[b-fhu32807ml] {
gap: 1.5rem;
}
.register-form form[b-fhu32807ml] {
gap: 15px;
}
.register-form .form-group[b-fhu32807ml] {
gap: 8px;
}
.terms-container[b-fhu32807ml] {
margin-top: 3px;
gap: 8px;
}
.terms-notice[b-fhu32807ml] {
font-size: 13px;
line-height: 1.3;
}
}
/* _content/Lumiboard.Client.Shared/Pages/ResetPassword.razor.rz.scp.css */
.forgot-screen[b-7mqhlvy97k] {
width: 100%;
height: 100dvh;
background-color: #F7F7F7;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.forgot-container[b-7mqhlvy97k] {
width: 100%;
max-width: 470px;
padding: 3rem;
background-color: #FFFFFF;
border-radius: 20px;
border: 1px solid #EFEFEF;
display: flex;
flex-direction: column;
justify-content: center;
gap: 1rem;
}
.logo[b-7mqhlvy97k] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 3rem;
}
.logo img[b-7mqhlvy97k] {
width: 32px;
height: 32px;
}
.logo span[b-7mqhlvy97k] {
font-size: 22px;
font-weight: 700;
color: #343A40;
}
.forgot-form[b-7mqhlvy97k] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
gap: 3rem;
}
.forgot-form span[b-7mqhlvy97k] {
font-size: 14px;
font-weight: 500;
color: #919599;
text-align: center;
}
.forgot-form form[b-7mqhlvy97k] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 20px;
width: 100%;
}
.forgot-form .form-group[b-7mqhlvy97k] {
width: 100%;
display: flex;
flex-direction: column;
gap: 10px;
}
.forgot-form form input[b-7mqhlvy97k] {
width: 100%;
padding: 10px;
border: 0.5px solid #33333314;
border-radius: 10px;
font-size: 16px;
}
.forgot-form form input:focus[b-7mqhlvy97k] {
outline: none;
border: 1px solid #1458FD;
}
.forgot-form form input[b-7mqhlvy97k]::placeholder {
color: #B3B3B3;
}
.forgot-form form label[b-7mqhlvy97k] {
font-size: 14px;
font-weight: 500;
color: #343A40;
}
.submit[b-7mqhlvy97k] {
width: 100%;
padding: 10px;
border: none;
border-radius: 8px;
background-color: #4842FC;
font-size: 16px;
font-weight: 700;
cursor: pointer;
height: 46px;
}
.submit .btn-title[b-7mqhlvy97k] {
color: #fff;
}
.submit:disabled[b-7mqhlvy97k] {
opacity: 0.6;
cursor: not-allowed;
}
.forgot-form form p[b-7mqhlvy97k] {
font-size: 16px;
font-weight: 500;
color: #596169;
}
.forgot-form form p span[b-7mqhlvy97k] {
color: #4842FC;
}
.success-message[b-7mqhlvy97k] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
max-width: 500px;
gap: 1rem;
margin-top: 3rem;
}
.success-message p[b-7mqhlvy97k] {
color: #919599;
font-weight: 500;
font-size: 14px;
text-align: center;
}
.retry[b-7mqhlvy97k]{
color: #4842FC;
cursor: pointer;
}
.error-message[b-7mqhlvy97k] {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 10px;
flex-direction: row;
}
.error-message span[b-7mqhlvy97k] {
font-size: 13px;
font-weight: 500;
color: #DA660E;
text-align: left;
}
@media screen and (max-width: 768px) {
.forgot-container[b-7mqhlvy97k] {
padding: 1.5rem;
gap: 0.5rem;
margin: 1rem;
max-width: calc(100% - 2rem);
}
.logo[b-7mqhlvy97k] {
gap: 1.5rem;
}
.forgot-form[b-7mqhlvy97k] {
gap: 1.5rem;
}
.forgot-form form[b-7mqhlvy97k] {
gap: 15px;
}
.forgot-form .form-group[b-7mqhlvy97k] {
gap: 8px;
}
.forgot-form span[b-7mqhlvy97k] {
font-size: 13px;
}
}
/* _content/Lumiboard.Client.Shared/Pages/RoutineDetails.razor.rz.scp.css */
.routine-modal[b-qcg35kxnus] {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 92dvh;
background-color: #fff;
border-radius: 16px 16px 0 0;
padding: 30px;
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.2);
z-index: 1300;
animation: slideUp-b-qcg35kxnus 0.3s ease-in-out;
overflow-y: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.routine-header[b-qcg35kxnus] {
display: flex;
justify-content: space-between;
flex-direction: row;
align-items: center;
margin-bottom: 24px;
}
.routine-details input[b-qcg35kxnus] {
width: 100%;
padding: 8px;
border: none;
font-size: 20px;
font-weight: 700;
color: #21262C;
}
.routine-details input[b-qcg35kxnus]::placeholder {
color: #919191;
}
.routine-details textarea[b-qcg35kxnus] {
width: 100%;
padding: 8px;
border: none;
font-size: 16px;
font-weight: 400;
color: #21262C;
}
.routine-details textarea:focus[b-qcg35kxnus] {
outline: none;
}
.routine-details input:focus[b-qcg35kxnus] {
outline: none;
}
.routine-header span[b-qcg35kxnus] {
font-size: 18px;
font-weight: 500;
color: #4185DD;
}
.routine-header button[b-qcg35kxnus] {
border: none;
background: none;
font-size: 18px;
font-weight: 700;
color: #4185DD
}
.routine-header button:active[b-qcg35kxnus] {
opacity: 0.5;
}
.routine-header button:disabled[b-qcg35kxnus] {
opacity: 0.5;
}
.routine-body[b-qcg35kxnus] {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
gap: 24px;
}
.routine-body .routine-details[b-qcg35kxnus] {
display: flex;
width: inherit;
flex-direction: column;
justify-content: flex-start;
align-items: start;
gap: 13px;
}
.routine-body .routine-details .routine-name[b-qcg35kxnus] {
width: inherit;
display: flex;
flex-direction: row;
justify-content: start;
align-items: center;
gap: 10px;
}
.routine-body .routine-details .routine-name .routine-icon[b-qcg35kxnus] {
min-height: 40px;
width: 40px;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background-color: #EEEEEE;
border-radius: 8px;
flex: none;
}
.routine-body .routine-details .routine-name .routine-icon img[b-qcg35kxnus] {
opacity: 0.5;
}
.routine-body .routine-details .routine-name h3[b-qcg35kxnus] {
font-size: 20px;
font-weight: 700;
color: #21262C;
}
.routine-body .routine-details .routine-description[b-qcg35kxnus] {
width: inherit;
}
.routine-body .routine-details .routine-additional-data[b-qcg35kxnus] {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: inherit;
gap: 10px;
}
.routine-body .routine-details .routine-additional-data .routine-active-users[b-qcg35kxnus] {
display: flex;
justify-content: center;
align-items: center;
padding: 1px 10px;
background-color: rgba(216, 216, 216, 0.29);
border-radius: 20px;
}
.routine-body .routine-details .routine-additional-data .routine-active-users p[b-qcg35kxnus] {
font-size: 15px;
font-weight: 500;
color: #525252;
}
.routine-body .routine-details .routine-additional-data p[b-qcg35kxnus] {
font-size: 13px;
font-weight: 500;
color: #525252;
}
hr[b-qcg35kxnus] {
width: 100%;
border: 1px solid #D8D8D8;
}
.routine-body .routine-workflow[b-qcg35kxnus] {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.routine-body .routine-connections[b-qcg35kxnus],
.routine-body .routine-emails[b-qcg35kxnus],
.routine-body .routine-parameters[b-qcg35kxnus]{
display: flex;
flex-direction: column;
align-items: start;
gap: 13px;
width: inherit;
}
.routine-body .routine-connections span[b-qcg35kxnus],
.routine-body .routine-emails span[b-qcg35kxnus],
.routine-body .routine-parameters span[b-qcg35kxnus] {
font-size: 15px;
font-weight: 500;
color: #868686;
}
.routine-body .routine-connections .connection[b-qcg35kxnus] {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: inherit;
}
.routine-body .routine-connections .connection div[b-qcg35kxnus] {
display: flex;
flex-direction: row;
justify-content: start;
align-items: center;
gap: 13px;
}
.routine-body .routine-connections .connection div span[b-qcg35kxnus] {
font-size: 15px;
font-weight: 700;
color: #21262C;
}
.routine-body .routine-connections .connection .connection-icon[b-qcg35kxnus] {
width: 32px;
height: 32px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 6px;
border: 1px solid #DEDEDE;
}
.routine-body .routine-connections .connection button[b-qcg35kxnus] {
border: 1px solid #7F7F7F;
background: none;
font-size: 14px;
font-weight: 600;
color: #7F7F7F;
padding: 8px 12px;
border-radius: 10px;
}
.routine-body .routine-emails .selected-emails[b-qcg35kxnus] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: inherit;
gap: 13px;
}
.routine-body .routine-emails .selected-emails .selected-email[b-qcg35kxnus] {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: inherit;
}
.routine-body .routine-emails .selected-emails .selected-email span[b-qcg35kxnus] {
font-size: 16px;
font-weight: 400;
color: #21262C;
}
.routine-body .routine-emails .selected-emails .selected-email button[b-qcg35kxnus] {
width: 20px;
height: 20px;
cursor: pointer;
background-color: rgba(104, 104, 104, 0.19);
border: none;
border-radius: 50%;
}
.routine-body .routine-emails input[b-qcg35kxnus] {
width: 100%;
padding: 10px 20px;
border: 0.5px solid rgba(51, 51, 51, 0.4);
border-radius: 10px;
font-size: 16px;
font-weight: 500;
}
.routine-body .routine-emails input:focus[b-qcg35kxnus] {
outline: none;
}
.routine-body .routine-emails .email-input-container[b-qcg35kxnus] {
width: 100%;
display: flex;
flex-direction: row;
gap: 8px;
}
.routine-body .routine-emails .add-email-button[b-qcg35kxnus] {
border: 1px solid #7F7F7F;
background-color: #000000;
font-size: 14px;
font-weight: 600;
color: white;
padding: 8px 20px;
border-radius: 10px;
}
.routine-body .routine-emails .add-email-button:active[b-qcg35kxnus] {
opacity: 0.5;
}
@keyframes slideUp-b-qcg35kxnus {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
/* _content/Lumiboard.Client.Shared/Pages/Routines.razor.rz.scp.css */
.routines-body[b-pnmnrswy7i] {
display: flex;
flex-direction: column;
align-items: center;
justify-content: start;
height: 100%;
width: 100%;
overflow-y: auto;
box-sizing: border-box;
scrollbar-width: none;
-ms-overflow-style: none;
}
.no-routines[b-pnmnrswy7i] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 40px;
height: 100%;
width: 100%;
}
.no-routines-content[b-pnmnrswy7i] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 16px;
}
.no-routines-content p[b-pnmnrswy7i] {
font-size: 18px;
font-weight: 500;
color: #21262C;
}
.no-routines-content span[b-pnmnrswy7i] {
font-size: 16px;
font-weight: 500;
color: #686868;
text-align: center;
}
.user-routines[b-pnmnrswy7i] {
display: flex;
flex-direction: column;
gap: 16px;
width: 100%;
background-color: white;
align-items: flex-start;
justify-content: flex-start;
padding: 24px;
}
.user-routines-header[b-pnmnrswy7i] {
width: inherit;
display: flex;
flex-direction: row;
justify-content: center;
text-align: left;
margin-bottom: 16px;
}
.user-routines-header .user-routines-header-title[b-pnmnrswy7i] {
font-size: 22px;
font-weight: bold;
line-height: 22px;
margin: 0;
}
.user-routines .routine-box[b-pnmnrswy7i] {
width: inherit;
display: flex;
flex-direction: column;
padding: 16px 20px;
gap: 8px;
border-radius: 14px;
justify-content: center;
align-items: start;
box-shadow: 1px 1px 8px 2px rgba(0, 0, 0, 0.07);
}
.user-routines .routine-box h3[b-pnmnrswy7i],
.recommended-routines .routine-box .routine-content h3[b-pnmnrswy7i] {
font-size: 16px;
font-weight: 600;
line-height: 19px;
margin: 0;
}
.user-routines .routine-box .routine-name[b-pnmnrswy7i] {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
width: 100%;
position: relative;
}
.user-routines .more-menu[b-pnmnrswy7i] {
display: flex;
flex-direction: column;
align-items: start;
justify-content: start;
gap: 5px;
position: absolute;
right: 0;
top: 30px;
background-color: #f3f3f3;
width: 200px;
z-index: 2;
border-radius: 8px;
box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.09);
}
.user-routines .more-menu ul[b-pnmnrswy7i] {
width: 100%;
}
.user-routines .more-menu hr[b-pnmnrswy7i] {
width: 100%;
margin: 0;
border: 0;
border-top: 0.5px solid #E0E0E0;
}
.user-routines .more-menu li[b-pnmnrswy7i] {
list-style: none;
padding: 10px 20px;
cursor: pointer;
font-size: 16px;
font-weight: 400;
line-height: 22px;
color: #000000;
}
.user-routines .routine-box button[b-pnmnrswy7i] {
width: 26px;
height: 26px;
display: flex;
align-items: center;
justify-content: center;
background-color: #EDEDED;
border-radius: 50%;
}
.user-routines .routine-box button img[b-pnmnrswy7i] {
opacity: 0.5;
}
.user-routines .routine-box .routine-workflow[b-pnmnrswy7i] {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 13px;
width: 100%;
}
.routine-counter[b-pnmnrswy7i] {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 5px;
}
.routine-counter p[b-pnmnrswy7i] {
font-family: 'Inter', sans-serif;
font-size: 18px;
font-weight: 800;
line-height: 20px;
color: #A45AD6;
transition: all 0.3s ease;
}
.recommended-routines[b-pnmnrswy7i] {
display: flex;
flex-direction: column;
gap: 16px;
width: 100%;
align-items: flex-start;
justify-content: flex-start;
padding: 24px;
}
.recommended-routines .user-routines-header[b-pnmnrswy7i] {
width: inherit;
display: flex;
flex-direction: row;
justify-content: space-between;
text-align: left;
margin-bottom: 16px;
}
.recommended-routines .user-routines-header h4[b-pnmnrswy7i] {
font-size: 16px;
font-weight: 500;
line-height: 20px;
margin: 0;
}
.recommended-routines .user-routines-header p[b-pnmnrswy7i] {
font-size: 14px;
font-weight: 500;
line-height: 20px;
margin: 0;
}
.recommended-routines .routine-box[b-pnmnrswy7i] {
width: inherit;
display: flex;
flex-direction: row;
padding: 18px;
gap: 13px;
background-color: white;
border-radius: 14px;
justify-content: start;
align-items: center;
}
.recommended-routines .routine-box .routine-icon[b-pnmnrswy7i] {
width: 40px;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background-color: #EEEEEE;
border-radius: 8px;
flex:none;
}
.recommended-routines .routine-box .routine-content[b-pnmnrswy7i] {
display: flex;
flex-direction: column;
width: inherit;
align-items: start;
justify-content: center;
gap: 5px;
}
.recommended-routines .routine-box .routine-content p[b-pnmnrswy7i] {
font-size: 15px;
font-weight: 500;
line-height: 20px;
color: #8E8E8E;
}
/* _content/Lumiboard.Client.Shared/Pages/Scanning/ScanExample.razor.rz.scp.css */
.results-container[b-8rqw6nqrg2] {
position: fixed;
top: 72px;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
background-color: #F8F9FF;
overflow-y: auto;
display: flex;
flex-direction: column;
align-items: center;
padding: 2rem 2rem 4rem;
}
h1[b-8rqw6nqrg2] {
margin: 0 4rem 0.5rem;
outline: none;
text-align: center;
}
.results-content[b-8rqw6nqrg2] {
width: 100%;
max-width: 1200px;
display: flex;
flex-direction: column;
gap: 2rem;
padding: 0 1rem 2rem;
}
.score-section[b-8rqw6nqrg2] {
text-align: center;
margin-bottom: 1rem;
}
.score[b-8rqw6nqrg2] {
position: relative;
display: flex;
align-items: center;
justify-content: center;
margin-top: 2rem;
}
.score-animation[b-8rqw6nqrg2] {
position: relative;
font-family: 'DM Sans', sans-serif;
font-size: 4rem;
font-weight: 700;
color: #3258FF;
display: flex;
align-items: center;
}
.score-max[b-8rqw6nqrg2] {
font-size: 2rem;
color: #666;
margin-left: 4px;
}
.main-insights[b-8rqw6nqrg2] {
display: grid;
grid-template-columns: 35fr 65fr;
gap: 2rem;
}
/* Override KpiSection styles when inside main-insights */
.main-insights :global(.kpi-section)[b-8rqw6nqrg2] {
margin: 0;
height: 100%;
width: 100%;
padding: 0;
box-shadow: none;
}
.main-insights :global(.kpi-inner-container)[b-8rqw6nqrg2] {
height: 100%;
width: 100%;
}
.main-insights :global(.kpi-content)[b-8rqw6nqrg2] {
height: 100%;
}
/* Override ArchetypeSection styles when inside main-insights */
.main-insights :global(.archetype-section)[b-8rqw6nqrg2] {
height: 100%;
width: 100%;
margin: 0;
padding: 2rem;
box-shadow: none !important;
}
.main-insights :global(.archetype-content)[b-8rqw6nqrg2] {
display: flex !important;
flex-direction: column !important;
gap: 2rem !important;
height: 100% !important;
justify-content: flex-start !important;
}
.main-insights :global(.archetype-info)[b-8rqw6nqrg2] {
width: 100% !important;
flex: none !important;
}
.main-insights :global(.archetype-visualization)[b-8rqw6nqrg2] {
width: 100% !important;
max-width: 280px !important;
margin: 0 auto !important;
flex: none !important;
}
.main-insights :global(.archetype-visualization img)[b-8rqw6nqrg2] {
width: 100% !important;
height: auto !important;
object-fit: contain !important;
}
.archetype-container[b-8rqw6nqrg2], .kpi-container[b-8rqw6nqrg2] {
background: white;
border-radius: 12px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
height: 100%;
overflow: hidden;
}
.and-more-section[b-8rqw6nqrg2] {
text-align: center;
padding: 2rem 0;
background: white;
border-radius: 10px;
}
.and-more-content[b-8rqw6nqrg2] {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.5rem;
}
.and-more-content h3[b-8rqw6nqrg2] {
font-size: 24px;
font-weight: 600;
color: #1A1A1A;
margin: 0;
}
.and-more-content p[b-8rqw6nqrg2] {
font-size: 16px;
color: #666;
margin: 0;
}
.scan-cta-section[b-8rqw6nqrg2] {
background: white;
border-radius: 12px;
padding: 2rem;
}
.scan-cta-content[b-8rqw6nqrg2] {
display: flex;
justify-content: space-between;
align-items: center;
gap: 2rem;
}
.scan-cta-text h2[b-8rqw6nqrg2] {
font-size: 24px;
font-weight: 600;
color: #1A1A1A;
margin: 0 0 0.5rem;
}
.scan-cta-text p[b-8rqw6nqrg2] {
font-size: 16px;
color: #666;
margin: 0;
max-width: 500px;
}
.scan-button[b-8rqw6nqrg2] {
display: flex;
align-items: center;
gap: 0.75rem;
padding: 1rem 2rem;
font-size: 16px;
font-weight: 500;
color: white;
background-color: #3258FF;
border: none;
border-radius: 8px;
cursor: pointer;
transition: background-color 0.3s ease;
white-space: nowrap;
}
.scan-button:hover[b-8rqw6nqrg2] {
background-color: #2445CC;
}
.scan-button img[b-8rqw6nqrg2] {
width: 20px;
height: 20px;
}
.privacy-notice-container[b-8rqw6nqrg2] {
width: 100%;
display: flex;
justify-content: center;
margin: 2rem 0;
color: #666;
font-size: 14px;
}
@media (max-width: 1024px) {
.main-insights[b-8rqw6nqrg2] {
grid-template-columns: 1fr;
gap: 1rem;
}
.scan-cta-content[b-8rqw6nqrg2] {
flex-direction: column;
text-align: center;
}
.scan-cta-text[b-8rqw6nqrg2] {
margin-bottom: 1rem;
}
.archetype-container[b-8rqw6nqrg2], .kpi-container[b-8rqw6nqrg2] {
height: auto;
}
.main-insights :global(.archetype-section)[b-8rqw6nqrg2] {
padding: 1.5rem;
}
.main-insights :global(.archetype-visualization)[b-8rqw6nqrg2] {
max-width: 200px !important;
}
}
@media (max-width: 768px) {
.results-container[b-8rqw6nqrg2] {
padding: 1rem;
}
h1[b-8rqw6nqrg2] {
margin: 1rem 0 0;
font-size: 1.5rem;
}
.results-content[b-8rqw6nqrg2] {
padding: 0;
}
.score-animation[b-8rqw6nqrg2] {
font-size: 3rem;
}
.score-max[b-8rqw6nqrg2] {
font-size: 1.5rem;
}
.and-more-content h3[b-8rqw6nqrg2] {
font-size: 20px;
}
.scan-cta-section[b-8rqw6nqrg2] {
padding: 1.5rem;
}
.scan-cta-text h2[b-8rqw6nqrg2] {
font-size: 20px;
}
.scan-button[b-8rqw6nqrg2] {
padding: 0.75rem 1.5rem;
font-size: 14px;
}
.main-insights[b-8rqw6nqrg2] {
gap: 1rem;
}
.main-insights :global(.archetype-section)[b-8rqw6nqrg2] {
padding: 1rem;
}
.main-insights :global(.archetype-visualization)[b-8rqw6nqrg2] {
max-width: 160px !important;
}
}
/* _content/Lumiboard.Client.Shared/Pages/Scanning/ScanningConnect.razor.rz.scp.css */
.container[b-ivw9eqelpa] {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
}
.hero-content[b-ivw9eqelpa] {
gap: 4rem;
position: relative;
margin-top: 4rem;
}
.hero-header[b-ivw9eqelpa] {
gap: 0.8rem;
}
.hero-title[b-ivw9eqelpa] {
font-size: 42px;
font-weight: 700;
color: #18181B;
margin: 0;
}
.hero-subtitle[b-ivw9eqelpa] {
font-size: 20px;
font-weight: 500;
color: #0B2050;
margin: 0;
text-align: center;
max-width: 500px;
}
.hero-flex[b-ivw9eqelpa] {
gap: 3rem;
}
.hero-desc[b-ivw9eqelpa] {
font-size: 16px;
line-height: 25px;
font-weight: 500;
color: #0B2050;
margin: 0;
text-align: center;
max-width: 400px;
}
.connect-button[b-ivw9eqelpa] {
display: flex;
justify-content: center;
align-items: center;
gap: 0.5rem;
width: 400px;
height: 56px;
color: #FFFFFF;
background-color: #3258FF;
font-size: 16px;
font-weight: 700;
line-height: 22px;
border-radius: 0.5rem;
text-decoration: none;
padding: 1rem;
margin-top: 1rem;
}
.connection-desc[b-ivw9eqelpa] {
font-size: 13px;
line-height: 18px;
font-weight: 400;
color: #8890A2;
margin: 0;
max-width: 400px;
text-align: center;
}
.no-connect-button[b-ivw9eqelpa] {
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #D6E2FF;
gap: 0.5rem;
width: 400px;
height: 56px;
color: #0B2050;
background-color: #FFFFFF;
font-size: 16px;
font-weight: 700;
line-height: 22px;
border-radius: 0.5rem;
text-decoration: none;
padding: 1rem;
margin-top: 1rem;
}
@media screen and (max-width: 768px) {
.hero-content[b-ivw9eqelpa] {
gap: 2rem;
}
.hero-title[b-ivw9eqelpa] {
font-size: 32px;
text-align: center;
}
.hero-subtitle[b-ivw9eqelpa] {
font-size: 18px;
max-width: 90%;
}
.hero-flex[b-ivw9eqelpa] {
gap: 2rem;
}
.hero-desc[b-ivw9eqelpa] {
font-size: 15px;
max-width: 90%;
}
.connect-button[b-ivw9eqelpa],
.no-connect-button[b-ivw9eqelpa] {
width: 90%;
max-width: 350px;
font-size: 15px;
height: 52px;
}
.connection-desc[b-ivw9eqelpa] {
max-width: 90%;
font-size: 12px;
}
}
@media screen and (max-width: 480px) {
.hero-content[b-ivw9eqelpa] {
gap: 1.5rem;
}
.hero-title[b-ivw9eqelpa] {
font-size: 28px;
}
.hero-subtitle[b-ivw9eqelpa] {
font-size: 16px;
}
.hero-flex[b-ivw9eqelpa] {
gap: 1.5rem;
}
.hero-desc[b-ivw9eqelpa] {
font-size: 14px;
line-height: 22px;
}
.connect-button[b-ivw9eqelpa],
.no-connect-button[b-ivw9eqelpa] {
height: 48px;
font-size: 14px;
padding: 0.8rem;
}
}
/* _content/Lumiboard.Client.Shared/Pages/Scanning/ScanningHome.razor.rz.scp.css */
.hero-content[b-v6bi8t83qt] {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-top: 4rem;
}
.hero-title[b-v6bi8t83qt] {
font-size: 64px;
font-weight: 700;
color: #18181B;
margin: 0;
}
.hero-title span[b-v6bi8t83qt] {
color: #3258FF;
}
.hero-subtitle[b-v6bi8t83qt] {
font-size: 22px;
font-weight: 500;
color: #0B2050;
margin: 0.5rem 0 0 0;
}
.hero-grid[b-v6bi8t83qt] {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4rem;
margin-top: 2rem;
}
.hero-card[b-v6bi8t83qt] {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
max-width: 486px;
}
.hero-layout[b-v6bi8t83qt] {
border: 1px solid #D5E2FF;
border-radius: 0.5rem;
background-color: #FFFFFF;
padding: 1.5rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 1rem;
}
.hero-card h2[b-v6bi8t83qt] {
font-size: 18px;
font-weight: 700;
line-height: 22px;
color: #0B2050;
text-align: center;
max-width: 400px;
}
.hero-card-profile[b-v6bi8t83qt] {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
flex-direction: row;
gap: 0.5rem;
}
.hero-card-profile img[b-v6bi8t83qt] {
width: 90px;
height: 90px;
border-radius: 50%;
}
.hero-card-profile .qoute[b-v6bi8t83qt] {
display: flex;
flex-direction: column;
gap: 0.8rem;
}
.qoute p[b-v6bi8t83qt] {
font-size: 16px;
line-height: 20px;
font-weight: 500;
color: #0B2050;
margin: 0;
}
.hero-card-ask[b-v6bi8t83qt] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: start;
gap: 0.1rem;
}
.hero-card-ask .ask[b-v6bi8t83qt] {
font-size: 18px;
line-height: 23px;
font-weight: 700;
color: #0B2050;
margin: 0;
}
.hero-card-ask .desk[b-v6bi8t83qt] {
font-size: 16px;
line-height: 20px;
font-weight: 500;
color: #0B2050;
margin: 0;
}
.demo-button[b-v6bi8t83qt] {
display: flex;
justify-content: start;
align-items: center;
gap: 0.5rem;
width: 100%;
height: 48px;
color: #1540FF;
background-color: #FFFFFF;
font-size: 16px;
font-weight: 700;
line-height: 22px;
border-radius: 0.5rem;
text-decoration: none;
border: 2px solid #1540FF;
padding: 0.5rem;
}
.aside[b-v6bi8t83qt] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: start;
gap: 1rem;
}
.aside-intro[b-v6bi8t83qt] {
font-size: 18px;
line-height: 23px;
font-weight: 500;
color: #0B2050;
margin: 0;
max-width: 400px;
}
.aside ul[b-v6bi8t83qt] {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 1rem;
width: 100%;
}
.aside ul li[b-v6bi8t83qt] {
display: flex;
align-items: center;
justify-content: start;
gap: 0.5rem;
}
.scan-button[b-v6bi8t83qt] {
display: flex;
justify-content: start;
align-items: center;
gap: 0.5rem;
max-width: 320px;
height: 56px;
color: #FFFFFF;
background-color: #3258FF;
font-size: 16px;
font-weight: 700;
line-height: 22px;
border-radius: 0.5rem;
text-decoration: none;
padding: 1rem;
margin-top: 2rem;
}
.aside-terms[b-v6bi8t83qt], .aside-privacy[b-v6bi8t83qt] {
font-size: 14px;
line-height: 18px;
font-weight: 400;
color: #8890A2;
margin: 0;
max-width: 300px;
}
.mobile-aside[b-v6bi8t83qt] {
display: none;
}
.mobile-aside .aside-content[b-v6bi8t83qt] {
display: flex;
flex-direction: column;
min-height: 280px;
}
.mobile-aside ul[b-v6bi8t83qt] {
list-style: none;
padding: 0;
margin: 1rem 0;
text-align: left;
}
.mobile-aside ul li[b-v6bi8t83qt] {
display: flex;
align-items: center;
gap: 0.75rem;
margin-bottom: 1rem;
font-size: 15px;
color: #0B2050;
}
.mobile-aside ul li:last-child[b-v6bi8t83qt] {
margin-bottom: 0;
}
.mobile-aside .aside-intro[b-v6bi8t83qt] {
font-size: 16px;
line-height: 1.4;
color: #0B2050;
text-align: left;
margin: 0;
}
.mobile-aside .scan-button[b-v6bi8t83qt] {
margin-top: auto;
width: 100%;
}
.terms-footer[b-v6bi8t83qt] {
display: none;
}
@media (max-width: 768px) {
.container[b-v6bi8t83qt] {
padding: 1rem;
}
.hero-content[b-v6bi8t83qt] {
text-align: center;
}
.hero-title[b-v6bi8t83qt] {
font-size: 36px;
line-height: 1.2;
margin-bottom: 1rem;
}
.hero-subtitle[b-v6bi8t83qt] {
font-size: 18px;
line-height: 1.4;
margin: 0;
}
.hero-grid[b-v6bi8t83qt] {
grid-template-columns: 1fr;
gap: 1.5rem;
margin-top: 2rem;
}
.hero-layout[b-v6bi8t83qt] {
padding: 1.5rem;
}
.hero-card[b-v6bi8t83qt] {
width: 100%;
}
.hero-card h2[b-v6bi8t83qt] {
font-size: 20px;
line-height: 1.3;
margin: 0;
}
.hero-card-profile[b-v6bi8t83qt] {
margin: 1rem 0;
}
.hero-card-profile img[b-v6bi8t83qt] {
width: 64px;
height: 64px;
}
.qoute p[b-v6bi8t83qt] {
font-size: 15px;
line-height: 1.4;
text-align: left;
}
.hero-card-ask[b-v6bi8t83qt] {
width: 100%;
text-align: left;
}
.hero-card-ask .ask[b-v6bi8t83qt] {
font-size: 18px;
margin-bottom: 0.25rem;
}
.hero-card-ask .desc[b-v6bi8t83qt] {
font-size: 15px;
line-height: 1.4;
}
.demo-button[b-v6bi8t83qt] {
width: 100%;
justify-content: center;
margin-top: 1rem;
height: 44px;
font-size: 15px;
}
.mobile-aside[b-v6bi8t83qt] {
display: block;
margin-bottom: 1.5rem;
}
.mobile-aside .aside-content[b-v6bi8t83qt] {
border: 1px solid #D5E2FF;
border-radius: 0.5rem;
padding: 1.5rem;
background-color: #F5F8FF;
}
.aside[b-v6bi8t83qt] {
display: none;
}
.terms-footer[b-v6bi8t83qt] {
display: block;
margin-top: 2rem;
text-align: center;
}
.aside-intro[b-v6bi8t83qt] {
font-size: 16px;
line-height: 1.4;
}
.aside ul[b-v6bi8t83qt] {
margin: 0.5rem 0;
}
.aside ul li[b-v6bi8t83qt] {
font-size: 15px;
}
.aside ul li img[b-v6bi8t83qt] {
width: 20px;
height: 20px;
}
.scan-button[b-v6bi8t83qt] {
width: 100%;
max-width: none;
justify-content: center;
height: 48px;
margin-top: 1rem;
font-size: 15px;
}
.aside-terms[b-v6bi8t83qt], .aside-privacy[b-v6bi8t83qt] {
font-size: 13px;
text-align: center;
max-width: none;
width: 100%;
}
}
/* _content/Lumiboard.Client.Shared/Pages/Scanning/ScanningQuiz.razor.rz.scp.css */
.container[b-5qadlg81f7] {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
width: 100%;
max-width: none;
position: relative;
z-index: 1;
padding: 1rem;
box-sizing: border-box;
}
.hero-content[b-5qadlg81f7] {
gap: 1.5rem;
position: relative;
outline: none;
width: 100%;
max-width: none;
display: flex;
flex-direction: column;
}
.connect-tools-section[b-5qadlg81f7] {
width: 100%;
background-color: #F4F4F5;
position: fixed;
top: 64px; /* Header height */
left: 0;
z-index: 1000;
}
.connect-tools-content[b-5qadlg81f7] {
padding: 16px 24px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-around;
gap: 16px;
max-width: 1200px;
margin: 0 auto;
width: 100%;
box-sizing: border-box;
}
.hero-header[b-5qadlg81f7] {
gap: 0.8rem;
width: 100%;
max-width: none;
margin-top: 60px; /* Space for connect-tools-section */
padding: 0 1rem;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
}
.hero-title[b-5qadlg81f7] {
font-size: clamp(20px, 5vw, 26px);
font-weight: 700;
color: #18181B;
margin: 1.5rem 0 0;
text-align: center;
}
.hero-subtitle[b-5qadlg81f7] {
font-size: clamp(14px, 4vw, 16px);
font-weight: 500;
color: #8890A2;
margin: 0;
text-align: center;
width: 100%;
padding: 0 1rem;
box-sizing: border-box;
}
.hero-flex[b-5qadlg81f7] {
gap: 2rem;
padding: 1rem;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
margin-top: 1rem;
}
.quiz-container[b-5qadlg81f7] {
width: 100%;
max-width: 540px;
margin: auto;
text-align: center;
background-color: #ffff;
border-radius: 0.5rem;
border: 1px solid #E4E4E7;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 1rem;
padding: clamp(1rem, 3vw, 1.5rem);
box-sizing: border-box;
}
.quiz-container h2[b-5qadlg81f7] {
font-size: clamp(16px, 4vw, 18px);
font-weight: 500;
color: #18181B;
margin: 0;
padding: 0 clamp(10px, 3vw, 20px);
text-align: center;
}
.answer-option[b-5qadlg81f7] {
border: 1px solid #E4E4E7;
border-radius: 6px;
padding: clamp(8px, 2vw, 10px) clamp(15px, 4vw, 25px);
cursor: pointer;
font-size: clamp(14px, 4vw, 16px);
font-weight: 400;
color: #18181B;
transition: border-color 0.2s;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
width: 100%;
box-sizing: border-box;
}
.answer-option.selected[b-5qadlg81f7] {
border: 2px solid #3258FF;
}
.insight[b-5qadlg81f7] {
background-color: #CAFF75;
padding: clamp(8px, 2vw, 10px);
border-radius: 6px;
margin: clamp(12px, 3vw, 15px) 0;
color: #1F1F1F;
font-size: clamp(14px, 4vw, 16px);
}
.progress-lines[b-5qadlg81f7] {
display: flex;
justify-content: center;
margin: clamp(10px, 3vw, 20px);
position: relative;
max-width: 100%;
}
.line[b-5qadlg81f7] {
height: 4px;
width: clamp(30px, 8vw, 40px);
background-color: #ddd;
margin: 0 3px;
border-radius: 4px;
}
.line.bold[b-5qadlg81f7] {
background-color: black;
}
.continue-button[b-5qadlg81f7] {
background-color: #3258FF;
color: white;
border: none;
padding: clamp(8px, 2vw, 10px) clamp(16px, 4vw, 20px);
border-radius: 6px;
cursor: pointer;
width: 100%;
font-size: clamp(14px, 4vw, 16px);
font-weight: 500;
transition: background-color 0.2s;
max-width: 100%;
}
.continue-button:disabled[b-5qadlg81f7] {
background-color: #ACABAB;
}
.animation-container[b-5qadlg81f7] {
display: flex;
justify-content: center;
align-items: center;
}
#quizAnimation[b-5qadlg81f7] {
width: 45px;
height: 45px;
}
.connect-tools-text[b-5qadlg81f7] {
text-align: left;
}
.connect-tools-text p[b-5qadlg81f7] {
margin: 0;
color: #18181B;
font-size: 14px;
line-height: 1.4;
}
.connect-tools-text p:first-child[b-5qadlg81f7] {
margin-bottom: 4px;
}
.connect-tools-button[b-5qadlg81f7] {
background-color: transparent;
color: #3258FF;
border: 1px solid #3258FF;
padding: 8px 16px;
border-radius: 6px;
cursor: pointer;
font-size: 14px;
font-weight: 500;
transition: all 0.2s;
text-align: center;
width: auto;
white-space: nowrap;
flex-shrink: 0;
}
@media (max-width: 768px) {
.container[b-5qadlg81f7] {
margin-bottom: 2rem;
}
.hero-content[b-5qadlg81f7] {
gap: 1rem;
}
.hero-flex[b-5qadlg81f7] {
padding: 0;
gap: 1.5rem;
}
.connect-tools-content[b-5qadlg81f7] {
padding: 8px 12px;
gap: 8px;
}
.connect-tools-button[b-5qadlg81f7] {
font-size: 10px;
}
.connect-tools-text p[b-5qadlg81f7] {
font-size: 10px;
}
.quiz-container[b-5qadlg81f7] {
padding: 1rem;
gap: 0.75rem;
}
.quiz-container h2[b-5qadlg81f7] {
padding: 0 0.5rem;
}
.answer-option[b-5qadlg81f7] {
padding: 6px 12px;
}
.insight[b-5qadlg81f7] {
margin: 0.5rem 0;
padding: 6px;
}
.progress-lines[b-5qadlg81f7] {
margin: 0.5rem 0;
}
.continue-button[b-5qadlg81f7] {
padding: 8px 12px;
}
.connect-tools-section[b-5qadlg81f7] {
margin-top: 0;
margin-bottom: 0;
}
.question-slide[b-5qadlg81f7] {
gap: 0.5rem;
padding: 0.5rem 0;
}
.question-slide h2[b-5qadlg81f7] {
margin-bottom: 0.5rem;
}
}
@keyframes slideOutToLeft-b-5qadlg81f7 {
from {
transform: translateX(0);
}
to {
transform: translateX(-100%);
}
}
.slide-out[b-5qadlg81f7] {
animation: slideOutToLeft-b-5qadlg81f7 0.5s ease-out forwards;
}
.quiz-questions-container[b-5qadlg81f7] {
position: relative;
width: 100%;
overflow: hidden;
min-height: clamp(250px, 60vh, 300px);
display: flex;
flex-direction: column;
}
.question-slide[b-5qadlg81f7] {
position: absolute;
width: 100%;
left: 0;
top: 0;
display: flex;
flex-direction: column;
gap: clamp(0.8rem, 2vw, 1rem);
padding: clamp(0.8rem, 2vw, 1rem) 0;
background: white;
transition: none;
}
.question-slide h2[b-5qadlg81f7] {
margin-bottom: 1rem;
}
.question-slide.current[b-5qadlg81f7] {
position: relative;
transform: translateX(0);
opacity: 1;
z-index: 1;
}
.question-slide.next[b-5qadlg81f7] {
transform: translateX(100%);
opacity: 1;
z-index: 0;
}
@keyframes slideOutLeft-b-5qadlg81f7 {
from {
transform: translateX(0);
opacity: 1;
}
to {
transform: translateX(-100%);
opacity: 0;
}
}
@keyframes slideInLeft-b-5qadlg81f7 {
from {
transform: translateX(100%);
opacity: 1;
}
to {
transform: translateX(0);
opacity: 1;
}
}
.question-slide.sliding-current[b-5qadlg81f7] {
animation: slideOutLeft-b-5qadlg81f7 0.5s ease-out forwards;
z-index: 0;
}
.question-slide.sliding-next[b-5qadlg81f7] {
animation: slideInLeft-b-5qadlg81f7 0.5s ease-out forwards;
z-index: 1;
}
/* _content/Lumiboard.Client.Shared/Pages/Scanning/ScanningResults.razor.rz.scp.css */
@keyframes slideInFromRight-b-21wyruxq6s {
from {
transform: translateX(100%);
}
to {
transform: translateX(0);
}
}
.results-container[b-21wyruxq6s] {
animation: slideInFromRight-b-21wyruxq6s 0.5s ease-out;
position: fixed;
top: 72px;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
background-color: #F8F9FF;
overflow-y: auto;
display: flex;
flex-direction: column;
align-items: center;
padding: 2rem 2rem 4rem;
}
/*check if outline: none worked !!*/
h1[b-21wyruxq6s] {
margin: 0.5rem 4rem 2rem;
outline: none;
}
.content[b-21wyruxq6s] {
max-width: 800px;
width: 100%;
text-align: center;
}
.title[b-21wyruxq6s] {
font-size: 2.5rem;
font-weight: 600;
color: #1A1A1A;
margin-bottom: 4rem;
}
.loading-section[b-21wyruxq6s] {
display: flex;
flex-direction: column;
align-items: center;
gap: 1.5rem;
}
.loading-section h2[b-21wyruxq6s] {
font-size: 1.5rem;
font-weight: 500;
color: #1A1A1A;
margin: 0;
}
.loading-section p[b-21wyruxq6s] {
font-size: 1rem;
color: #666;
margin: 0;
}
.animation-container[b-21wyruxq6s] {
width: 100%;
max-width: 400px;
aspect-ratio: 16/9;
margin: 2rem 0;
}
.animation-placeholder[b-21wyruxq6s] {
width: 100%;
height: 100%;
background-color: #E5E5E5;
display: flex;
align-items: center;
justify-content: center;
color: #666;
border-radius: 8px;
}
.button-container[b-21wyruxq6s] {
width: 100%;
max-width: 300px;
margin: 1rem 0;
}
.scan-button[b-21wyruxq6s] {
width: 100%;
padding: 1rem;
border-radius: 8px;
border: none;
background-color: #666;
color: white;
font-size: 1rem;
font-weight: 500;
cursor: pointer;
position: relative;
overflow: hidden;
transition: background-color 0.3s ease;
}
.scan-button:not(:disabled):hover[b-21wyruxq6s] {
background-color: #555;
}
.scan-button:disabled[b-21wyruxq6s] {
cursor: default;
}
.scan-button.loading[b-21wyruxq6s] {
background-color: #E5E5E5;
color: #666;
}
.progress-container[b-21wyruxq6s] {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: transparent;
}
.progress-bar[b-21wyruxq6s] {
height: 100%;
background-color: #3258FF;
transition: width 0.05s linear;
}
.scan-button span[b-21wyruxq6s] {
position: relative;
z-index: 1;
}
.privacy-notice[b-21wyruxq6s] {
color: #666;
font-size: 0.875rem;
margin-top: 2rem;
}
.results-content[b-21wyruxq6s] {
width: 100%;
display: flex;
flex-direction: column;
gap: 2rem;
padding: 0 2rem 5rem;
}
.score-section[b-21wyruxq6s] {
text-align: center;
}
.score-section h1[b-21wyruxq6s] {
font-size: 2.5rem;
font-weight: 600;
color: #1A1A1A;
margin-bottom: 2rem;
}
.score[b-21wyruxq6s] {
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.score-animation[b-21wyruxq6s] {
position: relative;
font-family: 'DM Sans', sans-serif;
width: 100px;
display: flex;
align-items: center;
justify-content: center;
}
.score-text[b-21wyruxq6s] {
font-size: 4rem;
font-weight: 700;
color: #3258FF;
}
.score-max[b-21wyruxq6s] {
font-size: 2rem;
color: #666;
margin-left: 4px;
}
.score-visualization[b-21wyruxq6s] {
width: 40%;
height: 120px;
background-color: #F4F4F5;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
color: #666;
margin: 0 auto;
}
.cta-section[b-21wyruxq6s] {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 100;
text-align: left;
padding: 1.5rem 2rem;
background-color: white;
box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.05);
display: flex;
align-items: center;
justify-content: space-between;
}
.time-savings[b-21wyruxq6s] {
font-size: 18px;
color: #1A1A1A;
font-weight: 500;
}
.cta-buttons[b-21wyruxq6s] {
display: flex;
align-items: center;
gap: 1rem;
}
.share-button[b-21wyruxq6s] {
display: flex;
align-items: center;
gap: 0.5rem;
padding: 0.75rem 1.5rem;
background-color: #F4F4F5;
border: none;
border-radius: 8px;
cursor: pointer;
font-size: 16px;
font-weight: 500;
color: #1A1A1A;
transition: background-color 0.3s ease;
}
.share-button:hover[b-21wyruxq6s] {
background-color: #E4E4E7;
}
.share-button img[b-21wyruxq6s] {
width: 20px;
height: 20px;
}
.cta-button[b-21wyruxq6s] {
padding: 1rem 2rem;
font-size: 16px;
font-weight: 500;
color: white;
background-color: #3258FF;
border: none;
border-radius: 8px;
cursor: pointer;
transition: background-color 0.3s ease;
white-space: nowrap;
}
.cta-button:hover[b-21wyruxq6s] {
background-color: #2445CC;
}
.privacy-notice-container[b-21wyruxq6s] {
width: 100%;
display: flex;
justify-content: center;
margin: 2rem 0;
padding: 0 2rem;
}
@media (max-width: 768px) {
.cta-section[b-21wyruxq6s] {
padding: 1rem;
}
.time-savings[b-21wyruxq6s] {
font-size: 12px;
}
.cta-buttons[b-21wyruxq6s] {
gap: 0.5rem;
}
.share-button[b-21wyruxq6s] {
padding: 0.5rem 1rem;
font-size: 14px;
}
.share-button img[b-21wyruxq6s] {
width: 16px;
height: 16px;
}
.cta-button[b-21wyruxq6s] {
padding: 0.75rem 1.2rem;
font-size: 14px;
}
}
@media (max-width: 768px) {
.score-max[b-21wyruxq6s] {
font-size: 1.5rem;
}
h1[b-21wyruxq6s] {
margin: 1rem 0 0;
outline: none;
font-size: 1.5rem;
}
}
@media (max-width: 480px) {
.results-content[b-21wyruxq6s] {
padding: 0;
}
.results-container[b-21wyruxq6s] {
padding: 1rem 1rem 2rem;
}
}
/* _content/Lumiboard.Client.Shared/Pages/Scanning/ShareResults.razor.rz.scp.css */
.results-container[b-0hwqp0z0z1] {
position: fixed;
top: 72px;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
background-color: #F8F9FF;
overflow-y: auto;
display: flex;
flex-direction: column;
align-items: center;
padding: 2rem 2rem 4rem;
}
.results-content[b-0hwqp0z0z1] {
width: 100%;
max-width: 1200px;
display: flex;
flex-direction: column;
gap: 2rem;
padding: 0 1rem 2rem;
}
.score-section[b-0hwqp0z0z1] {
text-align: center;
margin-bottom: 1rem;
}
.score[b-0hwqp0z0z1] {
position: relative;
display: flex;
align-items: center;
justify-content: center;
margin-top: 2rem;
}
.score-animation[b-0hwqp0z0z1] {
position: relative;
font-family: 'DM Sans', sans-serif;
font-size: 4rem;
font-weight: 700;
color: #3258FF;
display: flex;
align-items: center;
}
.score-max[b-0hwqp0z0z1] {
font-size: 2rem;
color: #666;
margin-left: 4px;
}
.main-insights[b-0hwqp0z0z1] {
display: grid;
grid-template-columns: 35fr 65fr;
gap: 2rem;
}
/* Override KpiSection styles when inside main-insights */
.main-insights :global(.kpi-section)[b-0hwqp0z0z1] {
margin: 0;
height: 100%;
width: 100%;
padding: 0;
box-shadow: none;
}
.main-insights :global(.kpi-inner-container)[b-0hwqp0z0z1] {
height: 100%;
width: 100%;
}
.main-insights :global(.kpi-content)[b-0hwqp0z0z1] {
height: 100%;
}
/* Override ArchetypeSection styles when inside main-insights */
.main-insights :global(.archetype-section)[b-0hwqp0z0z1] {
height: 100%;
width: 100%;
margin: 0;
padding: 2rem;
box-shadow: none !important;
}
.main-insights :global(.archetype-content)[b-0hwqp0z0z1] {
display: flex !important;
flex-direction: column !important;
gap: 2rem !important;
height: 100% !important;
justify-content: flex-start !important;
}
.main-insights :global(.archetype-info)[b-0hwqp0z0z1] {
width: 100% !important;
flex: none !important;
}
.main-insights :global(.archetype-visualization)[b-0hwqp0z0z1] {
width: 100% !important;
max-width: 280px !important;
margin: 0 auto !important;
flex: none !important;
}
.main-insights :global(.archetype-visualization img)[b-0hwqp0z0z1] {
width: 100% !important;
height: auto !important;
object-fit: contain !important;
}
.archetype-container[b-0hwqp0z0z1], .kpi-container[b-0hwqp0z0z1] {
background: white;
border-radius: 12px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
height: 100%;
overflow: hidden;
}
.and-more-section[b-0hwqp0z0z1] {
text-align: center;
padding: 2rem 0;
background: white;
border-radius: 10px;
}
.and-more-content[b-0hwqp0z0z1] {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.5rem;
}
.and-more-content h3[b-0hwqp0z0z1] {
font-size: 24px;
font-weight: 600;
color: #1A1A1A;
margin: 0;
}
.and-more-content p[b-0hwqp0z0z1] {
font-size: 16px;
color: #666;
margin: 0;
}
.scan-cta-section[b-0hwqp0z0z1] {
background: white;
border-radius: 12px;
padding: 2rem;
}
.scan-cta-content[b-0hwqp0z0z1] {
display: flex;
justify-content: space-between;
align-items: center;
gap: 2rem;
}
.scan-cta-text h2[b-0hwqp0z0z1] {
font-size: 24px;
font-weight: 600;
color: #1A1A1A;
margin: 0 0 0.5rem;
}
.scan-cta-text p[b-0hwqp0z0z1] {
font-size: 16px;
color: #666;
margin: 0;
max-width: 500px;
}
.scan-button[b-0hwqp0z0z1] {
display: flex;
align-items: center;
gap: 0.75rem;
padding: 1rem 2rem;
font-size: 16px;
font-weight: 500;
color: white;
background-color: #3258FF;
border: none;
border-radius: 8px;
cursor: pointer;
transition: background-color 0.3s ease;
white-space: nowrap;
}
.scan-button:hover[b-0hwqp0z0z1] {
background-color: #2445CC;
}
.scan-button img[b-0hwqp0z0z1] {
width: 20px;
height: 20px;
}
.privacy-notice-container[b-0hwqp0z0z1] {
width: 100%;
display: flex;
justify-content: center;
margin: 2rem 0;
color: #666;
font-size: 14px;
}
@media (max-width: 1024px) {
.main-insights[b-0hwqp0z0z1] {
grid-template-columns: 1fr;
gap: 1rem;
}
.scan-cta-content[b-0hwqp0z0z1] {
flex-direction: column;
text-align: center;
}
.scan-cta-text[b-0hwqp0z0z1] {
margin-bottom: 1rem;
}
.archetype-container[b-0hwqp0z0z1], .kpi-container[b-0hwqp0z0z1] {
height: auto;
}
.main-insights :global(.archetype-section)[b-0hwqp0z0z1] {
padding: 1.5rem;
}
.main-insights :global(.archetype-visualization)[b-0hwqp0z0z1] {
max-width: 200px !important;
}
}
@media (max-width: 768px) {
.results-container[b-0hwqp0z0z1] {
padding: 1rem;
}
h1[b-0hwqp0z0z1] {
margin: 1rem 0 0;
font-size: 1.5rem;
}
.results-content[b-0hwqp0z0z1] {
padding: 0;
}
.score-animation[b-0hwqp0z0z1] {
font-size: 3rem;
}
.score-max[b-0hwqp0z0z1] {
font-size: 1.5rem;
}
.and-more-content h3[b-0hwqp0z0z1] {
font-size: 20px;
}
.scan-cta-section[b-0hwqp0z0z1] {
padding: 1.5rem;
}
.scan-cta-text h2[b-0hwqp0z0z1] {
font-size: 20px;
}
.scan-button[b-0hwqp0z0z1] {
padding: 0.75rem 1.5rem;
font-size: 14px;
}
.main-insights[b-0hwqp0z0z1] {
gap: 1rem;
}
.main-insights :global(.archetype-section)[b-0hwqp0z0z1] {
padding: 1rem;
}
.main-insights :global(.archetype-visualization)[b-0hwqp0z0z1] {
max-width: 160px !important;
}
}
.loading-container[b-0hwqp0z0z1] {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 200px;
}
/* _content/Lumiboard.Client.Shared/Pages/Scanning/TakeBackControlPage.razor.rz.scp.css */
.take-control-container[b-ao338pahfe] {
height: 100vh;
background-color: #f8f9ff;
display: flex;
justify-content: center;
align-items: center;
}
.take-control-content[b-ao338pahfe] {
max-width: 640px;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
}
.title-section[b-ao338pahfe] {
margin-bottom: 1.5rem;
}
h1[b-ao338pahfe] {
font-size: 36px;
font-weight: 700;
color: #1f2937;
margin: 2rem 0 0;
line-height: 1.2;
}
.subtitle[b-ao338pahfe] {
font-size: 16px;
color: #4b5563;
margin: 0.5rem 0 0;
}
.beta-section[b-ao338pahfe] {
max-width: 640px;
text-align: center;
}
.beta-text[b-ao338pahfe] {
margin: 0;
font-size: 20px;
line-height: 1.4;
}
.beta-link[b-ao338pahfe] {
color: #3258FF;
font-weight: 600;
text-decoration: none;
font-size: 20px;
}
.beta-description[b-ao338pahfe] {
font-size: 20px;
color: #1f2937;
}
.brand[b-ao338pahfe] {
font-weight: 600;
}
.cta-section[b-ao338pahfe] {
margin: 1rem 0;
}
.cta-button[b-ao338pahfe] {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
background-color: #3258FF !important;
color: white !important;
padding: 1rem 3rem !important;
border-radius: 0.5rem !important;
text-decoration: none !important;
font-weight: 600 !important;
font-size: 1.125rem !important;
transition: background-color 0.2s !important;
}
.cta-button:hover[b-ao338pahfe] {
background-color: #4338ca !important;
text-decoration: none !important;
color: white !important;
}
.seats-info[b-ao338pahfe] {
font-size: 0.875rem;
opacity: 0.9;
margin-top: 0.25rem;
color: white !important;
}
.share-section[b-ao338pahfe] {
margin-top: 3rem;
display: flex;
flex-direction: column;
align-items: center;
gap: 1rem;
}
.share-text[b-ao338pahfe] {
font-size: 1rem;
color: #4b5563;
margin: 0;
}
.social-links[b-ao338pahfe] {
display: flex;
gap: 1rem;
margin-top: 0.5rem;
}
.social-link[b-ao338pahfe] {
width: 46px;
height: 46px;
background-color: #1f2937;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: background-color 0.2s;
}
.social-link:hover[b-ao338pahfe] {
background-color: #374151;
}
.privacy-notice[b-ao338pahfe] {
display: flex;
align-items: center;
margin-top: 3rem;
}
.preview-image img[b-ao338pahfe]{
width: 310px;
height: 180px;
border-radius: 10px;
}
/* _content/Lumiboard.Client.Shared/Pages/Settings.razor.rz.scp.css */
.settings-modal[b-lpg4f6n1vw] {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 96dvh;
background-color: #fff;
border-radius: 16px 16px 0 0;
padding: 20px;
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.2);
z-index: 1300;
animation: slideUp-b-lpg4f6n1vw 0.3s ease-in-out;
}
.settings-header[b-lpg4f6n1vw] {
display: flex;
justify-content: space-between;
flex-direction: row;
align-items: center;
margin-bottom: 16px;
}
.settings-header h3[b-lpg4f6n1vw] {
margin: 0;
text-align: center;
font-size: 20px;
font-weight: 600;
color: #21262C
}
.settings-header button[b-lpg4f6n1vw] {
border: none;
background: none;
font-size: 18px;
font-weight: 700;
color: #007AFF
}
.settings-body[b-lpg4f6n1vw] {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
margin-top: 24px;
}
.settings-body .settings-option[b-lpg4f6n1vw] {
display: flex;
justify-content: space-between;
flex-direction: row;
align-items: center;
width: 100%;
padding: 16px;
}
.settings-body .settings-option:active[b-lpg4f6n1vw] {
background-color: #F5F5F5;
}
.settings-link[b-lpg4f6n1vw] {
text-decoration: none;
color: inherit;
}
.settings-body .settings-option .settings-option-icon[b-lpg4f6n1vw],
.logout .settings-option-icon[b-lpg4f6n1vw] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
gap: 16px;
}
.settings-body .settings-option .settings-option-icon span[b-lpg4f6n1vw],
.logout .settings-option-icon span[b-lpg4f6n1vw] {
font-size: 17px;
color: #000000;
}
.logout[b-lpg4f6n1vw] {
width: 100%;
padding: 16px;
display: flex;
justify-content: center;
align-items: start;
flex-direction: column;
}
.logout .logged-in-as[b-lpg4f6n1vw] {
padding-top: 8px;
padding-left: 40px;
font-size: 14px;
font-weight: 400;
color: #5B5B5B;
}
hr[b-lpg4f6n1vw] {
width: 100%;
border-top: 1px solid #E3E3E3;
margin: 8px 0;
}
@keyframes slideUp-b-lpg4f6n1vw {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
/* _content/Lumiboard.Client.Shared/Pages/Tasks.razor.rz.scp.css */
.tasks-buttons[b-kzuzm71qm4] {
position: absolute;
display: flex;
flex-direction: row;
gap: 10px;
bottom: 10%;
z-index: 1000;
background-color: var(--background-color);
border-radius: 30px;
height: 28px;
display: flex;
justify-content: center;
align-items: center;
}
.tasks-buttons .task-filter-button[b-kzuzm71qm4] {
height: 22px;
font-size: 13px;
font-weight: 400;
border-radius: 30px;
padding: 6px 10px;
height: 100%;
}
.active[b-kzuzm71qm4] {
/* background-color: rgba(150, 57, 216, 0.29); */
background-color: var(--filter-color);
}
@media (max-height: 700px) {
.tasks-buttons[b-kzuzm71qm4] {
bottom: 12%;
}
}
/* _content/Lumiboard.Client.Shared/Pages/TasksDailySummary.razor.rz.scp.css */
.daily-summary-modal[b-sm8hs8jdvz] {
position: fixed;
bottom: 30%;
left: 10%;
right: 10%;
width: 80%;
min-height: 50dvh;
background-color: #fff;
border-radius: 16px;
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.2);
z-index: 1300;
padding: 16px;
animation: slideUp-b-sm8hs8jdvz 0.3s ease-in-out;
}
.daily-summary-header[b-sm8hs8jdvz] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 6px;
width: 100%;
}
.daily-summary-header .close-modal-container[b-sm8hs8jdvz] {
display: flex;
justify-content: space-between;
flex-direction: row;
align-items: center;
width: 100%;
}
.close-button[b-sm8hs8jdvz] {
width: 22px;
height: 22px;
cursor: pointer;
background-color: rgba(104, 104, 104, 0.19);
border: none;
border-radius: 50%;
}
.daily-summary-header .modal-title[b-sm8hs8jdvz] {
width: 100%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.daily-summary-header .modal-title h2[b-sm8hs8jdvz] {
font-size: 24px;
font-weight: 600px;
color: #21262C;
}
.daily-summary-body[b-sm8hs8jdvz] {
display: flex;
flex-direction: column;
width: 100%;
gap: 24px;
padding: 16px;
margin-top: 16px;
}
.daily-summary-body .profile-image[b-sm8hs8jdvz] {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.daily-summary-body .daily-summary-streaks-combos[b-sm8hs8jdvz] {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
}
.daily-summary-streaks-combos .streaks-summary[b-sm8hs8jdvz],
.daily-summary-streaks-combos .combos-summary[b-sm8hs8jdvz] {
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 16px;
align-items: start;
width: 100%;
border: 1px solid #310F47;
border-radius: 16px;
}
.streaks-summary-content[b-sm8hs8jdvz] {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 12px;
}
.streaks-summary-content div[b-sm8hs8jdvz] {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 2px;
}
.daily-summary-streaks-combos .streaks-summary h3[b-sm8hs8jdvz],
.daily-summary-streaks-combos .combos-summary h3[b-sm8hs8jdvz] {
font-size: 17px;
font-weight: 700;
color: #310F47;
}
.daily-summary-streaks-combos .streaks-summary p[b-sm8hs8jdvz] {
font-size: 17px;
font-weight: 700;
color: #310F47;
}
.daily-summary-streaks-combos .streaks-summary span[b-sm8hs8jdvz],
.daily-summary-streaks-combos .combos-summary span[b-sm8hs8jdvz] {
font-size: 13px;
font-weight: 500;
color: #310F47;
}
.daily-summary-tasks-statistics[b-sm8hs8jdvz] {
display: flex;
flex-direction: row;
justify-content: space-evenly;
align-items: center;
width: 100%;
}
.daily-summary-tasks-statistics .social-tasks[b-sm8hs8jdvz],
.daily-summary-tasks-statistics .stratigic-tasks[b-sm8hs8jdvz],
.daily-summary-tasks-statistics .wellbeing-tasks[b-sm8hs8jdvz],
.daily-summary-tasks-statistics .operational-tasks[b-sm8hs8jdvz]{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 12px;
transition: transform 0.3s ease;
}
.daily-summary-tasks-statistics .highest-percentage[b-sm8hs8jdvz] {
transform: scale(1.7);
}
.daily-summary-tasks-statistics .social-tasks div[b-sm8hs8jdvz],
.daily-summary-tasks-statistics .stratigic-tasks div[b-sm8hs8jdvz],
.daily-summary-tasks-statistics .wellbeing-tasks div[b-sm8hs8jdvz],
.daily-summary-tasks-statistics .operational-tasks div[b-sm8hs8jdvz] {
width: 34px;
height: 34px;
}
.daily-summary-tasks-statistics .social-tasks span[b-sm8hs8jdvz],
.daily-summary-tasks-statistics .stratigic-tasks span[b-sm8hs8jdvz],
.daily-summary-tasks-statistics .wellbeing-tasks span[b-sm8hs8jdvz],
.daily-summary-tasks-statistics .operational-tasks span[b-sm8hs8jdvz] {
font-size: 16px;
font-weight: 700;
color: #310F47;
}
.circle[b-sm8hs8jdvz] {
border-radius: 50%;
}
.square[b-sm8hs8jdvz] {
border-radius: 0;
}
.waterdrop[b-sm8hs8jdvz] {
border-radius: 50% 50% 50% 0;
transform: rotate(130deg);
}
.diamond[b-sm8hs8jdvz] {
transform: rotate(45deg);
}
.daily-summary-footer[b-sm8hs8jdvz] {
display: flex;
justify-content: start;
align-items: center;
width: 100%;
margin-top: 30px;
}
.color-blue[b-sm8hs8jdvz] {
background-color: #CDEAFF;
}
.color-yellow[b-sm8hs8jdvz] {
background-color: #FF8D58;
}
.color-red[b-sm8hs8jdvz] {
background-color: #ffff92;
}
@keyframes slideUp-b-sm8hs8jdvz {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
/* _content/Lumiboard.Client.Shared/Pages/TermsOfUser.razor.rz.scp.css */
.terms-of-use-modal[b-duxmc3v3mm] {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 96dvh;
background-color: #fff;
border-radius: 16px 16px 0 0;
padding: 20px;
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.2);
z-index: 1300;
animation: slideUp 0.3s ease-in-out;
}
.terms-of-use-header[b-duxmc3v3mm] {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 2rem;
}
.terms-of-use-header .back-button[b-duxmc3v3mm] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
gap: 10px;
cursor: pointer;
}
.terms-of-use-header .back-button span[b-duxmc3v3mm] {
font-size: 18px;
font-weight: 500;
color: #4185DD;
}
.terms-of-use-header .back-button span:active[b-duxmc3v3mm] {
opacity: 0.5;
}
.terms-of-use-header div h3[b-duxmc3v3mm] {
font-size: 20px;
font-weight: 600;
color: #21262C;
}
.terms-of-use-header .done-button button[b-duxmc3v3mm] {
font-size: 18px;
font-weight: 700;
color: #007AFF
}
/* _content/Lumiboard.Client.Shared/Pages/UserProfile.razor.rz.scp.css */
.user-profile-modal[b-e6p1jmdcd7] {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 96dvh;
background-color: #fff;
border-radius: 16px 16px 0 0;
padding: 20px;
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.2);
z-index: 1300;
animation: slideUp-b-e6p1jmdcd7 0.3s ease-in-out;
}
.user-profile-header[b-e6p1jmdcd7] {
display: flex;
justify-content: space-between;
align-items: center;
}
.user-profile-header .back-button[b-e6p1jmdcd7] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
gap: 10px;
cursor: pointer;
}
.user-profile-header .back-button span[b-e6p1jmdcd7] {
font-size: 18px;
font-weight: 500px;
color: #4185DD;
}
.user-profile-header .back-button span:active[b-e6p1jmdcd7] {
opacity: 0.5;
}
.user-profile-header div h3[b-e6p1jmdcd7] {
font-size: 20px;
font-weight: 600;
color: #21262C;
}
.user-profile-header .done-button button[b-e6p1jmdcd7] {
font-size: 18px;
font-weight: 700;
color: #007AFF
}
.user-profile-body[b-e6p1jmdcd7] {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
gap: 20px;
margin-top: 32px;
overflow-y: auto;
height: calc(100vh - 150px);
scrollbar-width: none;
-ms-overflow-style: none;
}
.user-profile-body[b-e6p1jmdcd7]::-webkit-scrollbar {
display: none;
}
.user-profile-avatar[b-e6p1jmdcd7] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 8px;
}
.user-profile-avatar img[b-e6p1jmdcd7] {
width: 70px;
height: 70px;
}
.user-profile-avatar p[b-e6p1jmdcd7] {
font-size: 15px;
font-weight: 400;
color: #5B5B5B;
}
.user-profile-avatar span[b-e6p1jmdcd7] {
font-size: 15px;
font-weight: 400;
color: #007AFF;
}
.user-profile-section[b-e6p1jmdcd7] {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
gap: 11px;
}
.user-profile-section label[b-e6p1jmdcd7] {
font-size: 12px;
font-weight: 400;
color: rgba(60, 60, 67, 0.6);
text-transform: uppercase;
}
.user-profile-section-content[b-e6p1jmdcd7] {
display: flex;
justify-content: space-between;
flex-direction: row;
align-items: center;
width: 100%;
padding: 16px 0;
}
.user-profile-section-content p[b-e6p1jmdcd7] {
color: #DC3545;
font-size: 17px;
font-weight: 400;
margin: 0;
}
.user-profile-delete[b-e6p1jmdcd7] {
display: flex;
justify-content: center;
align-items: start;
flex-direction: column;
}
.user-profile-delete .additional-text[b-e6p1jmdcd7] {
font-size: 14px;
font-weight: 400;
color: #5B5B5B;
}
.user-profile-section-content-item[b-e6p1jmdcd7] {
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
gap: 16px;
}
hr[b-e6p1jmdcd7] {
width: 100%;
border-top: 1px solid #E3E3E3;
margin: 8px 0;
}
@keyframes slideUp-b-e6p1jmdcd7 {
from {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}