/* Shared by Super Admin, company administrators, managers and collaborators. */
:root[data-theme=dark]{--muted:#B0C4DF}
[data-theme=dark] .workspace .small-text,[data-theme=dark] .modal-body .small-text{font-size:13px;line-height:1.6}
[data-theme=dark] .workspace .panel-body p{font-size:14px;color:#C2D4ED;line-height:1.7}
[data-theme=dark] .workspace input,[data-theme=dark] .workspace select,[data-theme=dark] .workspace textarea,[data-theme=dark] .modal-body input,[data-theme=dark] .modal-body select,[data-theme=dark] .modal-body textarea{font-size:15px;color:#EDF5FF;background:#091B31}
[data-theme=dark] .field input:not([type=checkbox]):not([type=color]),[data-theme=dark] .field select{min-height:44px}
[data-theme=dark] .field small{font-size:12px;color:#BACFEA}
[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#ABC0DB}
[data-theme=dark] .heading-actions button,[data-theme=dark] .page-heading button,[data-theme=dark] .calendar-nav button,[data-theme=dark] .form-actions button{font-size:14px;min-height:42px}
[data-theme=dark] .workspace .badge,[data-theme=dark] .modal-body .badge{font-size:12px}
[data-theme=dark] .status-badge{font-size:12px;padding:6px 10px}
[data-theme=dark] .priority{font-size:13px;color:#C8D8EC}
[data-theme=dark] .priority.HIGH,[data-theme=dark] .priority.URGENT,[data-theme=dark] .late{color:#FFD38C}
[data-theme=dark] .priority.LOW{color:#BCCDE3}
[data-theme=dark] .progress-cell{font-size:13px;color:#C4D7F3;min-width:110px}
[data-theme=dark] .progress{height:7px}
[data-theme=dark] .progress span{background:linear-gradient(90deg,#408BFA,#60D4F6)}
[data-theme=dark] .kpi.alert strong{color:#FFD18A}
[data-theme=dark] .kpi.success strong{color:#70E9C0}
[data-theme=dark] .view-tabs a{font-size:15px;color:#C1D2EA;padding-bottom:14px}
[data-theme=dark] .view-tabs a.active{color:#7CCBFF;border-bottom-color:#68C4FF}
[data-theme=dark] .kanban-column{background:#0D2038;border:1px solid #294363;border-radius:13px}
[data-theme=dark] .kanban-column.dragover{background:#1B3E63;outline-color:#73BCFF}
[data-theme=dark] .kanban-head{font-size:15px;color:#E4EEFC}
[data-theme=dark] .kanban-head span{font-size:13px;color:#BED0E9}
[data-theme=dark] .task-card{background:linear-gradient(135deg,#163151,#10253F);border-color:#345476;border-radius:11px}
[data-theme=dark] .task-card:hover{border-color:#6CAEF8;box-shadow:0 6px 24px #02101F60}
[data-theme=dark] .task-card h4{font-size:16px;line-height:1.5;color:#F0F6FF;overflow-wrap:anywhere}
[data-theme=dark] .task-card small{font-size:12px;color:#C2D3EB}
[data-theme=dark] .task-card .avatar{height:30px;width:30px;font-size:11px}
[data-theme=dark] .calendar-weekday{font-size:13px;color:#D2E3F7;padding:12px 5px}
[data-theme=dark] .calendar-day{color:#E3EEFC}
[data-theme=dark] .calendar-day.muted{background:#091B30;color:#97B1D1}
[data-theme=dark] .calendar-day>span{font-size:13px}
[data-theme=dark] .calendar-task{font-size:12px;line-height:1.5;padding:6px 7px;background:#1B426C;color:#E5F3FF;border:1px solid #37638D}
[data-theme=dark] .calendar-nav h3{font-size:20px;color:#EEF6FF}
[data-theme=dark] .empty h3{font-size:21px;color:#EEF6FF}
[data-theme=dark] .empty .empty-icon{color:#8ACBFF}
[data-theme=dark] .empty p{font-size:14px;color:#BDD0E9}
[data-theme=dark] .modal-header h2{font-size:23px;color:#F0F6FF}
[data-theme=dark] .modal-body{font-size:15px;color:#E0EDFC;line-height:1.65}
[data-theme=dark] .modal-tabs button{font-size:14px;color:#BED0E9}
[data-theme=dark] .modal-tabs button.active{color:#7CCBFF}
[data-theme=dark] .comment p{font-size:15px;color:#E6F0FD}
[data-theme=dark] .comment small{font-size:12px;color:#BFD2EA}
[data-theme=dark] .file-link{font-size:14px;color:#9CD6FF;border-color:#365676}
[data-theme=dark] .user-checkboxes{font-size:14px;color:#D3E3F7;background:transparent}
[data-theme=dark] .audit-item{font-size:14px;color:#D9E7FA;border-left-color:#3E658F}
[data-theme=dark] .audit-item small{font-size:12px;color:#BED1EB}
[data-theme=dark] .audit-item pre{font-size:12px;background:#091B30;color:#CEE3FA}
[data-theme=dark] .notice,[data-theme=dark] .error-message{font-size:14px;line-height:1.65}
[data-theme=dark] .data-steps{font-size:13px;color:#BDCFEB}
[data-theme=dark] .data-steps .active{color:#7CCBFF}
[data-theme=dark] .drop-zone h3{font-size:21px;color:#ECF5FF}
[data-theme=dark] .drop-zone p,[data-theme=dark] .drop-zone input{font-size:14px;color:#C3D5ED}
[data-theme=dark] .disabled-account p{font-size:15px;color:#C1D4EE}
[data-theme=dark] .disabled-account h1{font-size:32px;color:#EFF6FF}
[data-theme=dark] .trial-card{font-size:13px;color:#BCD1EC;line-height:1.6}
[data-theme=dark] .sidebar-footer strong{font-size:13px}
[data-theme=dark] .sidebar-footer small{font-size:12px;color:#ADC5E4}
[data-theme=dark] #toast{background:#163B63;color:#F0F7FF;border:1px solid #4E7DAC;font-size:14px}
/* Authentication also follows the saved theme, including its input backgrounds. */
[data-theme=dark] .auth-form-wrap{background:radial-gradient(ellipse at 100% 0%,#1A3959,transparent 65%),#0B1D32}
[data-theme=dark] .auth-form{background:#10263F;border-color:#345475;box-shadow:0 22px 65px #020A1B40}
[data-theme=dark] .auth-form h2{color:#F1F7FF}
[data-theme=dark] .auth-form>p,[data-theme=dark] .auth-form .auth-foot,[data-theme=dark] .auth-private{color:#C5D7EF}
[data-theme=dark] .auth-form>.eyebrow,[data-theme=dark] .auth-form a{color:#83CAFF}
[data-theme=dark] .auth-form .field label{color:#D2E2F7}
[data-theme=dark] .auth-form .field input{background:#0A1C31;color:#EFF6FF;border-color:#456687}
[data-theme=dark] .auth-form .field input:focus-visible{outline-color:#5FADFF;border-color:#87CCFF}
@media(max-width:640px){[data-theme=dark] .view-tabs{gap:15px;overflow-x:auto}[data-theme=dark] .view-tabs a{font-size:13px;white-space:nowrap}[data-theme=dark] .calendar-task{font-size:11px;padding:4px}[data-theme=dark] .calendar-weekday{font-size:12px}[data-theme=dark] .modal-header h2{font-size:21px}}
[data-theme=dark] .task-card h4 a{color:#EAF5FF}[data-theme=dark] .task-card h4 a:hover{color:#85D5FF}

.platform-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:640px){.platform-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-kpis>.kpi:last-child{grid-column:auto}}

/* Matching typography in light and dark modes for every role. */

.workspace{font-size:15px}
.page-heading h1{font-size:32px;letter-spacing:-1px}
.page-heading p{font-size:15px;line-height:1.7}
.side-nav a{font-size:15px}
.workspace-label{font-size:11px}
.breadcrumb,.breadcrumb b{font-size:14px}
.panel h3{font-size:18px}
.panel-head p{font-size:13px;line-height:1.6}
.kpi{padding:24px}
.kpi-top{font-size:14px}
.kpi strong{font-size:40px;line-height:1.2;margin:14px 0 10px}
.kpi small{font-size:12px;line-height:1.6}
.status-count{font-size:13px}
.status-count b{font-size:17px}
.panel td{font-size:15px;padding:17px 20px}
.panel td:first-child{font-weight:600}
.panel td small{font-size:12px;font-weight:400;margin-top:5px}
.panel th{font-size:12px;padding:15px 20px;letter-spacing:.5px}
.panel .badge{font-size:12px}
.panel button.icon{font-size:13px;padding:8px 10px}
.table-footer,.empty p{font-size:13px}
.filters input,.filters select{font-size:14px;min-height:44px}
.filters label{font-size:13px}
.chart{height:360px}
.chart-grid{gap:24px}
.task-title{font-size:15px}
.field label{font-size:13px}
@media(max-width:900px){.page-heading h1{font-size:28px}.kpi{padding:18px}.kpi strong{font-size:34px}}
@media(max-width:640px){.page-heading h1{font-size:25px}.page-heading p{font-size:13px}.breadcrumb{font-size:12px}.kpi-top{font-size:13px}.kpi small{font-size:11px}.chart{height:320px}.chart-grid{gap:18px}.panel td{font-size:14px;padding:14px 16px}}

.workspace .small-text,.modal-body .small-text{font-size:13px;line-height:1.6}
.workspace .panel-body p{font-size:14px;line-height:1.7}
.workspace input,.workspace select,.workspace textarea,.modal-body input,.modal-body select,.modal-body textarea{font-size:15px}
.field input:not([type=checkbox]):not([type=color]),.field select{min-height:44px}
.field small{font-size:12px}
.heading-actions button,.page-heading button,.calendar-nav button,.form-actions button{font-size:14px;min-height:42px}
.workspace .badge,.modal-body .badge{font-size:12px}
.status-badge{font-size:12px;padding:6px 10px}
.priority{font-size:13px}
.progress-cell{font-size:13px;min-width:110px}
.progress{height:7px}
.view-tabs a{font-size:15px;padding-bottom:14px}
.kanban-head{font-size:15px}
.kanban-head span{font-size:13px}
.task-card h4{font-size:16px;line-height:1.5;overflow-wrap:anywhere}
.task-card small{font-size:12px}
.task-card .avatar{height:30px;width:30px;font-size:11px}
.calendar-weekday{font-size:13px;padding:12px 5px}
.calendar-day>span{font-size:13px}
.calendar-task{font-size:12px;line-height:1.5;padding:6px 7px}
.calendar-nav h3{font-size:20px}
.empty h3{font-size:21px}
.empty p{font-size:14px}
.modal-header h2{font-size:23px}
.modal-body{font-size:15px;line-height:1.65}
.modal-tabs button{font-size:14px}
.comment p{font-size:15px}
.comment small{font-size:12px}
.file-link{font-size:14px}
.user-checkboxes{font-size:14px}
.audit-item{font-size:14px}
.audit-item small{font-size:12px}
.audit-item pre{font-size:12px}
.notice,.error-message{font-size:14px;line-height:1.65}
.data-steps{font-size:13px}
.drop-zone h3{font-size:21px}
.drop-zone p,.drop-zone input{font-size:14px}
.disabled-account p{font-size:15px}
.disabled-account h1{font-size:32px}
.trial-card{font-size:13px;line-height:1.6}
.sidebar-footer strong{font-size:13px}
.sidebar-footer small{font-size:12px}
#toast{font-size:14px}
@media(max-width:640px){.view-tabs{gap:15px}.view-tabs a{font-size:13px;white-space:nowrap}.calendar-task{font-size:11px;padding:4px}.calendar-weekday{font-size:12px}.modal-header h2{font-size:21px}}


.workspace,.sidebar,.topbar,.modal{font-family:inherit}

/* Equal indicator labels across all roles and both themes. */
.kpi .kpi-top{font-size:14px}
[data-theme=light] .kpi .kpi-top{color:#52657D}
@media(max-width:640px){.kpi .kpi-top{font-size:13px}}

/* White gradient around the login card, including when dark mode is saved. */
.auth-form-wrap:has(.auth-links),[data-theme=dark] .auth-form-wrap:has(.auth-links){background:radial-gradient(ellipse at 65% 12%,#FFFFFF 0%,#FFFFFF00 58%),linear-gradient(145deg,#FDFEFF 0%,#F0F5FC 48%,#DCE8F7 100%)}
[data-theme=dark] .auth-form-wrap:has(.auth-links) .auth-form{box-shadow:0 24px 70px #173B632B;border-color:#45698C}

/* White gradient around the login card, including when dark mode is saved. */
.auth-form-wrap:has(.auth-links),[data-theme=dark] .auth-form-wrap:has(.auth-links){background:radial-gradient(ellipse at 78% 24%,#FFFFFF 0%,#FFFFFFE6 18%,#FFFFFF00 60%),radial-gradient(ellipse at 68% 78%,#FFFFFFB8 0%,#FFFFFF00 55%),linear-gradient(110deg,#0B2039 0%,#244B72 13%,#6C96BB 29%,#BCD5EC 47%,#EDF6FF 65%,#FFFFFF 100%)}
[data-theme=dark] .auth-form-wrap:has(.auth-links) .auth-form{box-shadow:0 24px 70px #173B632B;border-color:#45698C}

/* Password visibility is an explicit local display choice. */
.auth-form .field .password-visibility{display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;width:auto;min-height:44px;margin:4px 0 0;padding:8px 2px;border:0;border-radius:6px;background:transparent;color:#215ac4;font-size:14px;font-weight:600;box-shadow:none;cursor:pointer;text-align:left}
.auth-form .field .password-visibility::before{content:'◉';font-size:16px;line-height:1}
.auth-form .field .password-visibility:hover{color:#123c8b;background:transparent;transform:none}
.auth-form .field .password-visibility:focus-visible{outline:3px solid #79b9ff;outline-offset:3px}
[data-theme=dark] .auth-form .field .password-visibility{color:#8acaff}

.status-removable{display:inline-flex;align-items:center;gap:7px;padding-right:3px}
.status-removable .status-remove{display:inline-flex;align-items:center;justify-content:center;flex:none;width:30px;height:30px;min-height:30px;padding:0;margin:0;border:0;border-radius:7px;background:transparent;color:inherit;font-size:22px;line-height:1;box-shadow:none;cursor:pointer}
.status-removable .status-remove:hover{background:#ef444420;color:#ef4444}
.status-removable .status-remove:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}
@media(pointer:coarse){.status-removable .status-remove{width:44px;height:44px;min-height:44px}}

[data-theme=dark] .priority.HIGH{color:#FF7373}[data-theme=dark] .priority.URGENT{color:#FF9393}[data-theme=dark] .priority.MEDIUM{color:#FFD38C}

/* The company name identifies the active workspace for every company role. */
.sidebar .workspace-company-name{margin:0 16px 18px;color:#FFFFFF;font-size:22px;font-weight:750;line-height:1.25;overflow-wrap:anywhere;transition:color .16s ease,text-shadow .16s ease}
.sidebar .workspace-company-name:hover{color:#4B9EFF;text-shadow:0 0 14px #2788FF66}
@media(prefers-reduced-motion:reduce){.sidebar .workspace-company-name{transition:none}}