html body.portal-body.fl-ui {
--workspace-ink: #25364b;
--workspace-muted: #718198;
--workspace-line: #e3eaf2;
--workspace-soft: #f3f6fa;
}
html body.portal-body.fl-ui .portal-page-heading {
margin: 0 0 20px;
padding: 0 0 15px;
border-bottom: 1px solid var(--workspace-line);
}
html body.portal-body.fl-ui .portal-page-heading h1 {
color: var(--workspace-ink);
letter-spacing: -.025em;
}
html body.portal-body.fl-ui .portal-page-heading p {
color: var(--workspace-muted);
}
html body.portal-body.fl-ui .panel,
html body.portal-body.fl-ui .card {
border-color: var(--workspace-line);
border-radius: 14px;
box-shadow: 0 5px 18px rgba(26, 47, 75, .045);
}
html body.portal-body.fl-ui .panel-head h2,
html body.portal-body.fl-ui .panel-head h3 {
color: var(--workspace-ink);
letter-spacing: -.012em;
}
html body.portal-body.fl-ui .panel-head p {
color: var(--workspace-muted);
}
html body.portal-body.fl-ui .table-wrap {
overflow: auto;
border: 1px solid var(--workspace-line);
border-radius: 13px;
background: #fff;
box-shadow: 0 5px 18px rgba(26, 47, 75, .045);
scrollbar-color: #bac8d8 #f4f7fa;
}
html body.portal-body.fl-ui .table-wrap table {
border-collapse: separate;
border-spacing: 0;
background: #fff;
}
html body.portal-body.fl-ui .table-wrap thead th {
padding: 13px 15px;
border-bottom: 1px solid #dfe7f0;
background: #f4f7fb;
color: #586b82;
font-size: 10.5px;
font-weight: 750;
letter-spacing: .055em;
line-height: 1.35;
text-transform: uppercase;
white-space: nowrap;
}
html body.portal-body.fl-ui .table-wrap tbody td {
padding: 12px 15px;
border-bottom: 1px solid #edf1f5;
color: var(--workspace-ink);
font-size: 12.5px;
line-height: 1.45;
vertical-align: middle;
}
html body.portal-body.fl-ui .table-wrap tbody tr:nth-child(even) td {
background: #fbfcfe;
}
html body.portal-body.fl-ui .table-wrap tbody tr:hover td {
background: #f1f6fc;
}
html body.portal-body.fl-ui .table-wrap tbody tr:last-child td {
border-bottom: 0;
}
html body.portal-body.fl-ui .table-wrap td strong {
color: #263c57;
font-weight: 700;
}
html body.portal-body.fl-ui .table-wrap td small {
color: var(--workspace-muted);
}
html body.portal-body.fl-ui .table-wrap .tag,
html body.portal-body.fl-ui .table-wrap .badge {
border-radius: 999px;
font-weight: 700;
}
html body.portal-body.fl-ui .table-wrap .btn {
border-radius: 8px;
box-shadow: none;
}
html body.portal-body.fl-ui .role-subtabs,
html body.portal-body.fl-ui .subtabs,
html body.portal-body.fl-ui .attendance-hub-tabs,
html body.portal-body.fl-ui .attendance-main-tabs,
html body.portal-body.fl-ui .attendance-secondary-tabs,
html body.portal-body.fl-ui .fin-tabs,
html body.portal-body.fl-ui .finance-tabs,
html body.portal-body.fl-ui .crew-tabs,
html body.portal-body.fl-ui .crew-management-tabs,
html body.portal-body.fl-ui .band-tabs,
html body.portal-body.fl-ui .leadership-tabs,
html body.portal-body.fl-ui .blog-tabs,
html body.portal-body.fl-ui .settings-subtabs,
html body.portal-body.fl-ui .scout-status-tabs,
html body.portal-body.fl-ui .report-tabs,
html body.portal-body.fl-ui .tab-row,
html body.portal-body.fl-ui .tabs {
gap: 5px;
padding: 5px;
border: 1px solid var(--workspace-line);
border-radius: 12px;
background: var(--workspace-soft);
}
html body.portal-body.fl-ui .role-subtabs a,
html body.portal-body.fl-ui .subtabs a,
html body.portal-body.fl-ui .attendance-hub-tabs a,
html body.portal-body.fl-ui .attendance-main-tabs a,
html body.portal-body.fl-ui .attendance-secondary-tabs a,
html body.portal-body.fl-ui .fin-tabs a,
html body.portal-body.fl-ui .finance-tabs a,
html body.portal-body.fl-ui .crew-tabs a,
html body.portal-body.fl-ui .crew-management-tabs a,
html body.portal-body.fl-ui .band-tabs a,
html body.portal-body.fl-ui .leadership-tabs a,
html body.portal-body.fl-ui .blog-tabs a,
html body.portal-body.fl-ui .settings-subtabs a,
html body.portal-body.fl-ui .scout-status-tabs a,
html body.portal-body.fl-ui .report-tabs a,
html body.portal-body.fl-ui .tab-row a,
html body.portal-body.fl-ui .tabs a {
min-height: 37px;
padding: 8px 13px;
border: 1px solid transparent;
border-radius: 9px;
background: transparent;
color: #63758b;
font-size: 12px;
font-weight: 650;
transition: background-color .16s ease, color .16s ease, box-shadow .16s ease;
}
html body.portal-body.fl-ui .role-subtabs a:hover,
html body.portal-body.fl-ui .subtabs a:hover,
html body.portal-body.fl-ui .attendance-hub-tabs a:hover,
html body.portal-body.fl-ui .attendance-main-tabs a:hover,
html body.portal-body.fl-ui .attendance-secondary-tabs a:hover,
html body.portal-body.fl-ui .fin-tabs a:hover,
html body.portal-body.fl-ui .finance-tabs a:hover,
html body.portal-body.fl-ui .crew-tabs a:hover,
html body.portal-body.fl-ui .crew-management-tabs a:hover,
html body.portal-body.fl-ui .band-tabs a:hover,
html body.portal-body.fl-ui .leadership-tabs a:hover,
html body.portal-body.fl-ui .blog-tabs a:hover,
html body.portal-body.fl-ui .settings-subtabs a:hover,
html body.portal-body.fl-ui .scout-status-tabs a:hover,
html body.portal-body.fl-ui .report-tabs a:hover,
html body.portal-body.fl-ui .tab-row a:hover,
html body.portal-body.fl-ui .tabs a:hover {
background: #e8eef6;
color: var(--primary);
}
html body.portal-body.fl-ui .role-subtabs a.active,
html body.portal-body.fl-ui .subtabs a.active,
html body.portal-body.fl-ui .attendance-hub-tabs a.active,
html body.portal-body.fl-ui .attendance-main-tabs a.active,
html body.portal-body.fl-ui .attendance-secondary-tabs a.active,
html body.portal-body.fl-ui .fin-tabs a.active,
html body.portal-body.fl-ui .finance-tabs a.active,
html body.portal-body.fl-ui .crew-tabs a.active,
html body.portal-body.fl-ui .crew-management-tabs a.active,
html body.portal-body.fl-ui .band-tabs a.active,
html body.portal-body.fl-ui .leadership-tabs a.active,
html body.portal-body.fl-ui .blog-tabs a.active,
html body.portal-body.fl-ui .settings-subtabs a.active,
html body.portal-body.fl-ui .scout-status-tabs a.active,
html body.portal-body.fl-ui .report-tabs a.active,
html body.portal-body.fl-ui .tab-row a.active,
html body.portal-body.fl-ui .tabs a.active {
border-color: rgba(30, 58, 95, .1);
background: var(--primary);
color: #fff;
box-shadow: 0 3px 8px rgba(30, 58, 95, .15);
}
html body.portal-body.fl-ui .activity-page-tabs {
display: flex !important;
width: min(100%, 620px) !important;
gap: 6px !important;
align-items: stretch !important;
margin-bottom: 16px !important;
}
html body.portal-body.fl-ui .activity-page-tabs > a {
display: inline-flex !important;
flex: 1 1 0 !important;
min-width: 0 !important;
min-height: 44px !important;
height: 44px !important;
padding: 0 12px !important;
gap: 8px !important;
justify-content: center !important;
white-space: nowrap !important;
}
html body.portal-body.fl-ui .activity-page-tabs > a:before {
display: none !important;
content: none !important;
}
html body.portal-body.fl-ui .activity-page-tabs > a > svg {
display: block !important;
flex: 0 0 18px !important;
width: 18px !important;
height: 18px !important;
}
html body.portal-body.fl-ui .activity-crew-toolbar {
align-items: flex-end !important;
gap: 10px !important;
}
html body.portal-body.fl-ui .activity-crew-toolbar .inline-filter {
align-items: flex-end !important;
margin: 0 !important;
}
html body.portal-body.fl-ui .activity-crew-toolbar .create-crew-activity {
display: inline-flex !important;
flex: 0 0 auto !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: auto !important;
min-width: 0 !important;
height: 44px !important;
min-height: 44px !important;
padding: 0 15px !important;
white-space: nowrap !important;
}
html body.portal-body.fl-ui .activity-crew-toolbar .create-crew-activity svg {
display: block !important;
flex: 0 0 17px !important;
width: 17px !important;
height: 17px !important;
}
@media (max-width: 760px) {
html body.portal-body.fl-ui .activity-crew-toolbar {
flex-wrap: wrap !important;
}
html body.portal-body.fl-ui .activity-crew-toolbar .inline-filter {
display: flex !important;
flex: 0 1 auto !important;
flex-direction: row !important;
align-items: flex-end !important;
width: auto !important;
}
html body.portal-body.fl-ui .activity-crew-toolbar .inline-filter label {
flex: 0 0 126px !important;
width: 126px !important;
}
html body.portal-body.fl-ui .activity-crew-toolbar .inline-filter select {
width: 126px !important;
}
html body.portal-body.fl-ui .activity-crew-toolbar .create-crew-activity {
flex: 0 0 auto !important;
width: auto !important;
}
}
html body.portal-body.fl-ui .role-subtabs a.active .tab-icon,
html body.portal-body.fl-ui .subtabs a.active .tab-icon,
html body.portal-body.fl-ui .attendance-hub-tabs a.active .tab-icon,
html body.portal-body.fl-ui .attendance-main-tabs a.active .tab-icon,
html body.portal-body.fl-ui .attendance-secondary-tabs a.active .tab-icon,
html body.portal-body.fl-ui .fin-tabs a.active .tab-icon,
html body.portal-body.fl-ui .finance-tabs a.active .tab-icon,
html body.portal-body.fl-ui .crew-tabs a.active .tab-icon,
html body.portal-body.fl-ui .crew-management-tabs a.active .tab-icon,
html body.portal-body.fl-ui .band-tabs a.active .tab-icon,
html body.portal-body.fl-ui .leadership-tabs a.active .tab-icon,
html body.portal-body.fl-ui .blog-tabs a.active .tab-icon,
html body.portal-body.fl-ui .settings-subtabs a.active .tab-icon,
html body.portal-body.fl-ui .scout-status-tabs a.active .tab-icon,
html body.portal-body.fl-ui .report-tabs a.active .tab-icon,
html body.portal-body.fl-ui .tab-row a.active .tab-icon,
html body.portal-body.fl-ui .tabs a.active .tab-icon {
color: #fff;
stroke: currentColor;
}
html[data-portal-theme="dark"] body.portal-body.fl-ui {
--workspace-ink: #e4edf8;
--workspace-muted: #a4b5ca;
--workspace-line: #2b4058;
--workspace-soft: #192c41;
}
html[data-portal-theme="dark"] body.portal-body.fl-ui .panel,
html[data-portal-theme="dark"] body.portal-body.fl-ui .card,
html[data-portal-theme="dark"] body.portal-body.fl-ui .table-wrap,
html[data-portal-theme="dark"] body.portal-body.fl-ui .table-wrap table {
background: #14263a;
}
html[data-portal-theme="dark"] body.portal-body.fl-ui .table-wrap thead th {
border-color: #2b4058;
background: #1b3047;
color: #b8c8dc;
}
html[data-portal-theme="dark"] body.portal-body.fl-ui .table-wrap tbody td {
border-color: #263b52;
color: #dbe6f3;
}
html[data-portal-theme="dark"] body.portal-body.fl-ui .table-wrap tbody tr:nth-child(even) td {
background: #172a3f;
}
html[data-portal-theme="dark"] body.portal-body.fl-ui .table-wrap tbody tr:hover td {
background: #203a56;
}
html[data-portal-theme="dark"] body.portal-body.fl-ui .table-wrap td strong {
color: #f0f5fb;
}
html[data-portal-theme="dark"] body.portal-body.fl-ui .role-subtabs a:hover,
html[data-portal-theme="dark"] body.portal-body.fl-ui .subtabs a:hover,
html[data-portal-theme="dark"] body.portal-body.fl-ui .attendance-hub-tabs a:hover,
html[data-portal-theme="dark"] body.portal-body.fl-ui .attendance-main-tabs a:hover,
html[data-portal-theme="dark"] body.portal-body.fl-ui .attendance-secondary-tabs a:hover,
html[data-portal-theme="dark"] body.portal-body.fl-ui .fin-tabs a:hover,
html[data-portal-theme="dark"] body.portal-body.fl-ui .finance-tabs a:hover,
html[data-portal-theme="dark"] body.portal-body.fl-ui .crew-tabs a:hover,
html[data-portal-theme="dark"] body.portal-body.fl-ui .crew-management-tabs a:hover,
html[data-portal-theme="dark"] body.portal-body.fl-ui .band-tabs a:hover,
html[data-portal-theme="dark"] body.portal-body.fl-ui .leadership-tabs a:hover,
html[data-portal-theme="dark"] body.portal-body.fl-ui .blog-tabs a:hover,
html[data-portal-theme="dark"] body.portal-body.fl-ui .settings-subtabs a:hover,
html[data-portal-theme="dark"] body.portal-body.fl-ui .scout-status-tabs a:hover,
html[data-portal-theme="dark"] body.portal-body.fl-ui .report-tabs a:hover,
html[data-portal-theme="dark"] body.portal-body.fl-ui .tab-row a:hover,
html[data-portal-theme="dark"] body.portal-body.fl-ui .tabs a:hover {
background: #243b53;
color: #eef5fd;
}
@media (max-width: 760px) {
html body.portal-body.fl-ui .table-wrap {
border-radius: 11px;
}
html body.portal-body.fl-ui .table-wrap thead th {
padding: 10px 12px;
}
html body.portal-body.fl-ui .table-wrap tbody td {
padding: 10px 12px;
}
}
html body.portal-body.fl-ui .sidebar .side-group-heading {
display: none !important;
}
html body.portal-body.fl-ui .sidebar .side-nav-group,
html body.portal-body.fl-ui .sidebar .side-group-items {
display: contents !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
}
html body.portal-body.fl-ui .sidebar .grouped-sidebar-nav {
gap: 4px !important;
}
html body.portal-body.fl-ui .profile-wizard-shell {
--profile-accent: var(--crew-color, #315b8a);
max-width: 1320px;
gap: 20px;
}
html body.portal-body.fl-ui .profile-wizard-summary {
padding: 22px 24px !important;
border: 1px solid var(--border, #e2e8f0) !important;
border-left: 4px solid var(--profile-accent) !important;
border-radius: 16px !important;
background: var(--theme-panel, #fff) !important;
box-shadow: 0 8px 24px rgba(15, 23, 42, .045) !important;
}
html body.portal-body.fl-ui .profile-wizard-identity .profile-photo {
width: 86px;
height: 86px;
flex-basis: 86px;
box-shadow: 0 0 0 4px color-mix(in srgb, var(--profile-accent) 12%, transparent);
}
html body.portal-body.fl-ui .profile-wizard-kicker,
html body.portal-body.fl-ui .profile-step-count {
color: var(--profile-accent);
letter-spacing: .08em;
}
html body.portal-body.fl-ui .profile-wizard-identity h2 {
font-size: 23px !important;
font-weight: 700 !important;
letter-spacing: -.035em !important;
}
html body.portal-body.fl-ui .profile-completion-card {
min-width: 250px;
padding: 12px 16px;
border-color: var(--border, #e2e8f0);
border-radius: 13px;
background: var(--surface-soft, #f8fafc);
}
html body.portal-body.fl-ui .profile-completion-ring {
background: conic-gradient(var(--profile-accent) calc(var(--progress) * 1%), #e8edf3 0);
}
html body.portal-body.fl-ui .profile-wizard-layout {
grid-template-columns: 260px minmax(0, 1fr);
gap: 20px;
}
html body.portal-body.fl-ui .profile-step-nav {
top: 16px;
gap: 4px;
padding: 9px;
border: 1px solid var(--border, #e2e8f0);
border-radius: 15px;
background: var(--theme-panel, #fff);
box-shadow: 0 8px 24px rgba(15, 23, 42, .04);
}
html body.portal-body.fl-ui .profile-step-link {
grid-template-columns: 32px minmax(0, 1fr);
gap: 11px;
padding: 10px 11px;
border-radius: 10px;
}
html body.portal-body.fl-ui .profile-step-link:hover {
background: color-mix(in srgb, var(--profile-accent) 7%, var(--theme-panel, #fff));
}
html body.portal-body.fl-ui .profile-step-link.active {
color: var(--profile-accent);
background: color-mix(in srgb, var(--profile-accent) 10%, var(--theme-panel, #fff));
border-color: color-mix(in srgb, var(--profile-accent) 18%, transparent);
}
html body.portal-body.fl-ui .profile-step-link .profile-step-dot {
width: 30px;
height: 30px;
background: #f1f5f9;
color: #64748b;
font-size: 11px;
}
html body.portal-body.fl-ui .profile-step-link.complete:not(.active) .profile-step-dot {
background: #eaf7ef;
color: #21804a;
}
html body.portal-body.fl-ui .profile-step-link.active .profile-step-dot {
background: var(--profile-accent);
color: #fff;
}
html body.portal-body.fl-ui .profile-step-link b {
font-size: 12.5px;
font-weight: 650;
}
html body.portal-body.fl-ui .profile-step-link small {
font-size: 10.5px;
}
html body.portal-body.fl-ui .profile-step-panel {
padding: 24px !important;
border: 1px solid var(--border, #e2e8f0) !important;
border-radius: 16px !important;
box-shadow: 0 8px 24px rgba(15, 23, 42, .04) !important;
}
html body.portal-body.fl-ui .profile-step-head {
padding-bottom: 18px;
margin-bottom: 20px;
}
html body.portal-body.fl-ui .profile-step-head h2 {
font-size: 21px !important;
font-weight: 700 !important;
letter-spacing: -.025em !important;
}
html body.portal-body.fl-ui .profile-section-block {
padding: 20px;
border-radius: 13px;
background: var(--surface-soft, #f8fafc);
}
html body.portal-body.fl-ui .profile-section-block > h3 {
font-size: 14px !important;
font-weight: 650 !important;
}
html body.portal-body.fl-ui .profile-section-block input,
html body.portal-body.fl-ui .profile-section-block select,
html body.portal-body.fl-ui .profile-section-block textarea {
border-radius: 9px;
}
html body.portal-body.fl-ui .profile-step-actions {
padding-top: 6px;
}
html body.portal-body.fl-ui .profile-step-actions .btn {
min-height: 42px;
border-radius: 9px;
}
html[data-portal-theme="dark"] body.portal-body.fl-ui .profile-section-block {
background: #111923;
}
@media (max-width: 760px) {
html body.portal-body.fl-ui .profile-wizard-summary {
padding: 17px !important;
}
html body.portal-body.fl-ui .profile-wizard-identity .profile-photo {
width: 68px;
height: 68px;
flex-basis: 68px;
}
html body.portal-body.fl-ui .profile-wizard-identity h2 {
font-size: 19px !important;
}
html body.portal-body.fl-ui .profile-completion-card {
min-width: 0;
}
html body.portal-body.fl-ui .profile-step-nav {
padding: 7px;
}
html body.portal-body.fl-ui .profile-step-panel {
padding: 17px !important;
}
html body.portal-body.fl-ui .profile-section-block {
padding: 15px;
}
}
/* Modern profile layout managed by profile-redesign.css */
html body.portal-body.fl-ui .sidebar .grouped-sidebar-nav {
scrollbar-width: none !important;
-ms-overflow-style: none !important;
}
html body.portal-body.fl-ui .sidebar .grouped-sidebar-nav::-webkit-scrollbar {
display: none !important;
width: 0 !important;
height: 0 !important;
}
html body.portal-body.fl-ui .birthday-table tbody tr.birthday-today-row > td {
background: #dcfce7 !important;
border-color: #86efac !important;
color: #14532d !important;
animation: birthday-row-celebration 3s ease-in-out infinite alternate;
}
html body.portal-body.fl-ui .birthday-table tbody tr.birthday-today-row > td:first-child {
box-shadow: inset 4px 0 #16a34a;
}
html body.portal-body.fl-ui .birthday-today-row .member-name-copy strong {
color: #14532d !important;
}
html body.portal-body.fl-ui .birthday-today-row .member-name-copy small {
color: #287044 !important;
}
html body.portal-body.fl-ui .birthday-celebration-label {
display: inline-block;
margin-left: 7px;
padding: 3px 8px;
border-radius: 999px;
background: #16a34a;
color: #fff;
font-size: 11px;
font-weight: 700;
white-space: nowrap;
vertical-align: middle;
animation: birthday-label-pop 1.8s ease-in-out infinite;
}
@keyframes birthday-row-celebration {
from { background-color: #dcfce7; }
to { background-color: #bbf7d0; }
}
@keyframes birthday-label-pop {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-2px); }
}
@media (prefers-reduced-motion: reduce) {
html body.portal-body.fl-ui .birthday-table tbody tr.birthday-today-row > td,
html body.portal-body.fl-ui .birthday-celebration-label {
animation: none !important;
}
}
html body.portal-body.fl-ui .secretariat-letter-form {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
html body.portal-body.fl-ui .secretariat-letter-actions {
display: flex;
flex-wrap: wrap;
gap: 6px;
min-width: 210px;
}
html body.portal-body.fl-ui .secretariat-letter-actions form {
margin: 0;
}
html body.portal-body.fl-ui .secretariat-letter-status.approved {
background: #dcfce7;
color: #166534;
}
html body.portal-body.fl-ui .secretariat-letter-status.rejected {
background: #fee2e2;
color: #991b1b;
}
@media (max-width: 640px) {
html body.portal-body.fl-ui .secretariat-letter-form {
grid-template-columns: 1fr;
}
}
@media (min-width: 761px) {
html body.portal-body.fl-ui main,
html body.portal-body.fl-ui main > .content,
html body.portal-body.fl-ui .panel,
html body.portal-body.fl-ui .table-wrap,
html body.portal-body.fl-ui .compact-table-wrap,
html body.portal-body.fl-ui .scouts-fit-wrap {
min-width: 0 !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
html body.portal-body.fl-ui .table-wrap,
html body.portal-body.fl-ui .compact-table-wrap,
html body.portal-body.fl-ui .scouts-fit-wrap {
width: 100% !important;
overflow-x: hidden !important;
}
html body.portal-body.fl-ui .table-wrap > table,
html body.portal-body.fl-ui .compact-table,
html body.portal-body.fl-ui .scouts-fit-table,
html body.portal-body.fl-ui .birthday-table {
display: table !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
table-layout: auto !important;
font-size: clamp(9px, .78vw, 12px) !important;
}
html body.portal-body.fl-ui .table-wrap > table th,
html body.portal-body.fl-ui .table-wrap > table td,
html body.portal-body.fl-ui .compact-table th,
html body.portal-body.fl-ui .compact-table td,
html body.portal-body.fl-ui .scouts-fit-table th,
html body.portal-body.fl-ui .scouts-fit-table td,
html body.portal-body.fl-ui .birthday-table th,
html body.portal-body.fl-ui .birthday-table td {
box-sizing: border-box !important;
min-width: 0 !important;
max-width: none !important;
width: 1% !important;
padding: clamp(4px, .55vw, 8px) clamp(3px, .55vw, 8px) !important;
font-size: inherit !important;
line-height: 1.25 !important;
white-space: nowrap !important;
overflow-wrap: normal !important;
word-break: normal !important;
vertical-align: middle !important;
}
html body.portal-body.fl-ui .table-wrap > table th,
html body.portal-body.fl-ui .compact-table th,
html body.portal-body.fl-ui .scouts-fit-table th,
html body.portal-body.fl-ui .birthday-table th {
font-size: clamp(8px, .68vw, 10px) !important;
}
html body.portal-body.fl-ui .table-wrap td .action-tabs,
html body.portal-body.fl-ui .table-wrap td .table-actions,
html body.portal-body.fl-ui .table-wrap td .inline-actions,
html body.portal-body.fl-ui .scouts-fit-table .action-tabs {
width: max-content !important;
min-width: max-content !important;
max-width: 100% !important;
flex-wrap: nowrap !important;
white-space: nowrap !important;
}
html body.portal-body.fl-ui .table-wrap td .btn,
html body.portal-body.fl-ui .scouts-fit-table .btn {
max-width: 100% !important;
white-space: normal !important;
overflow-wrap: anywhere !important;
font-size: clamp(8px, .68vw, 10px) !important;
padding: 4px 6px !important;
}
html body.portal-body.fl-ui .table-wrap .member-name-cell {
min-width: 0 !important;
gap: 6px !important;
}
html body.portal-body.fl-ui .table-wrap .member-name-cell img,
html body.portal-body.fl-ui .table-wrap .member-name-cell .account-avatar {
flex: 0 0 auto !important;
max-width: 34px !important;
}
html body.portal-body.fl-ui .table-wrap .member-name-copy,
html body.portal-body.fl-ui .table-wrap td strong,
html body.portal-body.fl-ui .table-wrap td small {
min-width: 0 !important;
max-width: 260px !important;
width: max-content !important;
white-space: normal !important;
overflow-wrap: anywhere !important;
}
html body.portal-body.fl-ui .table-wrap td:has(.tag),
html body.portal-body.fl-ui .table-wrap td:has(.btn),
html body.portal-body.fl-ui .table-wrap td:has(.action-tabs),
html body.portal-body.fl-ui .table-wrap td:has(.table-actions),
html body.portal-body.fl-ui .table-wrap td:has(.inline-actions) {
width: max-content !important;
white-space: nowrap !important;
}
html body.portal-body.fl-ui .scouts-fit-table td[data-label="Select"],
html body.portal-body.fl-ui .scouts-fit-table td[data-label="No."] {
width: 3.5% !important;
min-width: 34px !important;
white-space: nowrap !important;
}
html body.portal-body.fl-ui .scouts-fit-table td[data-label="Scout"] {
width: 19% !important;
min-width: 180px !important;
white-space: normal !important;
}
html body.portal-body.fl-ui .scouts-fit-table td[data-label="Membership"] {
width: 8% !important;
min-width: 82px !important;
white-space: normal !important;
}
html body.portal-body.fl-ui .scouts-fit-table td[data-label="Registration"] {
width: 10% !important;
min-width: 94px !important;
}
html body.portal-body.fl-ui .scouts-fit-table td[data-label="Phone"] {
width: 9% !important;
min-width: 92px !important;
}
html body.portal-body.fl-ui .scouts-fit-table td[data-label="School / Course"] {
width: 17% !important;
min-width: 165px !important;
white-space: normal !important;
}
html body.portal-body.fl-ui .scouts-fit-table td[data-label="Year of study"] {
width: 7% !important;
min-width: 64px !important;
white-space: nowrap !important;
overflow-wrap: normal !important;
}
html body.portal-body.fl-ui .scouts-fit-table:has(td[data-label="Select"]) th:nth-child(8),
html body.portal-body.fl-ui .scouts-fit-table:not(:has(td[data-label="Select"])) th:nth-child(7) {
width: 7% !important;
min-width: 64px !important;
white-space: normal !important;
}
html body.portal-body.fl-ui .scouts-fit-table td[data-label="Status"] {
width: 8% !important;
min-width: 78px !important;
}
html body.portal-body.fl-ui .scouts-fit-table td[data-label="Actions"] {
width: 15% !important;
min-width: 160px !important;
white-space: nowrap !important;
}
html body.portal-body.fl-ui .scouts-fit-table:has(td[data-label="Select"]) th:last-child {
width: 15% !important;
min-width: 160px !important;
}
html body.portal-body.fl-ui .table-wrap td :is(input, select, textarea) {
min-width: 0 !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
html body.portal-body.fl-ui .birthday-table :is(th, td):nth-child(7),
html body.portal-body.fl-ui .birthday-table :is(th, td):nth-child(3),
html body.portal-body.fl-ui .birthday-table :is(th, td):nth-child(4),
html body.portal-body.fl-ui .birthday-table :is(th, td):nth-child(5),
html body.portal-body.fl-ui .birthday-table :is(th, td):nth-child(6) {
min-width: 0 !important;
width: auto !important;
white-space: normal !important;
}
}
@media (max-width: 640px) {
html body.portal-body.fl-ui .content .filters > .mobile-filter-toggle {
display: inline-grid !important;
place-items: center !important;
align-self: flex-end !important;
width: 40px !important;
min-width: 40px !important;
max-width: 40px !important;
height: 40px !important;
min-height: 40px !important;
margin: 0 !important;
padding: 0 !important;
}
html body.portal-body.fl-ui .content .filters > .mobile-filter-toggle svg {
width: 18px !important;
height: 18px !important;
fill: none !important;
stroke: currentColor !important;
stroke-width: 1.8 !important;
stroke-linecap: round !important;
stroke-linejoin: round !important;
}
}
@media (min-width: 761px) {
html body.portal-body.fl-ui .content .attendance-filters {
display: grid !important;
grid-template-columns: minmax(220px, .9fr) minmax(260px, 1.2fr) 36px repeat(2, max-content) !important;
align-items: center !important;
gap: 8px !important;
}
html body.portal-body.fl-ui .content .attendance-filters > .mobile-filter-toggle {
display: none !important;
}
html body.portal-body.fl-ui .content .attendance-filters > select,
html body.portal-body.fl-ui .content .attendance-filters > input[type="search"] {
width: 100% !important;
min-width: 0 !important;
}
html body.portal-body.fl-ui .content .attendance-filters > button.table-action-icon {
width: 36px !important;
min-width: 36px !important;
max-width: 36px !important;
height: 36px !important;
min-height: 36px !important;
padding: 0 !important;
}
}
html body.portal-body.fl-ui .device-link-note {
margin: 12px 0 16px;
padding: 11px 13px;
border: 1px solid #bfdbfe;
border-radius: 10px;
background: #eff6ff;
color: #1e3a5f;
font-size: 12px;
line-height: 1.5;
}
html body.portal-body.fl-ui .device-link-edit-form {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-bottom: 6px;
}
html body.portal-body.fl-ui .device-link-edit-form input {
min-width: 0;
max-width: 150px;
padding: 6px 8px;
}
html body.portal-body.fl-ui .table-action-icon {
display: inline-grid !important;
place-items: center !important;
flex: 0 0 36px !important;
width: 36px !important;
min-width: 36px !important;
max-width: 36px !important;
height: 36px !important;
min-height: 36px !important;
padding: 0 !important;
border: 1px solid #d7e0eb !important;
border-radius: 10px !important;
background: linear-gradient(180deg, #fff, #f7f9fc) !important;
color: #35506f !important;
box-shadow: 0 2px 5px rgba(15, 23, 42, .07), inset 0 1px 0 rgba(255, 255, 255, .9) !important;
line-height: 1 !important;
white-space: nowrap !important;
text-decoration: none !important;
transition: background .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease, transform .15s ease !important;
}
html body.portal-body.fl-ui .table-action-icon svg {
display: block !important;
width: 17px !important;
height: 17px !important;
fill: none !important;
stroke: currentColor !important;
stroke-width: 1.8 !important;
stroke-linecap: round !important;
stroke-linejoin: round !important;
}
html body.portal-body.fl-ui .table-action-icon[data-table-action="delete"],
html body.portal-body.fl-ui .table-action-icon[data-table-action="reject"] {
color: #b42318 !important;
}
html body.portal-body.fl-ui .table-action-icon[data-table-action="delete"],
html body.portal-body.fl-ui .table-action-icon[data-table-action="reject"] {
background: linear-gradient(180deg, #fff, #fff7f6) !important;
}
html body.portal-body.fl-ui .table-action-icon[data-table-action="approve"] {
color: #187347 !important;
background: linear-gradient(180deg, #fff, #f3fbf6) !important;
}
html body.portal-body.fl-ui .table-action-icon[data-table-action="pause"] {
color: #9a6700 !important;
background: linear-gradient(180deg, #fff, #fff9eb) !important;
}
html body.portal-body.fl-ui .table-action-icon[data-table-action="view"],
html body.portal-body.fl-ui .table-action-icon[data-table-action="history"] {
color: #315b8a !important;
}
html body.portal-body.fl-ui .table-action-icon[data-table-action="edit"],
html body.portal-body.fl-ui .table-action-icon[data-table-action="copy"] {
color: #315b8a !important;
}
html body.portal-body.fl-ui .table-action-icon[data-table-action="filter"] {
color: #315b8a !important;
}
html body.portal-body.fl-ui .table-action-icon[data-table-action="clear"] {
color: #315b8a !important;
}
html body.portal-body.fl-ui .table-action-icon[data-table-action="apply"] {
color: #187347 !important;
}
html body.portal-body.fl-ui .table-action-icon[data-table-action="search"] {
color: #315b8a !important;
}
html body.portal-body.fl-ui .table-action-icon[data-table-action="all"] {
color: #1e3a5f !important;
}
html body.portal-body.fl-ui .table-action-icon[data-table-action="pending"] {
color: #d97706 !important;
background: linear-gradient(180deg, #fff, #fffbeb) !important;
border-color: #fde68a !important;
}
html body.portal-body.fl-ui .table-action-icon[data-table-action="escalate"] {
color: #7c3aed !important;
background: linear-gradient(180deg, #fff, #f5f3ff) !important;
border-color: #ddd6fe !important;
}
html body.portal-body.fl-ui .table-action-icon[data-table-action="under_review"] {
color: #0284c7 !important;
background: linear-gradient(180deg, #fff, #f0f9ff) !important;
border-color: #bae6fd !important;
}
html body.portal-body.fl-ui .table-action-icon[data-table-action="resolved_dcp"] {
color: #059669 !important;
background: linear-gradient(180deg, #fff, #ecfdf5) !important;
border-color: #a7f3d0 !important;
}
html body.portal-body.fl-ui .table-action-icon[data-table-action="resolve"] {
color: #0d9488 !important;
background: linear-gradient(180deg, #fff, #f0fdfa) !important;
border-color: #99f6e4 !important;
}
html body.portal-body.fl-ui .table-action-icon[data-table-action="resolved_jsl"] {
color: #4338ca !important;
background: linear-gradient(180deg, #fff, #eef2ff) !important;
border-color: #c7d2fe !important;
}
html body.portal-body.fl-ui .table-action-icon[data-table-action="dismiss"] {
color: #e11d48 !important;
background: linear-gradient(180deg, #fff, #fff1f2) !important;
border-color: #fecdd3 !important;
}
html body.portal-body.fl-ui .table-action-icon[data-table-action="manage"] {
color: #475569 !important;
background: linear-gradient(180deg, #fff, #f8fafc) !important;
border-color: #cbd5e1 !important;
}
html body.portal-body.fl-ui .table-action-icon[data-table-action="recycle"] {
color: #b42318 !important;
background: linear-gradient(180deg, #fff, #fff7f6) !important;
border-color: #fecaca !important;
}
html body.portal-body.fl-ui .table-action-icon.primary,
html body.portal-body.fl-ui .table-action-icon.active {
background: #1e3a5f !important;
color: #ffffff !important;
border-color: #1e3a5f !important;
box-shadow: 0 3px 8px rgba(30, 58, 95, 0.35) !important;
transform: translateY(-1px) !important;
}
html body.portal-body.fl-ui .table-action-icon.primary svg,
html body.portal-body.fl-ui .table-action-icon.active svg {
stroke: #ffffff !important;
}
html[data-portal-theme="dark"] body.portal-body.fl-ui .table-action-icon.primary,
html[data-portal-theme="dark"] body.portal-body.fl-ui .table-action-icon.active {
background: #38bdf8 !important;
color: #0f172a !important;
border-color: #38bdf8 !important;
box-shadow: 0 3px 8px rgba(56, 189, 248, 0.35) !important;
}
html[data-portal-theme="dark"] body.portal-body.fl-ui .table-action-icon.primary svg,
html[data-portal-theme="dark"] body.portal-body.fl-ui .table-action-icon.active svg {
stroke: #0f172a !important;
}
html body.portal-body.fl-ui .tag.warning > svg {
display: inline-block !important;
width: 14px !important;
height: 14px !important;
margin-right: 5px !important;
vertical-align: -2px !important;
fill: none !important;
stroke: currentColor !important;
stroke-width: 1.8 !important;
stroke-linecap: round !important;
stroke-linejoin: round !important;
}
html body.portal-body.fl-ui .documentation-table .documentation-status-icon-only {
display: inline-grid !important;
place-items: center !important;
width: 30px !important;
min-width: 30px !important;
height: 30px !important;
padding: 0 !important;
vertical-align: middle !important;
}
html body.portal-body.fl-ui .documentation-table .documentation-status-icon-only > svg {
width: 16px !important;
height: 16px !important;
margin: 0 !important;
}
html body.portal-body.fl-ui .scouts-table-v5 td[data-label="Status"] .tag.success,
html body.portal-body.fl-ui .scouts-table-v5 td[data-label="Status"] .tag.warning {
display: inline-grid !important;
place-items: center !important;
width: 30px !important;
min-width: 30px !important;
height: 30px !important;
padding: 0 !important;
overflow: hidden !important;
font-size: 0 !important;
line-height: 0 !important;
}
html body.portal-body.fl-ui .scouts-table-v5 td[data-label="Status"] .tag.success::before,
html body.portal-body.fl-ui .scouts-table-v5 td[data-label="Status"] .tag.warning::before {
content: "";
display: block;
width: 16px;
height: 16px;
background: currentColor;
-webkit-mask: center / contain no-repeat;
mask: center / contain no-repeat;
}
html body.portal-body.fl-ui .scouts-table-v5 td[data-label="Status"] .tag.success::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='m8 12 2.5 2.5L16 9' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='m8 12 2.5 2.5L16 9' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
html body.portal-body.fl-ui .scouts-table-v5 td[data-label="Status"] .tag.warning::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M12 7v5l3 2' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M12 7v5l3 2' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
html body.portal-body.fl-ui .table-action-icon:hover:not(:disabled) {
border-color: currentColor !important;
background: #edf3fa !important;
box-shadow: 0 4px 10px rgba(15, 23, 42, .12) !important;
transform: translateY(-1px) !important;
}
html body.portal-body.fl-ui .table-action-icon:focus-visible {
outline: 3px solid rgba(49, 91, 138, .3) !important;
outline-offset: 2px !important;
}
html body.portal-body.fl-ui .table-wrap td .action-tabs,
html body.portal-body.fl-ui .table-wrap td .table-actions,
html body.portal-body.fl-ui .table-wrap td .inline-actions {
display: flex !important;
align-items: center !important;
gap: 6px !important;
flex-wrap: wrap !important;
}
html body.portal-body.fl-ui .table-wrap td .action-tabs form,
html body.portal-body.fl-ui .table-wrap td .table-actions form,
html body.portal-body.fl-ui .table-wrap td .inline-actions form {
display: flex !important;
align-items: center !important;
margin: 0 !important;
}
html body.portal-body.fl-ui .location-card .action-tabs {
display: flex !important;
align-items: center !important;
gap: 8px !important;
flex-wrap: wrap !important;
}
html body.portal-body.fl-ui .location-card .action-tabs form {
display: flex !important;
align-items: center !important;
margin: 0 !important;
}
html body.portal-body.fl-ui .scouts-filter-grid .filter-buttons .filter-icon-button {
display: inline-grid !important;
place-items: center !important;
width: 38px !important;
min-width: 38px !important;
height: 36px !important;
min-height: 36px !important;
padding: 0 !important;
}
html body.portal-body.fl-ui .scouts-filter-grid .filter-icon-button svg {
width: 17px !important;
height: 17px !important;
fill: none !important;
stroke: currentColor !important;
stroke-width: 1.8 !important;
stroke-linecap: round !important;
stroke-linejoin: round !important;
}
html body.portal-body.fl-ui .scouts-filter-grid .filter-icon-button:focus-visible {
outline: 3px solid rgba(49, 91, 138, .3) !important;
outline-offset: 2px !important;
}
html body.portal-body.fl-ui .profile-step-nav .profile-step-link {
box-sizing: border-box !important;
height: 70px !important;
min-height: 70px !important;
padding: 8px 10px !important;
}
html body.portal-body.fl-ui .profile-step-nav .profile-step-link b {
line-height: 1.2 !important;
}
html body.portal-body.fl-ui .profile-step-nav .profile-step-link small {
font-size: 10px !important;
line-height: 1.2 !important;
}
@media (min-width: 761px) {
html body.portal-body.fl-ui .profile-wizard-layout {
align-items: stretch !important;
}
html body.portal-body.fl-ui .profile-step-nav {
align-self: stretch !important;
height: 100% !important;
box-sizing: border-box !important;
}
}
@media (min-width: 1401px) {
html body.portal-body.fl-ui .scouts-filter-grid {
grid-template-columns: minmax(180px, 1.45fr) repeat(5, minmax(100px, .82fr)) minmax(84px, .38fr) 82px !important;
align-items: end !important;
}
html body.portal-body.fl-ui .scouts-filter-grid .filter-search {
grid-column: auto !important;
max-width: none !important;
}
html body.portal-body.fl-ui .scouts-filter-grid .filter-rows {
max-width: none !important;
}
html body.portal-body.fl-ui .scouts-filter-grid .year-multi-filter {
min-width: 0 !important;
}
html body.portal-body.fl-ui .scouts-filter-grid .filter-buttons {
width: auto !important;
justify-content: flex-end !important;
gap: 6px !important;
}
}
html body.portal-body.fl-ui .profile-step-nav {
grid-auto-rows: 78px !important;
align-content: space-between !important;
}
html body.portal-body.fl-ui .profile-step-nav .profile-step-link {
height: 78px !important;
min-height: 78px !important;
padding: 8px 10px !important;
font-family: inherit !important;
}
html body.portal-body.fl-ui .profile-step-nav .profile-step-link b {
font-size: 13px !important;
line-height: 1.2 !important;
font-weight: 650 !important;
}
html body.portal-body.fl-ui .profile-step-nav .profile-step-link small {
margin-top: 3px !important;
font-size: 11px !important;
line-height: 1.2 !important;
}
html body.portal-body.fl-ui .profile-step-nav .profile-step-dot svg {
display: block;
width: 14px;
height: 14px;
fill: none;
stroke: currentColor;
stroke-width: 2.6;
stroke-linecap: round;
stroke-linejoin: round;
}
html body.portal-body.fl-ui .profile-step-head h2 {
font-size: 22px !important;
line-height: 1.2 !important;
}
html body.portal-body.fl-ui .profile-step-head p {
font-size: 14px !important;
line-height: 1.45 !important;
}
html body.portal-body.fl-ui .profile-section-block > h3 {
font-size: 15px !important;
line-height: 1.3 !important;
}
html body.portal-body.fl-ui .profile-section-block label {
font-size: 13px !important;
line-height: 1.4 !important;
}
html body.portal-body.fl-ui .profile-field-label {
display: block;
}
html body.portal-body.fl-ui .profile-section-block input,
html body.portal-body.fl-ui .profile-section-block select,
html body.portal-body.fl-ui .profile-section-block textarea {
font-size: 14px !important;
line-height: 1.4 !important;
}
html body.portal-body.fl-ui .profile-step-actions .btn {
font-size: 13px !important;
line-height: 1.25 !important;
}
html body.portal-body.fl-ui .profile-step-panel {
padding: 18px !important;
}
html body.portal-body.fl-ui .profile-step-head {
padding-bottom: 12px !important;
margin-bottom: 14px !important;
}
html body.portal-body.fl-ui .profile-step-form {
gap: 12px !important;
}
html body.portal-body.fl-ui .profile-section-block {
padding: 14px !important;
border-radius: 11px !important;
}
html body.portal-body.fl-ui .profile-section-block > h3 {
margin-bottom: 10px !important;
}
html body.portal-body.fl-ui .profile-section-block .form-grid {
gap: 10px 12px !important;
}
html body.portal-body.fl-ui .profile-section-block input,
html body.portal-body.fl-ui .profile-section-block select,
html body.portal-body.fl-ui .profile-section-block textarea {
min-height: 39px !important;
padding: 8px 10px !important;
font-size: 13px !important;
}
html body.portal-body.fl-ui .profile-section-block textarea {
min-height: 70px !important;
}
/* Profile upload styles managed in profile-redesign.css */
html body.portal-body.fl-ui .profile-step-actions .btn {
min-height: 38px !important;
}
html body.portal-body.fl-ui .crew-overview-card {
overflow: visible !important;
border-top: 1px solid var(--border, #e2e8f0) !important;
background: var(--theme-panel, #fff) !important;
box-shadow: 0 6px 18px color-mix(in srgb, var(--crew-color, #64748b) 10%, transparent) !important;
}
html body.portal-body.fl-ui .crew-overview-card > header {
min-width: 0 !important;
gap: 12px !important;
padding: 2px 0 12px !important;
border-bottom-color: color-mix(in srgb, var(--crew-color, #64748b) 22%, var(--border, #e2e8f0)) !important;
}
html body.portal-body.fl-ui .crew-overview-card > header > div {
flex: 1 1 auto !important;
min-width: 0 !important;
}
html body.portal-body.fl-ui .crew-overview-card > header h3 {
color: color-mix(in srgb, var(--crew-color, #64748b) 70%, #17324d) !important;
font-size: 17px !important;
font-weight: 750 !important;
line-height: 1.2 !important;
overflow-wrap: anywhere !important;
}
html body.portal-body.fl-ui .crew-overview-card > header p {
margin-top: 3px !important;
font-size: 12px !important;
}
html body.portal-body.fl-ui .crew-overview-card .crew-photo-mark {
position: relative !important;
display: grid !important;
place-items: center !important;
flex: 0 0 46px !important;
width: 46px !important;
height: 46px !important;
overflow: hidden !important;
isolation: isolate !important;
border: 2px solid var(--crew-color, #64748b) !important;
background: var(--crew-color, #64748b) !important;
color: #fff !important;
}
html body.portal-body.fl-ui .crew-overview-card .crew-photo-fallback {
display: grid !important;
place-items: center !important;
width: 100% !important;
height: 100% !important;
color: #fff !important;
font-size: 18px !important;
font-weight: 750 !important;
}
html body.portal-body.fl-ui .crew-overview-card .crew-photo-mark img {
position: absolute !important;
z-index: 1 !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
border-radius: inherit !important;
object-fit: cover !important;
object-position: center !important;
}
html body.portal-body.fl-ui .crew-overview-card .crew-leadership-strip span {
border-color: color-mix(in srgb, var(--crew-color, #64748b) 20%, var(--border, #e2e8f0)) !important;
background: color-mix(in srgb, var(--crew-color, #64748b) 7%, var(--theme-panel, #fff)) !important;
}
html body.portal-body.fl-ui .crew-overview-card .crew-leadership-strip b,
html body.portal-body.fl-ui .crew-overview-card .crew-regular-preview strong {
color: color-mix(in srgb, var(--crew-color, #64748b) 70%, #17324d) !important;
}
html body.portal-body.fl-ui .crew-overview-card .crew-regular-preview {
border-top-color: color-mix(in srgb, var(--crew-color, #64748b) 20%, var(--border, #e2e8f0)) !important;
}
@media (min-width: 761px) {
html body.portal-body.fl-ui .profile-wizard-layout {
align-items: stretch !important;
}
html body.portal-body.fl-ui .profile-step-nav {
position: sticky !important;
top: 16px !important;
align-self: stretch !important;
grid-auto-rows: minmax(56px, auto) !important;
align-content: start !important;
gap: 6px !important;
}
html body.portal-body.fl-ui .profile-step-nav .profile-step-link {
height: auto !important;
min-height: 56px !important;
padding: 8px 9px !important;
}
}
html body.portal-body.fl-ui .profile-completion-card{display:flex!important;flex:0 0 320px!important;flex-direction:column!important;align-items:stretch!important;justify-content:center!important;gap:7px!important;width:min(320px,100%)!important;min-width:250px!important;padding:10px 13px!important;box-sizing:border-box!important}
html body.portal-body.fl-ui .profile-completion-card .profile-completion-copy{display:grid!important;gap:2px!important;min-width:0!important}
html body.portal-body.fl-ui .profile-completion-card .profile-completion-copy b{font-size:14px!important;line-height:1.2!important}
html body.portal-body.fl-ui .profile-completion-card .profile-completion-copy small{font-size:11px!important;line-height:1.25!important}
html body.portal-body.fl-ui .profile-completion-progress{display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;min-width:0!important}
html body.portal-body.fl-ui .profile-completion-track{display:block!important;position:relative!important;flex:1 1 auto!important;height:9px!important;min-width:0!important;overflow:hidden!important;border-radius:999px!important;background:#e8edf3!important}
html body.portal-body.fl-ui .profile-completion-track span{display:block!important;height:100%!important;border-radius:inherit!important;background:var(--profile-accent,#1e3a5f)!important;transition:width .25s ease!important}
html body.portal-body.fl-ui .profile-completion-progress strong{position:static!important;z-index:auto!important;flex:0 0 auto!important;font-size:12px!important;line-height:1!important;color:var(--profile-accent,#1e3a5f)!important}
@media(max-width:760px){html body.portal-body.fl-ui .profile-completion-card{flex:1 1 auto!important;width:100%!important;min-width:0!important}}
html body.portal-body.fl-ui .scouts-controls-row .scouts-filter-grid input:not([type="hidden"]),
html body.portal-body.fl-ui .scouts-controls-row .scouts-filter-grid select,
html body.portal-body.fl-ui .scouts-controls-row .bulk-operation-select select,
html body.portal-body.fl-ui .scouts-controls-row .year-multi summary{height:42px!important;min-height:42px!important;box-sizing:border-box!important}
html body.portal-body.fl-ui .scouts-controls-row .year-multi-filter{gap:5px!important;align-self:end!important}
html body.portal-body.fl-ui .scouts-controls-row .year-multi summary{padding-top:0!important;padding-bottom:0!important}
html body.portal-body.fl-ui .scouts-controls-row .filter-buttons{display:flex!important;align-items:flex-end!important;height:42px!important;gap:7px!important}
html body.portal-body.fl-ui .scouts-controls-row .filter-buttons .filter-icon-button{display:inline-grid!important;place-items:center!important;width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;box-sizing:border-box!important}
html body.portal-body.fl-ui .scouts-controls-row .bulk-apply-button{display:inline-grid!important;place-items:center!important;width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;box-sizing:border-box!important}
html body.portal-body.fl-ui .scouts-controls-row .bulk-approve-all{height:42px!important;min-height:42px!important;box-sizing:border-box!important}
html body.portal-body.fl-ui .scout-tabs-row{gap:4px!important;overflow:visible!important;overflow-x:hidden!important;scrollbar-width:none!important;flex-wrap:wrap!important}
html body.portal-body.fl-ui .scout-tabs-row::-webkit-scrollbar{display:none!important}
html body.portal-body.fl-ui .scout-tabs-row>.scout-status-tabs,
html body.portal-body.fl-ui .scout-tabs-row>.scout-duplicate-tabs,
html body.portal-body.fl-ui .scout-tabs-row>.investiture-subtabs{gap:4px!important;flex:0 1 auto!important;width:auto!important;max-width:100%!important;padding:3px!important;overflow:visible!important}
html body.portal-body.fl-ui .scout-tabs-row>.scout-status-tabs a{min-height:32px!important;padding:0 8px!important;gap:5px!important;font-size:12px!important}
html body.portal-body.fl-ui .scout-tabs-row>.scout-status-tabs a b,
html body.portal-body.fl-ui .scout-tabs-row>.scout-duplicate-tabs b,
html body.portal-body.fl-ui .scout-tabs-row>.investiture-subtabs b{min-width:20px!important;height:20px!important;padding:0 5px!important;font-size:10px!important}
html body.portal-body.fl-ui .scout-tabs-row>.scout-duplicate-tabs a,
html body.portal-body.fl-ui .scout-tabs-row>.investiture-subtabs a{min-height:32px!important;padding:5px 8px!important;gap:5px!important;font-size:12px!important}
@media(max-width:760px){html body.portal-body.fl-ui .scout-tabs-row>.scout-status-tabs,html body.portal-body.fl-ui .scout-tabs-row>.scout-duplicate-tabs,html body.portal-body.fl-ui .scout-tabs-row>.investiture-subtabs{flex-wrap:wrap!important}}
.crew-dashboard-theme .dashboard-chart-strip:not(.dashboard-chart-strip-secondary){grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-areas:"trend snapshot" "service participation"!important;align-items:stretch!important}
.crew-dashboard-theme .dashboard-chart-strip:not(.dashboard-chart-strip-secondary) .dashboard-trend-card{grid-area:trend!important;order:initial!important}
.crew-dashboard-theme .dashboard-chart-strip:not(.dashboard-chart-strip-secondary) .dashboard-crew-snapshot{grid-area:snapshot!important;order:initial!important;align-self:start!important}
.crew-dashboard-theme .dashboard-chart-strip:not(.dashboard-chart-strip-secondary) .dashboard-service-card{grid-area:service!important;order:initial!important;min-height:0!important;padding:14px!important}
.crew-dashboard-theme .dashboard-chart-strip:not(.dashboard-chart-strip-secondary) .dashboard-service-card .dashboard-card-head{margin-bottom:8px!important}
.crew-dashboard-theme .dashboard-chart-strip:not(.dashboard-chart-strip-secondary) .dashboard-service-bars{height:82px!important}
@media(max-width:760px){.crew-dashboard-theme .dashboard-chart-strip:not(.dashboard-chart-strip-secondary){grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"trend" "service" "snapshot" "participation"!important}}
.crew-dashboard-theme .dashboard-insight-layout{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:14px!important;width:100%!important;min-width:0!important;max-width:100%!important}
.crew-dashboard-theme .dashboard-insight-layout>.dashboard-analytics-grid,.crew-dashboard-theme .dashboard-insight-layout>.dashboard-chart-strip{display:grid!important;width:100%!important;min-width:0!important;grid-column:auto!important;grid-row:auto!important;margin:0!important}
.crew-dashboard-theme .dashboard-insight-layout>.dashboard-analytics-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important}
.crew-dashboard-theme .dashboard-insight-layout>.dashboard-chart-strip:not(.dashboard-chart-strip-secondary){grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-areas:"trend snapshot" "service snapshot"!important;align-items:start!important}
.crew-dashboard-theme .dashboard-insight-layout>.dashboard-chart-strip-secondary{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important}
.crew-dashboard-theme .dashboard-insight-layout .dashboard-analytics-card{grid-column:auto!important;grid-row:auto!important;min-width:0!important;max-width:100%!important;width:auto!important;}
.crew-dashboard-theme .dashboard-chart-strip:not(.dashboard-chart-strip-secondary) .dashboard-trend-card{grid-area:trend!important;justify-self:stretch!important;max-width:none!important;width:auto!important;aspect-ratio:auto!important;height:250px!important;min-height:250px!important}
.crew-dashboard-theme .dashboard-chart-strip:not(.dashboard-chart-strip-secondary) .dashboard-crew-snapshot{grid-area:snapshot!important;align-self:start!important}
.crew-dashboard-theme .dashboard-chart-strip:not(.dashboard-chart-strip-secondary) .dashboard-service-card{grid-area:service!important;min-height:0!important}
@media(max-width:1100px){.crew-dashboard-theme .dashboard-insight-layout>.dashboard-analytics-grid,.crew-dashboard-theme .dashboard-insight-layout>.dashboard-chart-strip-secondary{grid-template-columns:repeat(2,minmax(0,1fr))!important}.crew-dashboard-theme .dashboard-insight-layout>.dashboard-chart-strip:not(.dashboard-chart-strip-secondary){grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){.crew-dashboard-theme .dashboard-insight-layout>.dashboard-analytics-grid,.crew-dashboard-theme .dashboard-insight-layout>.dashboard-chart-strip,.crew-dashboard-theme .dashboard-insight-layout>.dashboard-chart-strip-secondary{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:none!important}.crew-dashboard-theme .dashboard-chart-strip:not(.dashboard-chart-strip-secondary) .dashboard-trend-card{height:250px!important;min-height:250px!important}.crew-dashboard-theme .dashboard-insight-layout .dashboard-analytics-card{grid-area:auto!important}}
html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-insight-layout{display:flex!important;flex-flow:column nowrap!important;align-items:stretch!important;gap:14px!important;width:100%!important;min-width:0!important;max-width:100%!important}
html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-insight-layout>.dashboard-analytics-grid,html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-insight-layout>.dashboard-chart-strip{display:grid!important;position:relative!important;inset:auto!important;float:none!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;grid-column:auto!important;grid-row:auto!important;transform:none!important}
html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-insight-layout>.dashboard-analytics-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:auto!important;gap:14px!important}
html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-insight-layout>.dashboard-chart-strip:not(.dashboard-chart-strip-secondary){grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto auto!important;grid-template-areas:"trend snapshot" "service participation"!important;gap:14px!important}
html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-insight-layout>.dashboard-chart-strip-secondary{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:auto!important;gap:14px!important}
html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-insight-layout .dashboard-analytics-card{position:relative!important;inset:auto!important;float:none!important;grid-column:auto!important;grid-row:auto!important;transform:none!important;box-sizing:border-box!important;min-width:0!important;max-width:100%!important;width:auto!important}
html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-chart-strip:not(.dashboard-chart-strip-secondary) .dashboard-trend-card{grid-area:trend!important;justify-self:stretch!important;width:auto!important;max-width:none!important;height:250px!important;min-height:250px!important;aspect-ratio:auto!important}
html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-chart-strip:not(.dashboard-chart-strip-secondary) .dashboard-crew-snapshot{grid-area:snapshot!important;align-self:start!important}
html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-chart-strip:not(.dashboard-chart-strip-secondary) .dashboard-service-card{grid-area:service!important;min-height:0!important}
html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-chart-strip:not(.dashboard-chart-strip-secondary) .dashboard-crew-participation-card{grid-area:participation!important;min-height:0!important}
@media(max-width:1100px){html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-insight-layout>.dashboard-analytics-grid,html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-insight-layout>.dashboard-chart-strip-secondary{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-insight-layout>.dashboard-analytics-grid,html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-insight-layout>.dashboard-chart-strip-secondary{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto!important;grid-template-areas:none!important}html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-insight-layout>.dashboard-chart-strip:not(.dashboard-chart-strip-secondary){grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto auto auto!important;grid-template-areas:"trend" "service" "snapshot" "participation"!important}.crew-dashboard-theme .dashboard-insight-layout .dashboard-analytics-card{grid-area:auto!important}}
html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-quick-pulse{display:grid!important;grid-template-columns:minmax(155px,.8fr) repeat(4,minmax(0,1fr))!important;align-items:center!important;gap:10px!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;min-height:76px!important;padding:10px 14px!important;border:1px solid #e2e8f0!important;border-radius:13px!important;background:linear-gradient(100deg,#f8fafc,#fff 42%)!important;box-shadow:0 3px 12px rgba(30,58,95,.035)!important}
html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-quick-pulse-title{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important;color:#1e3a5f!important;font-size:13px!important;white-space:nowrap!important}
html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-quick-pulse-mark{flex:0 0 8px!important;width:8px!important;height:8px!important;border-radius:50%!important;background:#f28c00!important;box-shadow:0 0 0 4px #fff0d5!important}
html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-quick-pulse-stats{display:contents!important}
html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-quick-pulse-stats>a{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:3px!important;min-width:0!important;min-height:42px!important;padding:0 12px!important;border-left:1px solid #e7edf5!important;color:#64748b!important;text-decoration:none!important}
html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-quick-pulse-stats>a span{font-size:11px!important;line-height:1.2!important;white-space:nowrap!important}
html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-quick-pulse-stats>a strong{color:#1e3a5f!important;font-size:17px!important;line-height:1.1!important;font-weight:700!important}
html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-quick-pulse-stats>a small{font-size:10px!important;font-weight:500!important}
@media(max-width:900px){html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-quick-pulse{grid-template-columns:repeat(4,minmax(0,1fr))!important}.crew-dashboard-theme .dashboard-quick-pulse-title{grid-column:1/-1!important}.crew-dashboard-theme .dashboard-quick-pulse-stats{display:grid!important;grid-column:1/-1!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:560px){html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-quick-pulse{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.crew-dashboard-theme .dashboard-quick-pulse-title{grid-column:1/-1!important}.crew-dashboard-theme .dashboard-quick-pulse-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.crew-dashboard-theme .dashboard-quick-pulse-stats>a{padding:4px 8px!important}}
html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-crew-participation{display:flex!important;flex-direction:column!important;gap:16px!important;padding:18px 2px 8px!important}
html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-crew-participation-row{display:grid!important;grid-template-columns:minmax(82px,110px) minmax(50px,1fr) 42px 42px!important;align-items:center!important;gap:10px!important;min-width:0!important}
html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-crew-participation-row>span{overflow:hidden!important;color:#334155!important;font-size:12px!important;font-weight:600!important;text-overflow:ellipsis!important;white-space:nowrap!important}
html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-crew-participation-row>div{height:8px!important;overflow:hidden!important;border-radius:99px!important;background:#edf2f7!important}
html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-crew-participation-row>div>i{display:block!important;height:100%!important;min-width:3px!important;border-radius:inherit!important}
html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-crew-participation-row>strong{color:#1e3a5f!important;font-size:12px!important;text-align:right!important}
html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-crew-participation-row>small{color:#718096!important;font-size:10px!important;text-align:right!important;white-space:nowrap!important}
@media(max-width:560px){html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-crew-participation{gap:12px!important;padding-top:12px!important}html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-crew-participation-row{grid-template-columns:minmax(65px,90px) minmax(45px,1fr) 38px!important;gap:7px!important}html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-crew-participation-row>small{display:none!important}}
html body.portal-body.fl-ui .scout-tabs-row{gap:6px!important}
html body.portal-body.fl-ui .scout-tabs-row>.scout-status-tabs,
html body.portal-body.fl-ui .scout-tabs-row>.scout-duplicate-tabs,
html body.portal-body.fl-ui .scout-tabs-row>.investiture-subtabs{gap:5px!important}
html body.portal-body.fl-ui .scout-tabs-row>.scout-status-tabs a{padding-left:10px!important;padding-right:10px!important;font-size:12.5px!important}
html body.portal-body.fl-ui .scout-tabs-row>.scout-status-tabs a b,
html body.portal-body.fl-ui .scout-tabs-row>.scout-duplicate-tabs b,
html body.portal-body.fl-ui .scout-tabs-row>.investiture-subtabs b{min-width:21px!important;height:21px!important;font-size:10.5px!important}
html body.portal-body.fl-ui .scout-tabs-row>.scout-duplicate-tabs a,
html body.portal-body.fl-ui .scout-tabs-row>.investiture-subtabs a{padding-left:10px!important;padding-right:10px!important;font-size:12.5px!important}
html body.portal-body.fl-ui .topbar-meta .header-calendar-date,html body.portal-body.fl-ui .topbar-meta .header-centre-time{font-size:12px!important;line-height:1.2!important}
html body.portal-body.fl-ui .session-editor{max-width:1180px!important;margin-inline:auto!important}
html body.portal-body.fl-ui .activity-schedule-form{gap:18px!important}
html body.portal-body.fl-ui .activity-form-section{display:grid!important;gap:16px!important;padding:18px!important;border:1px solid #dfe8f2!important;border-radius:14px!important;background:linear-gradient(135deg,#f8fbff 0%,#fff 44%)!important}
html body.portal-body.fl-ui .activity-form-section:nth-of-type(even){background:linear-gradient(135deg,#fffaf0 0%,#fff 42%)!important}
html body.portal-body.fl-ui .activity-form-section-head{display:flex!important;align-items:flex-start!important;gap:11px!important}
html body.portal-body.fl-ui .activity-form-section-head>span{display:grid!important;place-items:center!important;flex:0 0 28px!important;width:28px!important;height:28px!important;border-radius:9px!important;background:#1e3a5f!important;color:#fff!important;font-size:11px!important;font-weight:800!important}
html body.portal-body.fl-ui .activity-form-section:nth-of-type(even) .activity-form-section-head>span{background:#e88900!important}
html body.portal-body.fl-ui .activity-form-section-head h4{margin:0!important;color:#18385f!important;font-size:15px!important;line-height:1.2!important}
html body.portal-body.fl-ui .activity-form-section-head p{margin:3px 0 0!important;color:#718096!important;font-size:12px!important;line-height:1.4!important}
html body.portal-body.fl-ui .activity-schedule-form .form-grid{gap:14px 18px!important;align-items:start!important}
html body.portal-body.fl-ui .activity-schedule-form label{gap:6px!important;color:#243b5a!important;font-size:12px!important;font-weight:700!important}
html body.portal-body.fl-ui .activity-schedule-form input,html body.portal-body.fl-ui .activity-schedule-form select{min-height:44px!important;padding:10px 12px!important;border-color:#cad8e7!important;border-radius:9px!important;background:#fff!important}
html body.portal-body.fl-ui .activity-schedule-form label small{min-height:30px!important;color:#697b90!important;font-size:11px!important;line-height:1.35!important}
html body.portal-body.fl-ui .activity-schedule-form .event-location-tools{display:grid!important;grid-template-columns:minmax(0,1fr) 160px!important;align-items:end!important;gap:14px!important;padding:14px!important;border-color:#d6e3f0!important;background:#f5f9fd!important}
html body.portal-body.fl-ui .activity-schedule-form .event-location-tools>div{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important}
html body.portal-body.fl-ui .activity-schedule-form .event-location-tools>div small{color:#61748a!important;font-size:11px!important;line-height:1.35!important}
html body.portal-body.fl-ui .activity-schedule-form .event-location-tools label{min-width:0!important;max-width:none!important}
html body.portal-body.fl-ui .activity-quick-expiry{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}
html body.portal-body.fl-ui .activity-schedule-form .quick-duration{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:6px!important;margin:0!important;padding:10px!important;border:1px solid #e2e8f0!important;border-radius:10px!important;background:#fff!important}
html body.portal-body.fl-ui .activity-schedule-form .quick-duration span{margin-right:4px!important;color:#52657b!important;font-size:11px!important;font-weight:700!important}
html body.portal-body.fl-ui .activity-schedule-form .quick-duration button{min-height:28px!important;padding:4px 8px!important;border:1px solid #d7e2ee!important;border-radius:7px!important;background:#f7fafc!important;color:#1e4d80!important;font:inherit!important;font-size:11px!important;font-weight:700!important;cursor:pointer!important}
html body.portal-body.fl-ui .activity-schedule-form .quick-duration button:hover{background:#e8f1fb!important;border-color:#8db4df!important}
html body.portal-body.fl-ui .activity-form-submit{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:2px 2px 0!important}
html body.portal-body.fl-ui .activity-form-submit p{margin:0!important;color:#718096!important;font-size:12px!important;line-height:1.4!important}
html body.portal-body.fl-ui .activity-form-submit .btn{min-width:170px!important;min-height:44px!important}
@media(max-width:760px){html body.portal-body.fl-ui .activity-form-section{padding:14px!important}.crew-dashboard-theme .activity-schedule-form .form-grid{grid-template-columns:1fr!important}.activity-schedule-form .event-location-tools,.activity-quick-expiry{grid-template-columns:1fr!important}.activity-schedule-form .event-location-tools>div{align-items:flex-start!important;flex-direction:column!important}.activity-form-submit{align-items:stretch!important;flex-direction:column!important}.activity-form-submit .btn{width:100%!important}}
html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-trend-card .dashboard-mini-line circle{fill:#4b91ff!important;stroke:none!important;transform-box:fill-box!important;transform-origin:center!important;transform:scaleX(.2)!important}
html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-trend-card .dashboard-mini-line circle.is-latest{fill:#1e3a8a!important;stroke:#fff!important;stroke-width:1!important;filter:drop-shadow(0 1px 2px #1e3a8a55)!important}
html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-mini-line path.dashboard-trend-line{fill:none!important;stroke:#4b91ff!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;vector-effect:non-scaling-stroke!important}
html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-mini-line path.dashboard-trend-area{fill:url(#dashArea)!important;stroke:none!important;opacity:.28!important}
html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-insight-layout>.dashboard-chart-strip:not(.dashboard-chart-strip-secondary){grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto auto!important;align-items:stretch!important}
html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-insight-layout>.dashboard-chart-strip:not(.dashboard-chart-strip-secondary)>.dashboard-trend-card{grid-column:1!important;grid-row:1!important}
html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-insight-layout>.dashboard-chart-strip:not(.dashboard-chart-strip-secondary)>.dashboard-service-card{grid-column:1!important;grid-row:2!important}
html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-insight-layout>.dashboard-chart-strip:not(.dashboard-chart-strip-secondary)>.dashboard-crew-snapshot{grid-column:2!important;grid-row:1!important;align-self:stretch!important}
html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-insight-layout>.dashboard-chart-strip:not(.dashboard-chart-strip-secondary)>.dashboard-crew-volume-card{grid-column:2!important;grid-row:2!important;align-self:stretch!important}
html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-crew-volume{display:flex!important;flex-direction:column!important;gap:14px!important;padding:18px 2px 8px!important}
html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-crew-volume-row{display:grid!important;grid-template-columns:minmax(82px,110px) minmax(50px,1fr) 48px!important;align-items:center!important;gap:10px!important;min-width:0!important}
html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-crew-volume-row>span{overflow:hidden!important;color:#334155!important;font-size:12px!important;font-weight:600!important;text-overflow:ellipsis!important;white-space:nowrap!important}
html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-crew-volume-row>div{height:8px!important;overflow:hidden!important;border-radius:99px!important;background:#edf2f7!important}
html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-crew-volume-row>div>i{display:block!important;height:100%!important;min-width:3px!important;border-radius:inherit!important}
html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-crew-volume-row>strong{color:#1e3a5f!important;font-size:12px!important;text-align:right!important}
@media(max-width:760px){html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-insight-layout>.dashboard-chart-strip:not(.dashboard-chart-strip-secondary){grid-template-columns:minmax(0,1fr)!important;grid-template-rows:repeat(4,auto)!important}.crew-dashboard-theme .dashboard-insight-layout>.dashboard-chart-strip:not(.dashboard-chart-strip-secondary)>.dashboard-trend-card{grid-column:1!important;grid-row:1!important}.crew-dashboard-theme .dashboard-insight-layout>.dashboard-chart-strip:not(.dashboard-chart-strip-secondary)>.dashboard-service-card{grid-column:1!important;grid-row:2!important}.crew-dashboard-theme .dashboard-insight-layout>.dashboard-chart-strip:not(.dashboard-chart-strip-secondary)>.dashboard-crew-snapshot{grid-column:1!important;grid-row:3!important}.crew-dashboard-theme .dashboard-insight-layout>.dashboard-chart-strip:not(.dashboard-chart-strip-secondary)>.dashboard-crew-volume-card{grid-column:1!important;grid-row:4!important}}
html body.portal-body.fl-ui .fl-header-bell{position:relative!important}
html body.portal-body.fl-ui .fl-header-bell-count{position:absolute!important;top:-7px!important;right:-8px!important;display:grid!important;min-width:18px!important;height:18px!important;place-items:center!important;padding:0 4px!important;border:2px solid var(--theme-panel,#fff)!important;border-radius:999px!important;background:#d43d42!important;color:#fff!important;font-size:10px!important;font-weight:800!important;line-height:1!important;white-space:nowrap!important}
@media(max-width:760px){
html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-insight-layout{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;height:auto!important;min-height:0!important;padding-bottom:16px!important}
html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-insight-layout>.dashboard-analytics-grid,
html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-insight-layout>.dashboard-chart-strip,
html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-insight-layout>.dashboard-chart-strip-secondary{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:none!important;grid-auto-rows:max-content!important;align-content:start!important;align-items:start!important;gap:12px!important;height:auto!important;min-height:0!important}
html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-insight-layout .dashboard-analytics-card{grid-column:1!important;grid-row:auto!important;align-self:start!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;box-sizing:border-box!important}
html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-insight-layout>.dashboard-chart-strip:not(.dashboard-chart-strip-secondary)>.dashboard-trend-card,
html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-insight-layout>.dashboard-chart-strip:not(.dashboard-chart-strip-secondary)>.dashboard-service-card,
html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-insight-layout>.dashboard-chart-strip:not(.dashboard-chart-strip-secondary)>.dashboard-crew-snapshot,
html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-insight-layout>.dashboard-chart-strip:not(.dashboard-chart-strip-secondary)>.dashboard-crew-volume-card{grid-area:auto!important;grid-column:1!important;grid-row:auto!important;align-self:start!important;height:auto!important;min-height:0!important}
html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-insight-layout .dashboard-crew-card,
html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-insight-layout .dashboard-activity-card,
html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-insight-layout .dashboard-membership-card{min-height:0!important;height:auto!important}
html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-insight-layout .crew-mini-chart{display:flex!important;flex-direction:column!important;gap:12px!important;height:auto!important;min-height:0!important;padding:8px 0!important}
html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-insight-layout .dashboard-trend-card{width:100%!important;max-width:none!important;height:270px!important;min-height:270px!important;aspect-ratio:auto!important;justify-self:stretch!important}
html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-insight-layout .dashboard-trend-card .dashboard-mini-line{min-height:190px!important;height:auto!important}
html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-insight-layout .dashboard-trend-card .dashboard-mini-line svg{height:180px!important;min-height:160px!important;max-height:180px!important}
html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-quick-pulse{height:auto!important;min-height:0!important}
html body.portal-body.fl-ui .crew-dashboard-theme .dashboard-quick-pulse-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
/* =========================================================================
UNIVERSAL COMPACT SQUARE CUBE CHECKBOX & RADIO ENFORCEMENT
========================================================================= */
input[type="checkbox"],
input[type="checkbox"].recycle-square-checkbox,
.recycle-table input[type="checkbox"],
.permission-card-shell input[type="checkbox"],
.custom-permission-switch input[type="checkbox"],
.checkbox-field input[type="checkbox"] {
appearance: none !important;
-webkit-appearance: none !important;
width: 15px !important;
height: 15px !important;
min-width: 15px !important;
max-width: 15px !important;
min-height: 15px !important;
max-height: 15px !important;
aspect-ratio: 1 / 1 !important;
padding: 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
border: 1.5px solid #94a3b8 !important;
border-radius: 3px !important;
background-color: #ffffff !important;
cursor: pointer !important;
display: inline-block !important;
vertical-align: middle !important;
position: static !important;
line-height: 1 !important;
box-shadow: none !important;
transition: all 0.15s ease-in-out !important;
}
input[type="checkbox"]:checked,
input[type="checkbox"].recycle-square-checkbox:checked,
.recycle-table input[type="checkbox"]:checked,
.permission-card-shell input[type="checkbox"]:checked,
.custom-permission-switch input[type="checkbox"]:checked,
.checkbox-field input[type="checkbox"]:checked {
background-color: #1e3a5f !important;
border-color: #1e3a5f !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='square' stroke-linejoin='miter' d='M3 8.5l3.5 3.5 6.5-7.5'/%3E%3C/svg%3E") !important;
background-size: 10px 10px !important;
background-position: center center !important;
background-repeat: no-repeat !important;
}
/* Radio buttons strictly isolated and compact */
input[type="radio"],
.maint-scope-card input[type="radio"],
.maint-mode-option input[type="radio"],
.maint-scope-radio-slot input[type="radio"] {
appearance: none !important;
-webkit-appearance: none !important;
width: 18px !important;
height: 18px !important;
min-width: 18px !important;
max-width: 18px !important;
min-height: 18px !important;
max-height: 18px !important;
aspect-ratio: 1 / 1 !important;
padding: 0 !important;
margin: 0 !important;
border: 2px solid #94a3b8 !important;
border-radius: 50% !important;
background-color: #ffffff !important;
cursor: pointer !important;
position: static !important;
display: grid !important;
place-items: center !important;
box-sizing: border-box !important;
}
input[type="radio"]:checked,
.maint-scope-card input[type="radio"]:checked,
.maint-mode-option input[type="radio"]:checked,
.maint-scope-radio-slot input[type="radio"]:checked {
border-color: #2563eb !important;
background-color: #ffffff !important;
}
input[type="radio"]:checked::after,
.maint-scope-card input[type="radio"]:checked::after,
.maint-mode-option input[type="radio"]:checked::after,
.maint-scope-radio-slot input[type="radio"]:checked::after {
content: "" !important;
display: block !important;
width: 9px !important;
height: 9px !important;
border-radius: 50% !important;
background-color: #2563eb !important;
}
/* User Permission & Checkbox Switch Layout Fix */
.custom-permission-switch,
.checkbox-field {
display: flex !important;
flex-direction: row !important;
align-items: flex-start !important;
gap: 12px !important;
}
.custom-permission-switch input[type="checkbox"],
.checkbox-field input[type="checkbox"] {
flex: 0 0 15px !important;
margin-top: 3px !important;
}
/* Device Search Input Icon Overlap Fix */
.filter-input-wrap input.device-search-input,
.sessions-filter-row input,
.filter-input-wrap input[type="search"],
.search-box input {
padding-left: 42px !important;
}