.button, button, input[type="submit"] { min-height: 40px; border: 1px solid #125c72; border-radius: 6px; padding: 8px 14px; color: #ffffff; background: #125c72; cursor: pointer; }
.button:hover, button:hover, input[type="submit"]:hover { background: #0b3f4f; }
.semakplatform-card { border: 1px solid #e5e7eb; border-radius: 8px; padding: 18px; background: #ffffff; }
.brand-logo { display: inline-flex; align-items: center; justify-content: center; width: 180px; min-height: 90px; border: 1px solid #e5e7eb; border-radius: 6px; background: #f8fafc; }
.brand-score { display: inline-flex; align-items: center; min-height: 32px; padding: 4px 10px; border-radius: 999px; background: #eef6f8; color: #0b3f4f; font-weight: 700; }
.brand-status { display: inline-flex; align-items: center; min-height: 30px; padding: 4px 10px; border: 1px solid #cbd5e1; border-radius: 999px; color: #334155; }
.semakplatform-empty, .semakplatform-notice { padding: 18px; border: 1px solid #dbe4ea; border-radius: 8px; background: #f8fafc; }
.navigation.pagination { margin-top: 28px; }
.nav-links { display: flex; flex-wrap: wrap; gap: 8px; }
.page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; min-height: 36px; padding: 4px 10px; border: 1px solid #d1d5db; border-radius: 6px; text-decoration: none; }
.page-numbers.current { background: #125c72; color: #ffffff; border-color: #125c72; }
.semakplatform-meta-list { padding: 16px; border-left: 4px solid #125c72; background: #f8fafc; }