.sb-period { margin-top: .65rem; display: flex; flex-wrap: wrap; gap: .4rem .9rem; color: #62685f; font-size: .78rem; font-weight: 700; }
.sb-period span { display: inline-flex; align-items: center; gap: .25rem; }
.sb-closed { margin-top: 1rem; border: 1px solid #e3c6bd; border-radius: .5rem; background: #fff5f2; padding: .85rem 1rem; color: #9b3b2e; font-weight: 800; }
.sb-success { margin-bottom: 1rem; border: 1px solid #b9d6c8; border-radius: .5rem; background: #eef8f2; padding: .8rem 1rem; color: #176f61; font-weight: 800; }
.sb-error { margin-bottom: 1rem; border: 1px solid #e3c6bd; border-radius: .5rem; background: #fff5f2; padding: .8rem 1rem; color: #9b3b2e; font-weight: 800; }
.sb-results { display: grid; gap: .9rem; }
.sb-result-line { display: flex; justify-content: space-between; gap: 1rem; font-size: .9rem; }
.sb-result-bar { height: .7rem; overflow: hidden; border-radius: 999px; background: #e4e7df; }
.sb-result-bar > span { display: block; height: 100%; border-radius: inherit; background: #176f61; }
.sb-profile-view { margin-top: 1rem; }
.sb-profile-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.sb-profile-item { border-radius: .45rem; background: #f4f6f0; padding: .7rem .8rem; }
.sb-profile-item dt { color: #62685f; font-size: .74rem; font-weight: 800; }
.sb-profile-item dd { margin-top: .2rem; font-weight: 800; }
.sb-button { display: inline-flex; min-height: 2.75rem; align-items: center; justify-content: center; border-radius: .4rem; border: 1px solid #176f61; padding: .55rem 1.1rem; color: #176f61; font-weight: 900; text-decoration: none; cursor: pointer; }
.sb-button-primary { background: #176f61; color: #fff; }
.sb-card-list { display: grid; gap: .85rem; }
.sb-poll-card { border: 1px solid #eef0ea; border-radius: .5rem; background: #fff; padding: 1rem; }
.sb-poll-card h2, .sb-poll-card h3 { margin: .65rem 0 0; font-size: 1.05rem; line-height: 1.45; font-weight: 900; }
.sb-poll-card p { margin-top: .45rem; color: #62685f; font-size: .88rem; line-height: 1.6; }
.sb-card-meta { display: flex; flex-wrap: wrap; gap: .45rem .8rem; color: #62685f; font-size: .76rem; font-weight: 800; }
.sb-tag { border-radius: .3rem; background: #e7f0ea; padding: .25rem .5rem; color: #176f61; }
.sb-card-actions { margin-top: .8rem; display: flex; justify-content: flex-end; }
.sb-empty { padding: 1rem .25rem; color: #62685f; font-size: .9rem; }
.sb-list-button { margin-top: .9rem; width: 100%; }
.sb-all-polls-button { margin-top: 1rem; width: 100%; }
.sb-suggestion-list-button { margin-top: 1rem; min-height: 2.75rem; width: auto; padding: .55rem 1.25rem; }
.sb-page { margin: 0 auto; max-width: 64rem; padding: 1.5rem 1rem 6rem; }
.sb-panel { border: 1px solid #d9ddd2; border-radius: .6rem; background: #fff; padding: 1.25rem; box-shadow: 0 2px 10px rgba(32,35,31,.05); }
.sb-panel + .sb-panel { margin-top: 1rem; }
.sb-page h1 { margin: 0 0 1rem; font-size: 1.65rem; font-weight: 900; }
.sb-field { display: block; margin-top: 1rem; font-size: .9rem; font-weight: 800; }
.sb-field input { margin-top: .4rem; width: 100%; min-height: 2.8rem; border: 1px solid #d9ddd2; border-radius: .4rem; padding: .55rem .75rem; }
.sb-field select { margin-top: .4rem; width: 100%; min-height: 2.8rem; border: 1px solid #d9ddd2; border-radius: .4rem; background: #fff; padding: .55rem .75rem; }
.sb-login-actions { margin-top: 1rem; display: grid; gap: .7rem; }
.sb-admin-logout { margin-bottom: 1rem; display: flex; justify-content: flex-end; }
.sb-mypage-layout { margin: 0 auto; max-width: 64rem; padding: 1.5rem 1rem 6rem; display: grid; grid-template-columns: minmax(0, 1fr) !important; gap: 1rem; align-items: start; }
.sb-mypage-layout h1 { margin: 0 0 .75rem; font-size: 1.65rem; font-weight: 900; }
.sb-mypage-message { margin: 0; }
.sb-mypage-login-panel, .sb-mypage-account-panel, .sb-mypage-profile-panel { min-width: 0; align-self: start; }
.sb-mypage-login-panel p { color: #62685f; line-height: 1.7; }
.sb-mypage-login-form { margin-top: 1rem; }
.sb-mypage-login-form .sb-field { margin-top: 0; }
.sb-auth-actions { margin-top: .85rem; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; }
.sb-auth-note { margin-top: .8rem; font-size: .82rem; }
.sb-mypage-account-panel { height: auto !important; min-height: 0 !important; }
.sb-filter { margin-bottom: 1rem; display: flex; flex-wrap: wrap; gap: .6rem; }
.sb-filter input { min-height: 2.7rem; flex: 1 1 15rem; border: 1px solid #d9ddd2; border-radius: .4rem; padding: .5rem .75rem; }
.sb-filter select { min-height: 2.7rem; flex: 1 1 12rem; border: 1px solid #d9ddd2; border-radius: .4rem; background: #fff; padding: .5rem .75rem; }
.sb-pagination { margin-top: 1rem; display: flex; align-items: center; justify-content: center; gap: .8rem; color: #62685f; font-size: .85rem; font-weight: 800; }
.sb-pagination button { min-height: 2.5rem; border: 1px solid #176f61; border-radius: .4rem; padding: .4rem .9rem; color: #176f61; font-weight: 900; }
.sb-pagination button:disabled { cursor: not-allowed; border-color: #cdd1c8; color: #9a9f96; }
@media (min-width: 768px) {
  .sb-mypage-login-form { display: grid; grid-template-columns: minmax(16rem, 1fr) minmax(26rem, 1.2fr); gap: 1rem; align-items: end; }
  .sb-mypage-login-form .sb-auth-actions { margin-top: 0; }
}
@media (max-width: 640px) {
  .sb-profile-grid, .sb-auth-actions { grid-template-columns: 1fr; }
}