2ad94070c7
Model: fclk_create_open_shifts/claim_open_shift/release_shift (days-before cutoff + role eligibility)/bulk_apply. Planner: Open Shift… panel, open-shifts strip with delete, Apply-to-dept; load includes open shifts. Portal: claim open shifts + release own upcoming shifts with feedback banners. Tests for claim/role-gate/release/bulk. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
157 lines
2.9 KiB
CSS
157 lines
2.9 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;
|
|
}
|
|
|
|
/* ---- Claim / release feedback + open shifts ---- */
|
|
.fpl-flash {
|
|
margin: 0 16px 12px;
|
|
padding: 10px 14px;
|
|
border-radius: 8px;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.fpl-flash-err {
|
|
background: rgba(239, 68, 68, 0.10);
|
|
border: 1px solid rgba(239, 68, 68, 0.30);
|
|
color: #ef4444;
|
|
}
|
|
|
|
.fpl-flash-ok {
|
|
background: rgba(16, 185, 129, 0.10);
|
|
border: 1px solid rgba(16, 185, 129, 0.25);
|
|
color: var(--fclk-green);
|
|
}
|
|
|
|
.fpl-open-item {
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.fpl-claim-form,
|
|
.fpl-release-form {
|
|
display: inline-block;
|
|
margin: 0;
|
|
}
|
|
|
|
.fpl-release-btn {
|
|
display: block;
|
|
margin-top: 4px;
|
|
background: transparent;
|
|
border: 1px solid rgba(239, 68, 68, 0.35);
|
|
color: #ef4444;
|
|
font-size: 11px;
|
|
border-radius: 6px;
|
|
padding: 2px 8px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.fpl-release-btn:hover {
|
|
background: rgba(239, 68, 68, 0.10);
|
|
}
|
|
|
|
/* ---- Bottom padding so nav doesn't cover last shift ---- */
|
|
.fclk-container {
|
|
padding-bottom: 80px;
|
|
}
|