/*
 * TMC Archive Card Restoration
 * Restores the earlier dossier-card presentation on the newer Canon Dashboard cards.
 * Loaded after canon-core.css by Sinimuna Canon Core 0.4.68.
 */

.tmc-dashboard {
    --tmc-card-title-font: var(--tmc-font-medieval, var(--canon-font-heading, var(--wp--preset--font-family--heading, "Metamorphous", "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif)));
    --tmc-card-body-font: var(--tmc-font-readable, var(--canon-font-body, "EB Garamond", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif));
    --tmc-card-label-font: var(--tmc-font-readable, var(--canon-font-label, "EB Garamond", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif));
    --tmc-card-glass: linear-gradient(180deg, rgba(255,255,255,0.82), rgba(255,255,255,0.56)), rgba(255,255,255,0.66);
    --tmc-card-glass-hover: linear-gradient(180deg, rgba(255,255,255,0.88), rgba(255,255,255,0.60)), rgba(255,255,255,0.72);
    --tmc-card-border: rgba(255,255,255,0.72);
    --tmc-card-line: rgba(54,70,85,0.16);
    --tmc-card-shadow: 0 18px 42px rgba(45,37,27,0.14);
    --tmc-card-shadow-hover: 0 30px 72px rgba(45,37,27,0.24);
    --tmc-card-radius: 10px;
    --tmc-dashboard-card-min: clamp(330px, 29vw, 430px);
}

.tmc-dashboard .tmc-dashboard-grid {
    gap: clamp(0.9rem, 1.7vw, 1.25rem);
    align-items: stretch;
}

.tmc-dashboard .tmc-dashboard-card {
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    overflow: hidden;
    border: 1px solid var(--tmc-card-border);
    border-radius: var(--tmc-card-radius);
    background: var(--tmc-card-glass);
    box-shadow: var(--tmc-card-shadow);
    backdrop-filter: blur(20px) saturate(1.08);
    transition:
        transform 220ms ease,
        box-shadow 220ms ease,
        background 220ms ease,
        border-color 220ms ease;
}

.tmc-dashboard .tmc-dashboard-card:hover,
.tmc-dashboard .tmc-dashboard-card:focus-within {
    z-index: 3;
    border-color: rgba(255,255,255,0.9);
    background: var(--tmc-card-glass-hover);
    box-shadow: var(--tmc-card-shadow-hover);
    transform: translateY(-3px);
}

.tmc-dashboard .tmc-dashboard-card-classification {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.32rem;
    min-height: 2.15rem;
    margin: 0;
    padding: 0.72rem 1rem 0.48rem;
    color: var(--tmc-muted, #66727d);
    font-family: var(--tmc-card-label-font);
    font-size: clamp(0.72rem, 0.78vw, 0.84rem);
    font-weight: 800;
    letter-spacing: 0.085em;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;
}

.tmc-dashboard .tmc-dashboard-card-classification-dot {
    opacity: 0.62;
    font-size: 0.62em;
    transform: translateY(-0.03em);
}

.tmc-dashboard .tmc-dashboard-thumb {
    position: relative;
    width: calc(100% - 1.5rem);
    aspect-ratio: 16 / 8.7;
    margin: 0 0.75rem;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,0.64);
    border-radius: 7px;
    background:
        radial-gradient(circle at 50% 30%, rgba(255,255,255,0.22), transparent 54%),
        rgba(73,103,121,0.10);
    box-shadow: inset 0 0 0 1px rgba(54,70,85,0.08);
    isolation: isolate;
}

.tmc-dashboard .tmc-dashboard-thumb::before,
.tmc-dashboard .tmc-dashboard-thumb::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    opacity: 0;
    transition: opacity 220ms ease, transform 220ms ease;
}

.tmc-dashboard .tmc-dashboard-thumb::before {
    background:
        linear-gradient(110deg, transparent 0%, rgba(255,255,255,0.18) 45%, rgba(255,255,255,0.42) 50%, rgba(255,255,255,0.10) 56%, transparent 100%);
    transform: translateX(-36%);
}

.tmc-dashboard .tmc-dashboard-thumb::after {
    background:
        linear-gradient(180deg, transparent 70%, rgba(255,255,255,0.28) 100%),
        radial-gradient(ellipse at 50% 100%, rgba(255,255,255,0.20), transparent 62%);
    opacity: 0.22;
}

.tmc-dashboard .tmc-dashboard-card:hover .tmc-dashboard-thumb::before,
.tmc-dashboard .tmc-dashboard-card:focus-within .tmc-dashboard-thumb::before {
    opacity: 0.55;
    transform: translateX(34%);
}

.tmc-dashboard .tmc-dashboard-thumb-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: var(--canon-focus-x, 50%) var(--canon-focus-y, 50%);
    filter: saturate(0.96) contrast(1.04);
    transform: scaleX(var(--canon-flip, 1)) scale(1.001);
    transform-origin: center center;
    transition: transform 260ms ease, filter 260ms ease;
}

.tmc-dashboard .tmc-dashboard-card:hover .tmc-dashboard-thumb-img,
.tmc-dashboard .tmc-dashboard-card:focus-within .tmc-dashboard-thumb-img {
    filter: saturate(1.02) contrast(1.06);
    transform: scaleX(var(--canon-flip, 1)) scale(1.048);
}



.tmc-dashboard .tmc-dashboard-gonfalon {
    position: absolute;
    z-index: 5;
    display: block;
    width: var(--tmc-gonfalon-width, 18%);
    max-width: 42%;
    min-width: 1.85rem;
    pointer-events: none;
    filter: drop-shadow(0 7px 10px rgba(16, 21, 26, 0.32));
    opacity: 0.96;
    transform: translateY(-2%) rotate(1deg);
    transition: opacity 220ms ease, transform 220ms ease, filter 220ms ease;
}

.tmc-dashboard .tmc-dashboard-gonfalon--top-right {
    top: calc(var(--tmc-gonfalon-y, 3%) + var(--tmc-gonfalon-stack, 0%));
    right: var(--tmc-gonfalon-x, 3%);
}

.tmc-dashboard .tmc-dashboard-gonfalon--top-left {
    top: calc(var(--tmc-gonfalon-y, 3%) + var(--tmc-gonfalon-stack, 0%));
    left: var(--tmc-gonfalon-x, 3%);
}

.tmc-dashboard .tmc-dashboard-gonfalon--bottom-right {
    right: var(--tmc-gonfalon-x, 3%);
    bottom: calc(var(--tmc-gonfalon-y, 3%) + var(--tmc-gonfalon-stack, 0%));
}

.tmc-dashboard .tmc-dashboard-gonfalon--bottom-left {
    left: var(--tmc-gonfalon-x, 3%);
    bottom: calc(var(--tmc-gonfalon-y, 3%) + var(--tmc-gonfalon-stack, 0%));
}

.tmc-dashboard .tmc-dashboard-gonfalon img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.tmc-dashboard .tmc-dashboard-card:hover .tmc-dashboard-gonfalon,
.tmc-dashboard .tmc-dashboard-card:focus-within .tmc-dashboard-gonfalon {
    opacity: 1;
    filter: drop-shadow(0 10px 14px rgba(16, 21, 26, 0.38));
    transform: translateY(-6%) rotate(1deg) scale(1.035);
}

.tmc-dashboard .tmc-dashboard-thumb-mark {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    color: rgba(73,103,121,0.72);
    font-family: var(--tmc-card-title-font);
    font-size: clamp(2.4rem, 7vw, 5rem);
    font-weight: 400;
    letter-spacing: 0.02em;
}

.tmc-dashboard .tmc-dashboard-card-body {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 0.52rem;
    padding: 0.95rem 1rem 1rem;
    font-family: var(--tmc-card-body-font);
}

.tmc-dashboard .tmc-dashboard-card-body > .tmc-dashboard-type {
    display: none;
}

.tmc-dashboard .tmc-dashboard-title-block {
    display: grid;
    gap: 0.18rem;
    justify-items: center;
}

.tmc-dashboard .tmc-dashboard-card h3 {
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
    color: var(--tmc-ink, #1d2730);
    font-family: var(--tmc-card-title-font);
    font-size: clamp(1.48rem, 2.2vw, 2.05rem);
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.018em;
    line-height: 1.02;
    text-align: center;
    text-wrap: normal;
}

.tmc-dashboard .tmc-dashboard-card h3 a {
    color: inherit;
    font: inherit;
    text-decoration: none !important;
}

.tmc-dashboard .tmc-dashboard-subtitle {
    margin: -0.18rem auto 0;
    max-width: 100%;
    color: rgba(100,113,125,0.82);
    font-family: var(--tmc-card-body-font);
    font-size: clamp(0.92rem, 1.04vw, 1.08rem);
    line-height: 1.14;
    text-align: center;
}

.tmc-dashboard .tmc-dashboard-summary {
    display: -webkit-box;
    margin: 0.08rem 0 0;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    color: rgba(29,39,48,0.72);
    font-family: var(--tmc-card-body-font);
    font-size: clamp(1rem, 1.05vw, 1.15rem);
    line-height: 1.12;
    text-align: left;
}

.tmc-dashboard .tmc-dashboard-grades,
.tmc-dashboard .tmc-dashboard-pills {
    display: none;
}

.tmc-dashboard .tmc-dashboard-card-footer {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
        "button button"
        "kind icons";
    align-items: end;
    gap: 0.62rem 0.75rem;
    margin-top: auto;
    padding-top: 0.42rem;
}

.tmc-dashboard .tmc-dashboard-profile-link {
    grid-area: button;
    justify-self: start;
    min-width: 9.4rem;
    border-color: rgba(73,103,121,0.32) !important;
    background: rgba(255,255,255,0.46) !important;
    color: var(--tmc-ink, #1d2730) !important;
    font-family: var(--tmc-card-label-font);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    text-transform: none;
}

.tmc-dashboard .tmc-dashboard-profile-link:hover,
.tmc-dashboard .tmc-dashboard-profile-link:focus-visible {
    border-color: rgba(73,103,121,0.56) !important;
    background: rgba(255,255,255,0.72) !important;
    box-shadow: 0 10px 26px rgba(45,37,27,0.14);
}

.tmc-dashboard .tmc-dashboard-card-kind {
    grid-area: kind;
    align-self: center;
    color: rgba(100,113,125,0.92);
    font-family: var(--tmc-card-label-font);
    font-size: 0.73rem;
    font-weight: 800;
    letter-spacing: 0.095em;
    line-height: 1;
    text-transform: uppercase;
}

.tmc-dashboard .tmc-dashboard-card-footer .canon-presentation-icons {
    grid-area: icons;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.32rem;
    margin-left: 0;
}

.tmc-dashboard .tmc-dashboard-card-footer .canon-presentation-icon {
    width: 1.64rem;
    height: 1.64rem;
    background: rgba(255,255,255,0.50);
}

.tmc-dashboard .tmc-dashboard-card-footer .canon-presentation-icon img {
    width: 1rem;
    height: 1rem;
}

@media (max-width: 700px) {
    .tmc-dashboard .tmc-dashboard-card-classification {
        padding-top: 0.62rem;
        font-size: 0.68rem;
    }

    .tmc-dashboard .tmc-dashboard-thumb {
        width: calc(100% - 1rem);
        margin-inline: 0.5rem;
    }

    .tmc-dashboard .tmc-dashboard-card-body {
        padding: 0.85rem;
    }

    .tmc-dashboard .tmc-dashboard-card h3 {
        max-width: 18ch;
        font-size: clamp(1.34rem, 8vw, 1.78rem);
    }
}


/* v0.4.74 card title wrapping: let long names use the card width before breaking. */
.tmc-dashboard .tmc-dashboard-title-block,
.tmc-dashboard .tmc-dashboard-card h3,
.tmc-dashboard .tmc-dashboard-card h3 a {
    max-width: 100%;
    width: 100%;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: manual;
}

.tmc-dashboard .tmc-dashboard-card h3 {
    text-wrap: pretty;
}


/* v0.4.78: keep restored cards on the canonical Secondary button contract. */
.tmc-dashboard .tmc-dashboard-profile-link {
    min-width: var(--canon-button-min-width, 9.75rem) !important;
    min-height: var(--canon-button-min-height, 2.45rem) !important;
    font-family: var(--canon-button-font-family, var(--tmc-card-label-font)) !important;
    font-size: var(--canon-button-font-size, 0.78rem) !important;
    font-weight: var(--canon-button-font-weight, 800) !important;
    letter-spacing: var(--canon-button-letter-spacing, 0.02em) !important;
    line-height: var(--canon-button-line-height, 1) !important;
    padding: var(--canon-button-padding, 0.62rem 1rem) !important;
}

/* v0.4.79: reflection/glare animation disabled temporarily. */
.tmc-dashboard .tmc-dashboard-thumb::before,
.tmc-dashboard .tmc-dashboard-thumb::after {
    content: none !important;
    opacity: 0 !important;
    transition: none !important;
}


/* v0.4.81: card action pair and story-state image flags. */
.tmc-dashboard .tmc-dashboard-card-actions {
    grid-area: button;
    display: flex;
    flex-wrap: wrap;
    gap: 0.48rem;
    align-items: center;
    justify-content: flex-start;
}

.tmc-dashboard .tmc-dashboard-card-actions .tmc-dashboard-profile-link {
    grid-area: auto !important;
    justify-self: auto;
    min-width: min(9.75rem, 100%) !important;
}

.tmc-dashboard .tmc-story-signal-stack {
    z-index: 8;
}

.tmc-dashboard .tmc-story-signal-stack--card {
    top: 0.44rem;
    left: 0.44rem;
}

.tmc-dashboard .tmc-story-signal {
    width: clamp(1.38rem, 4.2vw, 1.82rem);
    height: clamp(1.38rem, 4.2vw, 1.82rem);
}


/* v0.4.82: remove lower-right archive-card icons entirely. */
.tmc-dashboard .tmc-dashboard-card-footer .canon-presentation-icons {
    display: none !important;
}
.tmc-dashboard .tmc-dashboard-card-footer {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
        "button button"
        "kind kind";
}


/* v0.4.83: card padding, fixed rhythm, and hover-only shadows in restored card skin. */
.tmc-dashboard .tmc-dashboard-card {
    box-shadow: none !important;
}

.tmc-dashboard .tmc-dashboard-card:hover,
.tmc-dashboard .tmc-dashboard-card:focus-within {
    box-shadow: 0 18px 42px rgba(45,37,27,0.14) !important;
}

.tmc-dashboard .tmc-dashboard-card-classification-slot {
    min-height: 2.15rem;
    display: grid;
    align-items: center;
}

.tmc-dashboard .tmc-dashboard-card-classification--empty {
    visibility: hidden;
}

.tmc-dashboard .tmc-dashboard-subtitle {
    min-height: 1.25em;
}

.tmc-dashboard .tmc-dashboard-summary {
    min-height: calc(4 * 1.12em);
}

.tmc-dashboard .tmc-dashboard-subtitle--empty,
.tmc-dashboard .tmc-dashboard-summary--empty {
    visibility: hidden;
}

.tmc-dashboard .tmc-dashboard-card-body {
    padding: 1.12rem !important;
}

.tmc-dashboard .tmc-dashboard-thumb {
    width: calc(100% - 1.85rem);
    margin: 0.925rem 0.925rem 0;
}


/* v0.4.95: center top classification and bottom card type with consistent rhythm. */
.tmc-dashboard .tmc-dashboard-card-classification-slot {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 2.35rem !important;
    padding: 0 0.85rem !important;
    box-sizing: border-box;
}

.tmc-dashboard .tmc-dashboard-card-classification {
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1.15 !important;
}

.tmc-dashboard .tmc-dashboard-thumb {
    margin-top: 0 !important;
}

.tmc-dashboard .tmc-dashboard-card-footer {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
        "button"
        "kind" !important;
    justify-items: center !important;
    align-items: center !important;
    gap: 0.52rem !important;
    margin-top: auto !important;
    padding-top: 0.52rem !important;
    text-align: center !important;
}

.tmc-dashboard .tmc-dashboard-card-actions {
    grid-area: button !important;
    justify-content: center !important;
    justify-items: center !important;
    width: 100%;
}

.tmc-dashboard .tmc-dashboard-card-kind {
    grid-area: kind !important;
    justify-self: center !important;
    align-self: center !important;
    display: block !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0.18rem 0 0 !important;
    text-align: center !important;
}


/* v0.5.01: card-skin opacity controls inherit settings variables. */
.tmc-dashboard .tmc-dashboard-gonfalon {
    opacity: var(--tmc-gonfalon-opacity, 0.96) !important;
}

.tmc-dashboard .tmc-dashboard-card:hover .tmc-dashboard-gonfalon,
.tmc-dashboard .tmc-dashboard-card:focus-within .tmc-dashboard-gonfalon {
    opacity: min(1, calc(var(--tmc-gonfalon-opacity, 0.96) + 0.04)) !important;
}

.tmc-dashboard .tmc-story-signal-stack {
    opacity: var(--tmc-story-signal-opacity, 1) !important;
}


/* v0.5.02: restored song controls overlay for archive card skin. */
.tmc-dashboard .tmc-dashboard-song-controls {
    position: absolute;
    left: 0.58rem;
    bottom: 0.58rem;
    z-index: 8;
}


/* v0.5.06: archive card skin uses the full-width thin song player. */
.tmc-dashboard .tmc-dashboard-song-controls {
    inset: auto 0 0 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
}


/* v0.5.09: suppress card thumb focus chrome around audio player interactions. */
.tmc-dashboard .tmc-dashboard-thumb:focus,
.tmc-dashboard .tmc-dashboard-thumb:focus-visible,
.tmc-dashboard .tmc-dashboard-thumb:active {
    outline: 0 !important;
    box-shadow: none !important;
}


/* v0.5.11: keep Card Builder mockup consistent with rationalized admin panels. */
.sinimuna-canon-card-preview-mock .tmc-dashboard-card {
    border-color: rgba(73,103,121,0.22) !important;
    border-radius: 10px !important;
}


/* v0.5.13: keep archive-card audio controls bright and non-emoji. */
.tmc-dashboard .tmc-dashboard-song-controls {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}


/* v0.5.14: card title/description wrapping guard. */
.tmc-dashboard .tmc-dashboard-title-block,
.tmc-dashboard .tmc-dashboard-title-block h3,
.tmc-dashboard .tmc-dashboard-title-block h3 a,
.tmc-dashboard .tmc-dashboard-subtitle,
.tmc-dashboard .tmc-dashboard-summary {
    max-width: 100% !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: manual !important;
}

.tmc-dashboard .tmc-dashboard-title-block h3,
.tmc-dashboard .tmc-dashboard-title-block h3 a {
    text-wrap: balance !important;
}


/* v0.5.16: card tooltip hit-area repair. */
.tmc-dashboard .tmc-dashboard-gonfalon,
.tmc-dashboard .tmc-story-signal,
.tmc-dashboard .canon-presentation-icon {
    pointer-events: auto !important;
}


/* v0.5.17: restore card gonfalon absolute placement after tooltip positioning. */
.tmc-dashboard .tmc-dashboard-thumb {
    position: relative !important;
}

.tmc-dashboard .tmc-dashboard-gonfalon[data-canon-tooltip] {
    position: absolute !important;
    display: block !important;
    visibility: visible !important;
}


/* v0.5.19: card-level hover zoom/lightening restored after flip hardening. */
.tmc-dashboard .tmc-dashboard-thumb-img {
    filter: brightness(0.96) saturate(0.96) contrast(1.04) !important;
    transform: scaleX(var(--canon-flip, 1)) scale(1.001) !important;
    transform-origin: center center !important;
    transition: transform 260ms ease, filter 260ms ease !important;
}

.tmc-dashboard .tmc-dashboard-card:hover .tmc-dashboard-thumb-img,
.tmc-dashboard .tmc-dashboard-card:focus-within .tmc-dashboard-thumb-img,
.tmc-dashboard .tmc-dashboard-thumb:hover .tmc-dashboard-thumb-img,
.tmc-dashboard .tmc-dashboard-thumb:focus-visible .tmc-dashboard-thumb-img {
    filter: brightness(1.14) saturate(1.06) contrast(1.03) !important;
    transform: scaleX(var(--canon-flip, 1)) scale(1.06) !important;
}


/* v0.5.21: tighten card description text and add lateral breathing room. */
.tmc-dashboard .tmc-dashboard-summary,
.tmc-dashboard .tmc-dashboard-description,
.tmc-dashboard .tmc-dashboard-card-description,
.tmc-dashboard .tmc-card-description,
.tmc-dashboard .canon-card-description,
.tmc-dashboard .canon-card-summary,
.tmc-dashboard .canon-entry-card-description,
.tmc-dashboard .canon-entry-card-summary,
.tmc-dashboard .tmc-dashboard-card .tmc-dashboard-summary,
.tmc-dashboard .tmc-dashboard-card .tmc-dashboard-description,
.tmc-dashboard .tmc-dashboard-card .tmc-dashboard-card-description,
.tmc-dashboard .tmc-dashboard-card .tmc-card-description,
.tmc-dashboard .tmc-dashboard-card .canon-card-description,
.tmc-dashboard .tmc-dashboard-card .canon-card-summary {
    font-size: clamp(0.78rem, 0.72vw, 0.88rem) !important;
    line-height: 1.54 !important;
    padding-left: clamp(0.32rem, 0.72vw, 0.62rem) !important;
    padding-right: clamp(0.32rem, 0.72vw, 0.62rem) !important;
    box-sizing: border-box !important;
}


/* v0.5.22: rebalance card description typography after v0.5.21 proved too small. */
.tmc-dashboard .tmc-dashboard-summary,
.tmc-dashboard .tmc-dashboard-description,
.tmc-dashboard .tmc-dashboard-card-description,
.tmc-dashboard .tmc-card-description,
.tmc-dashboard .canon-card-description,
.tmc-dashboard .canon-card-summary,
.tmc-dashboard .canon-entry-card-description,
.tmc-dashboard .canon-entry-card-summary,
.tmc-dashboard .tmc-dashboard-card .tmc-dashboard-summary,
.tmc-dashboard .tmc-dashboard-card .tmc-dashboard-description,
.tmc-dashboard .tmc-dashboard-card .tmc-dashboard-card-description,
.tmc-dashboard .tmc-dashboard-card .tmc-card-description,
.tmc-dashboard .tmc-dashboard-card .canon-card-description,
.tmc-dashboard .tmc-dashboard-card .canon-card-summary {
    font-size: clamp(0.84rem, 0.76vw, 0.94rem) !important;
    line-height: 1.52 !important;
    padding-left: clamp(0.34rem, 0.76vw, 0.66rem) !important;
    padding-right: clamp(0.34rem, 0.76vw, 0.66rem) !important;
    box-sizing: border-box !important;
}


/* v0.5.24: card media wrapper clips zoom while gonfalon tooltips can escape featured-image edges. */
.tmc-dashboard .tmc-dashboard-card[data-canon-card-url] {
    cursor: pointer !important;
}

.tmc-dashboard .tmc-dashboard-thumb {
    overflow: visible !important;
    position: relative !important;
}

.tmc-dashboard-thumb-media {
    display: block !important;
    grid-area: 1 / 1 !important;
    position: relative !important;
    z-index: 0 !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    border-radius: inherit !important;
}

.tmc-dashboard-thumb .tmc-dashboard-gonfalon[data-canon-tooltip] {
    overflow: visible !important;
    z-index: 10 !important;
}

.tmc-dashboard-thumb .tmc-dashboard-gonfalon[data-canon-tooltip]:hover::after,
.tmc-dashboard-thumb .tmc-dashboard-gonfalon[data-canon-tooltip]:focus-visible::after {
    left: 50% !important;
    right: auto !important;
    top: calc(100% + 0.35rem) !important;
    z-index: 999 !important;
    transform: translateX(-50%) !important;
    white-space: nowrap !important;
}

.tmc-dashboard-thumb-img,
.tmc-dashboard-gonfalon img {
    -webkit-user-drag: none !important;
    user-select: none !important;
}