.actor.sheet {
    --temporary-color: rgb(0 0 255 / 7%);

    [data-item-id].dailies-temporary {
        position: relative;

        &::before {
            content: "";
            position: absolute;
            inset: 0;
            background: var(--temporary-color);
            pointer-events: none;
        }
    }

    [data-item-id].dailies-temporary [data-item-id].dailies-temporary {
        &::before {
            background: none;
        }
    }

    .pf2e-dailies-charges {
        display: flex;
        gap: 0.5em;
        align-items: center;

        label {
            font-family: var(--body-serif);
            font-weight: 600;
        }

        input[type="number"] {
            text-align: center;
            background: var(--alt);
            border-radius: 3px;
            border: 1px solid var(--sub);
            color: var(--text-light);
            font: var(--font-size-12) var(--sans-serif);
            height: unset;
            width: 4ch;
        }

        a {
            display: flex;
            align-items: center;

            &.disabled {
                pointer-events: none;
                color: grey;
            }
        }

        &.double {
            input[type="number"] {
                width: 6ch;
            }
        }
    }
}

.actor.sheet.character {
    aside .sidebar a.roll-icon.dailies {
        padding: 3px 0 0 0;

        i {
            font-size: 1.1rem;
        }

        &.inactive {
            cursor: default;
            filter: brightness(0.75);
            opacity: 0.75;
            text-shadow: none;

            &:hover {
                transition: none;

                i {
                    transform: scale(1);
                }
            }
        }
    }

    [data-action="dailies-retrain"] {
        margin-right: 0.3em;
    }

    .sheet-content .tab[data-tab="spellcasting"] {
        .spell button.inactive {
            visibility: hidden;
            opacity: 0;
        }
    }

    .sheet-content .tab[data-tab="actions"] {
        .item.action.inactive {
            .item-image {
                filter: grayscale(1);
            }

            .name {
                text-decoration: line-through;
            }
        }
    }

    .pf2e-dailies-charges {
        button.cast-spell.blue {
            font: 500 var(--font-size-10) / 1.8em var(--sans-serif);
            text-transform: uppercase;
            width: fit-content;
        }
    }
}

.actor.sheet.npc {
    .pf2e-dailies-charges {
        margin: auto;
        width: fit-content;
        padding-block: 2px;
    }
}