/* Clear service cards retain the establishment's color as an accent. */
.pp-service-tile,.sh-blk.pp-service-tile,.sh-blk-half.pp-service-tile,.dg-shift.pp-service-tile,.tl-shift.pp-service-tile {
  background: #fff !important; color: #172033 !important; border: 1px solid #dce3ed;
  border-left: 4px solid var(--pp-service-accent, #4f63e7); border-radius: 9px;
  box-shadow: 0 1px 3px #1720330b; cursor: pointer;
}
.sh-blk.pp-service-tile { min-height: 56px; height: auto; min-width: 114px; padding: 8px 27px 8px 9px; align-items: flex-start; }
.sh-blk-half.pp-service-tile { min-height: 30px; height: auto; padding: 6px 9px; font-size: 12px; }
.pp-service-tile .sh-blk-inner { gap: 3px; width: 100%; }
.pp-service-tile .sh-blk-t,.pp-service-tile .dg-shift-time { font-size: 14px; line-height: 1.35; color: #172033; }
.pp-service-tile .sh-blk-c,.pp-service-tile .dg-shift-role,.pp-service-tile .dg-shift-hrs { font-size: 12px; line-height: 1.4; color: #435066; opacity: 1; }
.pp-service-tile:hover { filter: none; background: #f8faff !important; box-shadow: 0 3px 9px #17203312; }
.sh-blk.pp-service-tile.type-task,.sh-blk.pp-service-tile.type-abs,.sh-blk.pp-service-tile.type-abs.unpaid { background: #fff !important; color: #172033 !important; opacity: 1; }
.pp-service-tile:focus-visible,button:focus-visible,summary:focus-visible,[role="button"]:focus-visible { outline: 3px solid #3757c5; outline-offset: 2px; }
.pp-service-tile .shift-comment-dot { background: #435066; }
.pp-service-tile .sh-del,.pp-service-tile .dg-shift-del,.pp-service-tile .tl-shift-del { width: 24px; height: 24px; min-width: 24px; min-height: 24px; background: #edf1f8; color: #435066; font-size: 13px; opacity: 1; right: 2px; top: 2px; }
.pp-month-service.pp-service-tile { min-height: 28px; padding: 5px 6px !important; font-size: 11px !important; line-height: 1.4 !important; }
.emp-act,.ic-btn,.m-x { min-width: 28px; min-height: 28px; }
.emp-acts,.ec-acts { opacity: 1; }
.emp-nm { font-size: 13px; }.emp-rl,.emp-contract-hours { font-size: 11px; }.ec-st-l { font-size: 11px; line-height: 1.4; }
.pp-employee-advanced { position: relative; }
.pp-employee-advanced summary { list-style: none; cursor: pointer; display: grid; place-items: center; width: 28px; height: 28px; border: 1px solid #dce3ed; border-radius: 6px; background: #fff; font-size: 20px; line-height: 1; }
.pp-employee-advanced summary::-webkit-details-marker { display: none; }
.pp-employee-actions { position: absolute; z-index: 45; top: 34px; right: 0; width: 230px; padding: 6px; border: 1px solid #dce3ed; border-radius: 10px; background: #fff; box-shadow: 0 12px 30px #17203320; }
.pp-employee-action.ic-btn { display: flex; gap: 9px; width: 100%; min-height: 38px; padding: 8px; border: 0; justify-content: flex-start; height: auto; font: inherit; text-align: left; }
.pp-employee-action svg { width: 16px; height: 16px; flex-shrink: 0; }.pp-employee-action span { line-height: 1.4; font-size: 12px; }
.pp-feedback { display: flex; gap: 16px; align-items: flex-start; background: #fff4f2; color: #872b21; border: 1px solid #efb8ad; border-radius: 12px; padding: 14px 16px; font-size: 13px; line-height: 1.5; box-shadow: 0 6px 20px #17203310; z-index: 13000; }
.pp-feedback[data-kind="warning"] { background: #fff9e8; color: #755015; border-color: #ead5a0; }
body > .pp-feedback,.main > .pp-feedback { position: fixed; bottom: 24px; right: 24px; width: min(480px,calc(100vw - 32px)); }
.overlay > .pp-feedback,[role="dialog"] > .pp-feedback { margin: 12px auto 0; max-width: 600px; flex-shrink: 0; }
.pp-feedback-text { flex: 1; overflow-wrap: anywhere; white-space: pre-line; }.pp-feedback button { color: inherit; background: #fff; border: 1px solid currentColor; border-radius: 7px; min-height: 32px; padding: 4px 9px; font: inherit; cursor: pointer; flex-shrink: 0; }
@media(max-width:680px) { .pp-service-tile .sh-blk-t { font-size: 13px; }.pp-service-tile .sh-blk-c { font-size: 12px; }.pp-feedback { gap: 9px; padding: 12px; }body > .pp-feedback,.main > .pp-feedback { right: 16px; bottom: 16px; }.pp-employee-actions { width: 215px; }.pp-service-tile .sh-del { opacity: 1; } }
@media(prefers-reduced-motion:reduce) { .pp-service-tile,.modal,.overlay { transition: none !important; animation: none !important; } }