.c365-automation-tile {
    --automation-accent: var(--c365-board-accent-primary, #28d7e7);
    position: relative;
    display: grid;
    grid-template-rows: auto minmax(3.75rem, 1fr);
    place-items: center;
    gap: clamp(.5rem, 1.4cqw, .85rem);
    block-size: 100%;
    min-block-size: 0;
    text-align: center;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    transition: background-color .16s ease, box-shadow .16s ease;
}

.c365-automation-tile__visual { position: relative; display: grid; place-items: center; inline-size: clamp(3.4rem, 18cqw, 4.8rem); aspect-ratio: 1; }
.c365-automation-tile__hold-ring {
    position: absolute;
    inset: -.32rem;
    border-radius: 50%;
    opacity: 0;
    background: conic-gradient(from -90deg, var(--automation-accent) var(--c365-hold-angle, 0deg), transparent 0);
    -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 2px));
    mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 2px));
    filter: drop-shadow(0 0 .38rem color-mix(in srgb, var(--automation-accent) 55%, transparent));
}
.c365-automation-tile__action.is-holding .c365-automation-tile__hold-ring { opacity: 1; }
.c365-automation-tile__orbit { position: absolute; inset: 0; border: 1px solid color-mix(in srgb, var(--automation-accent) 18%, transparent); border-radius: 50%; background: color-mix(in srgb, var(--c365-tile-surface-raised, #14203d) 72%, transparent); box-shadow: inset 0 1px 0 rgba(255,255,255,.035); }
.c365-automation-tile__core { position: relative; display: grid; place-items: center; inline-size: 58%; aspect-ratio: 1; color: var(--c365-board-text, #f7f4ff); }
.c365-automation-tile__core svg { inline-size: 100%; fill: currentColor; }
.c365-automation-tile__glyph { font-size: clamp(1.35rem, 9cqw, 2.4rem); line-height: 1; }
.c365-automation-tile__state { align-self: end; display: grid; gap: .2rem; color: var(--c365-board-text-muted, #aaa4bd); }
.c365-automation-tile__state strong { color: var(--c365-board-text, #f7f4ff); font-size: clamp(1.75rem, 8cqw, 2.75rem); font-weight: 450; line-height: 1; letter-spacing: -.035em; }
.c365-automation-tile__message { color: var(--c365-board-warning, #ffb35c); font-size: .78rem; }
.c365-automation-tile__cooldown { display: grid; gap: .28rem; min-inline-size: 7rem; font-size: .78rem; }
.c365-automation-tile__cooldown-track { display: block; overflow: hidden; block-size: .24rem; border-radius: 999px; background: color-mix(in srgb, var(--automation-accent) 18%, transparent); }
.c365-automation-tile__cooldown-track > span { display: block; block-size: 100%; inline-size: calc(var(--cooldown-progress, 0) * 100%); border-radius: inherit; background: var(--automation-accent); transition: inline-size .25s linear; }
.c365-automation-tile__action {
    align-self: start;
    display: grid;
    place-items: center;
    inline-size: fit-content;
    padding: .2rem;
    border: 0;
    border-radius: 50%;
    color: inherit;
    background: transparent;
    cursor: pointer;
    touch-action: none;
    user-select: none;
    transition: background-color .16s ease, scale .16s ease;
}
.c365-automation-tile__action:hover .c365-automation-tile__orbit,
.c365-automation-tile__action:focus-visible .c365-automation-tile__orbit {
    border-color: color-mix(in srgb, var(--automation-accent) 34%, transparent);
    background: color-mix(in srgb, var(--automation-accent) 7%, var(--c365-tile-surface-raised, #14203d));
    box-shadow: 0 8px 22px rgba(0,0,0,.14);
}
.c365-automation-tile__action:hover { background: color-mix(in srgb, var(--automation-accent) 5%, transparent); }
.c365-automation-tile__action:focus-visible { outline: 2px solid color-mix(in srgb, var(--automation-accent) 72%, white 8%); outline-offset: 2px; background: color-mix(in srgb, var(--automation-accent) 5%, transparent); }
.c365-automation-tile__action:active { background: color-mix(in srgb, var(--automation-accent) 9%, transparent); }
.c365-automation-tile__action:active { scale: .97; }
.c365-automation-tile__action:disabled { cursor: default; opacity: .72; }
.c365-automation-tile__action.is-running .c365-automation-tile__core,
.c365-automation-tile--cycling .c365-automation-tile__core,
.c365-automation-tile--confirming .c365-automation-tile__core { animation: c365-automation-cycle .82s linear infinite; }
.c365-automation-tile--failed,
.c365-automation-tile--statenotconfirmed { --automation-accent: var(--c365-board-warning, #ff9f43); }
.c365-automation-tile--attention { --automation-accent: var(--c365-board-warning, #ff9f43); }
.c365-automation-tile--unavailable { --automation-accent: #777287; filter: saturate(.55); }
@keyframes c365-automation-cycle { to { rotate: 360deg; } }
@media (prefers-reduced-motion: reduce) { .c365-automation-tile, .c365-automation-tile__orbit, .c365-automation-tile__core { animation: none !important; transition: none !important; } }