Template:PartTypeEntryStyles.css

.part-type-entry {

   position: relative;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   gap: 0.25rem;
   padding: 1rem 0.75rem;
   background: #ffffff;
   border: 2px solid #e11d48;
   border-radius: 0.75rem;
   font-weight: 600;
   font-size: 0.9375rem;
   color: #be123c;
   text-align: center;
   box-shadow: 0 4px 6px -1px rgba(225, 29, 72, 0.2), 0 2px 4px -2px rgba(225, 29, 72, 0.15);
   cursor: pointer;
   transition: all 0.2s ease;

}

.part-type-entry:hover {

   background: #fff1f2;
   border-color: #be123c;
   box-shadow: 0 10px 15px -3px rgba(225, 29, 72, 0.25), 0 4px 6px -4px rgba(225, 29, 72, 0.2);
   transform: translateY(-3px);

}

.part-type-entry:active {

   transform: translateY(0);
   box-shadow: 0 2px 4px -1px rgba(225, 29, 72, 0.15);

}

.part-type-entry-link {

   position: absolute;
   inset: 0;
   z-index: 1;

}

.part-type-entry-count {

   display: block;
   font-weight: 500;
   font-size: 0.8125rem;
   color: #475569;
   margin-top: 0.125rem;

}

/* ===== DARK MODE - User preference ===== */

html.skin-theme-clientpref-night .part-type-entry {

   background: #1e293b;
   border-color: #e11d48;
   color: #fb7185;

}

html.skin-theme-clientpref-night .part-type-entry:hover {

   background: #4c0519;
   border-color: #fb7185;
   box-shadow: 0 10px 15px -3px rgba(251, 113, 133, 0.3), 0 4px 6px -4px rgba(251, 113, 133, 0.2);

}

html.skin-theme-clientpref-night .part-type-entry-count {

   color: #94a3b8;

}

/* ===== DARK MODE - OS preference ===== */

@media (prefers-color-scheme: dark) {

   html.skin-theme-clientpref-os .part-type-entry {
       background: #1e293b;
       border-color: #e11d48;
       color: #fb7185;
   }

   html.skin-theme-clientpref-os .part-type-entry:hover {
       background: #4c0519;
       border-color: #fb7185;
       box-shadow: 0 10px 15px -3px rgba(251, 113, 133, 0.3), 0 4px 6px -4px rgba(251, 113, 133, 0.2);
   }

   html.skin-theme-clientpref-os .part-type-entry-count {
       color: #94a3b8;
   }

}