/* Avalehe kliendi-tabloo (inc/tabloo.js). MDS-i ploomid ja magenta. */
.mds-tabloo {position: relative; display: grid; gap: 9px; padding: 30px 36px 34px; border-radius: 28px; background: radial-gradient(120% 95% at 50% 42%, #55104a 0%, #2c0527 42%, #120210 100%); min-height: 200px; user-select: none; -webkit-user-select: none;}
.mds-tabloo .t-pea {display: flex; justify-content: flex-end; align-items: center; gap: clamp(14px, 2vw, 28px); margin-bottom: 8px;}
.mds-tabloo .t-mini {display: flex; gap: 3px; align-items: center;}
.mds-tabloo .t-rida {display: grid; grid-template-columns: repeat(var(--c), 1fr); gap: 4px; cursor: default;}
.mds-tabloo .t-c {position: relative; aspect-ratio: .74; display: grid; place-items: center; border-radius: 5px; background: linear-gradient(#2a0824 0 49.6%, #1d0519 50.4% 100%); color: #ffe9fb; font: 700 clamp(12px, 1.75vw, 25px)/1 "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif; box-shadow: 0 2px 0 rgba(0, 0, 0, .45), inset 0 1px 0 rgba(255, 255, 255, .05); overflow: hidden; transition: color .2s;}
.mds-tabloo .t-c::after {content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 1px; background: rgba(0, 0, 0, .6);}
.mds-tabloo .t-c.v {color: rgba(255, 233, 251, .5);}
.mds-tabloo .t-c.peit::before {content: ""; position: absolute; left: 16%; right: 16%; top: 44%; height: 12%; border-radius: 9px; background: #ffe9fb; opacity: .25;}
.mds-tabloo .t-c.flip {animation: mds-klapp .06s linear;}
@keyframes mds-klapp {0% {transform: scaleY(1);} 50% {transform: scaleY(.1);} 100% {transform: scaleY(1);}}
.mds-tabloo .t-rida:hover .t-c {color: #ff6cf6;}
.mds-tabloo .t-rida:hover .t-c.peit::before {background: #ff6cf6;}
.mds-tabloo .t-mini .t-c {width: clamp(22px, 2.5vw, 34px); font-size: clamp(13px, 1.6vw, 21px); color: #ffffff; background: linear-gradient(#3a0d33 0 49.6%, #2a0824 50.4% 100%);}
.mds-tabloo .t-kell .t-c {color: #ff7cf5;}
.mds-tabloo .t-punkt {color: #ffffff; font: 700 clamp(13px, 1.5vw, 20px)/1 "Plus Jakarta Sans", sans-serif; padding: 0 2px; align-self: flex-end; margin-bottom: .35em;}
.mds-tabloo .t-kool {color: #ff7cf5; font: 700 clamp(14px, 1.6vw, 22px)/1 "Plus Jakarta Sans", sans-serif; padding: 0 3px; animation: mds-kool 2s steps(1) infinite;}
@keyframes mds-kool {50% {opacity: .25;}}
@media (max-width: 600px) {.mds-tabloo .t-mini .t-c {width: 21px; font-size: 13px;} .mds-tabloo {padding: 18px 18px 22px; border-radius: 20px; gap: 6px;} .mds-tabloo .t-rida {gap: 3px;} .mds-tabloo .t-c {border-radius: 3px; font-size: 12px;}}
@media (prefers-reduced-motion: reduce) {.mds-tabloo .t-c.flip, .mds-tabloo .t-kool {animation: none;}}