110 lines
2.0 KiB
CSS
110 lines
2.0 KiB
CSS
/* Fusion Planning - Portal Schedule
|
|
* Inherits Fusion Clock dark-theme tokens (--fclk-card, --fclk-green, etc.)
|
|
*/
|
|
|
|
/* ---- 4-tab nav fit (keep items grouped at center, just tighter padding) ---- */
|
|
.fclk-nav-item {
|
|
padding: 8px 19px !important;
|
|
}
|
|
|
|
/* ---- Next Shift hero card ---- */
|
|
.fpl-next-shift {
|
|
text-align: center;
|
|
padding: 20px 16px;
|
|
}
|
|
|
|
.fpl-next-label {
|
|
font-size: 11px;
|
|
color: var(--fclk-text-dim);
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.08em;
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
.fpl-next-date {
|
|
font-size: 18px;
|
|
color: var(--fclk-text);
|
|
font-weight: 600;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
.fpl-next-time {
|
|
font-size: 32px;
|
|
color: var(--fclk-green);
|
|
font-weight: 700;
|
|
letter-spacing: 0.02em;
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
.fpl-next-role {
|
|
display: inline-block;
|
|
font-size: 12px;
|
|
color: var(--fclk-text-dim);
|
|
background: rgba(16, 185, 129, 0.08);
|
|
border: 1px solid rgba(16, 185, 129, 0.18);
|
|
padding: 4px 12px;
|
|
border-radius: 12px;
|
|
}
|
|
|
|
/* ---- Empty state ---- */
|
|
.fpl-empty-card {
|
|
text-align: center;
|
|
padding: 28px 16px;
|
|
}
|
|
|
|
.fpl-empty-icon {
|
|
margin-bottom: 12px;
|
|
opacity: 0.7;
|
|
}
|
|
|
|
.fpl-empty-title {
|
|
font-size: 16px;
|
|
color: var(--fclk-text);
|
|
font-weight: 600;
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
.fpl-empty-sub {
|
|
font-size: 13px;
|
|
color: var(--fclk-text-dim);
|
|
}
|
|
|
|
/* ---- Group headers ---- */
|
|
.fpl-group {
|
|
margin-bottom: 18px;
|
|
}
|
|
|
|
.fpl-group-title {
|
|
font-size: 13px;
|
|
color: var(--fclk-text-dim);
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.08em;
|
|
font-weight: 600;
|
|
margin: 12px 16px 8px;
|
|
}
|
|
|
|
.fpl-list {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 8px;
|
|
}
|
|
|
|
/* ---- Shift item polish ---- */
|
|
.fpl-shift-item .fclk-recent-info {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 2px;
|
|
}
|
|
|
|
.fpl-shift-note {
|
|
font-size: 11px;
|
|
color: var(--fclk-text-dim);
|
|
margin-top: 2px;
|
|
font-style: italic;
|
|
}
|
|
|
|
/* ---- Bottom padding so nav doesn't cover last shift ---- */
|
|
.fclk-container {
|
|
padding-bottom: 80px;
|
|
}
|