/* BrokenB public account UI v3.5.21
   Production dashboard typography polish: compact headings, tighter cards, balanced mobile scale. */
.kyi-auth-shell-v3{
  position:relative;
  width:min(100% - 28px,1080px);
  margin:clamp(24px,4.2vw,56px) auto 62px;
  color:#fff;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.kyi-auth-card-wrap-v3{
  display:grid;
  place-items:center;
  min-height:clamp(430px,58vh,660px);
}
.kyi-auth-panel-v3,
.kyi-profile-card-v3{
  border:1px solid rgba(255,255,255,.13);
  background:linear-gradient(145deg,rgba(10,15,25,.94),rgba(7,10,17,.88));
  box-shadow:0 22px 64px rgba(0,0,0,.36);
  backdrop-filter:blur(16px);
  border-radius:22px;
}
.kyi-auth-form-panel-v3{
  width:min(100%,456px);
  padding:clamp(22px,3.6vw,32px);
}
.kyi-panel-head-v3{margin:0 0 16px;}
.kyi-panel-head-center-v3{text-align:center;}
.kyi-panel-head-v3 h1,
.kyi-panel-head-v3 h2,
.kyi-profile-card-v3 h1{
  margin:0;
  color:#fff;
  line-height:1.12;
  letter-spacing:-.025em;
  font-weight:900;
}
.kyi-panel-head-v3 h1{font-size:clamp(24px,3.2vw,32px);}
.kyi-panel-head-v3 h2{font-size:clamp(18px,2vw,22px);}
.kyi-profile-card-v3 h1{font-size:22px;}
.kyi-panel-head-v3 p,
.kyi-profile-card-v3 p{
  margin:7px 0 0;
  color:rgba(255,255,255,.61);
  font-size:13px;
  line-height:1.5;
}
.kyi-auth-fields-v3{
  display:grid;
  gap:13px;
  margin:16px 0;
}
.kyi-field-grid-2-v3{grid-template-columns:repeat(2,minmax(0,1fr));}
.kyi-field-grid-3-v3{grid-template-columns:repeat(3,minmax(0,1fr));}
.kyi-field-wide{grid-column:1/-1;}
.kyi-auth-fields-v3 label{
  display:grid;
  gap:7px;
  color:rgba(255,255,255,.84);
  font-size:12.5px;
  font-weight:800;
}
.kyi-auth-fields-v3 input{
  width:100%;
  min-height:46px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:13px;
  padding:12px 13px;
  background:rgba(255,255,255,.075);
  color:#fff;
  font:inherit;
  font-size:14px;
  outline:none;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.kyi-auth-fields-v3 input::placeholder{color:rgba(255,255,255,.33);}
.kyi-auth-fields-v3 input:focus{
  border-color:var(--ft-accent,#e3c66a);
  background:rgba(255,255,255,.11);
  box-shadow:0 0 0 4px rgba(227,198,106,.11);
}
.kyi-auth-btn-v3{
  min-height:44px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:13px;
  padding:12px 16px;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease,color .16s ease,border-color .16s ease;
}
.kyi-auth-btn-v3:hover{transform:translateY(-1px);}
.kyi-auth-btn-full{width:100%;}
.kyi-auth-btn-primary-v3{
  background:#fff;
  color:#050505;
  border-color:#fff;
  box-shadow:0 14px 30px rgba(255,255,255,.09);
}
.kyi-auth-btn-primary-v3:hover{
  background:var(--ft-accent,#e3c66a);
  border-color:var(--ft-accent,#e3c66a);
  color:#050505;
}
.kyi-auth-btn-outline-v3{
  width:100%;
  margin-top:16px;
  background:#050505;
  color:#fff;
  border-color:rgba(255,255,255,.64);
  border-radius:0;
  text-transform:uppercase;
  font-size:11.5px;
  letter-spacing:.025em;
}
.kyi-auth-btn-outline-v3:hover{background:#fff;color:#050505;}
.kyi-auth-switch-v3{
  margin:15px 0 0;
  color:rgba(255,255,255,.62);
  font-size:13px;
  text-align:center;
}
.kyi-auth-switch-v3 a{
  color:#fff;
  font-weight:900;
  text-decoration:underline;
  text-underline-offset:4px;
}
.kyi-auth-alert{
  width:min(100%,760px);
  margin:0 auto 14px;
  border-radius:14px;
  padding:12px 14px;
  font-size:13px;
  font-weight:800;
}
.kyi-auth-alert-error{background:rgba(216,27,96,.14);border:1px solid rgba(216,27,96,.36);color:#ffd7e5;}
.kyi-auth-alert-success{background:rgba(0,125,114,.18);border:1px solid rgba(0,125,114,.42);color:#d8fff9;}

/* Dashboard: compact, production typography */
.kyi-account-dashboard-v3{
  display:grid;
  grid-template-columns:300px minmax(0,1fr);
  gap:16px;
  align-items:start;
}
.kyi-profile-card-v3{
  padding:22px;
  text-align:center;
  position:sticky;
  top:88px;
}
.kyi-profile-avatar-v3{
  width:74px;
  height:74px;
  border-radius:50%;
  margin:0 auto 13px;
  display:grid;
  place-items:center;
  background:#fff;
  color:#050505;
  font-size:29px;
  font-weight:900;
  box-shadow:0 14px 34px rgba(0,0,0,.34);
}
.kyi-profile-card-v3 h2{
  margin:8px 0 0;
  color:#fff;
  font-size:16px;
  line-height:1.25;
  letter-spacing:-.01em;
  font-weight:850;
}
.kyi-profile-card-v3 > p:not(.kyi-profile-whatsapp){
  font-size:12.5px;
  overflow-wrap:anywhere;
}
.kyi-profile-whatsapp{
  font-size:12.5px;
  color:rgba(255,255,255,.64)!important;
  overflow-wrap:anywhere;
}
.kyi-profile-stats-v3{
  display:grid;
  gap:8px;
  margin-top:15px;
}
.kyi-profile-stats-v3 span{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.055);
  border-radius:13px;
  padding:10px 11px;
  text-align:left;
}
.kyi-profile-stats-v3 strong{color:#fff;font-size:13px;font-weight:850;}
.kyi-profile-stats-v3 em{
  font-style:normal;
  color:rgba(255,255,255,.54);
  font-size:11.5px;
  font-weight:800;
}
.kyi-account-main-v3{display:grid;gap:16px;}
.kyi-account-main-v3 .kyi-auth-panel-v3{padding:22px;}
.kyi-account-dashboard-v3 .kyi-panel-head-v3{margin-bottom:14px;}
.kyi-account-dashboard-v3 .kyi-panel-head-v3 h2{font-size:19px;line-height:1.18;}
.kyi-account-dashboard-v3 .kyi-panel-head-v3 p{font-size:12.5px;line-height:1.45;}
.kyi-dashboard-actions-v3{display:grid;gap:9px;margin-top:16px;}
.kyi-dashboard-actions-v3 form{margin:0;}
.kyi-dashboard-actions-v3 .kyi-auth-btn-outline-v3{margin-top:0;}
.kyi-view-website-btn-v3{
  background:color-mix(in srgb,var(--ft-surface,#111827) 68%,transparent);
  border-color:rgba(255,255,255,.64);
  color:#fff;
}

/* Header account CTA */
.bb-public-auth-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:36px!important;
  min-width:72px!important;
  padding:0 14px!important;
  border:1px solid rgba(255,255,255,.78)!important;
  background:color-mix(in srgb,var(--ft-surface,#111827) 68%,transparent)!important;
  color:#fff!important;
  border-radius:0!important;
  text-decoration:none!important;
  text-transform:uppercase!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.01em!important;
  box-shadow:none!important;
  white-space:nowrap!important;
  text-shadow:0 8px 22px rgba(0,0,0,.45)!important;
}
.bb-public-auth-btn:hover,
.bb-public-auth-btn:focus-visible{
  background:color-mix(in srgb,var(--ft-surface,#111827) 68%,transparent)!important;
  color:var(--ft-accent,#e3c66a)!important;
  border-color:color-mix(in srgb,var(--ft-accent,#e3c66a) 72%,#fff)!important;
  outline:none!important;
}
.bb-public-auth-btn.bb-dashboard-btn{min-width:96px!important;}
.bb-public-auth-btn.bb-view-website-btn{min-width:118px!important;}
.kyi-theme-cinema-dark .kyi-unified-cinema-header .bb-public-auth-btn{background:transparent!important;}
.kyi-theme-cinema-dark .kyi-unified-cinema-header .bb-public-auth-btn:hover,
.kyi-theme-cinema-dark .kyi-unified-cinema-header .bb-public-auth-btn:focus-visible{
  background:transparent!important;
  color:var(--ft-accent,#e3c66a)!important;
}

/* My List dashboard panel */
.kyi-my-list-panel-v1{overflow:hidden;}
.kyi-my-list-head-v1{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-start;
}
.kyi-my-list-head-v1 .kyi-my-list-browse-v1{
  width:auto;
  margin:0;
  min-width:86px;
  min-height:38px;
  padding:9px 12px;
  font-size:11px;
}
.kyi-my-list-empty-v1{
  border:1px dashed rgba(255,255,255,.18);
  background:rgba(255,255,255,.052);
  border-radius:16px;
  padding:18px;
  display:grid;
  gap:5px;
  color:rgba(255,255,255,.66);
}
.kyi-my-list-empty-v1 strong{color:#fff;font-size:15px;font-weight:850;}
.kyi-my-list-empty-v1 span{font-size:13px;line-height:1.5;}
.kyi-my-list-grid-v1{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.kyi-my-list-card-v1{
  display:grid;
  grid-template-columns:78px minmax(0,1fr);
  gap:12px;
  padding:10px;
  border:1px solid rgba(255,255,255,.105);
  background:rgba(255,255,255,.052);
  border-radius:16px;
  min-width:0;
}
.kyi-my-list-poster-v1{
  display:block;
  position:relative;
  aspect-ratio:2/3;
  border-radius:13px;
  overflow:hidden;
  background:rgba(255,255,255,.08);
  text-decoration:none;
}
.kyi-my-list-poster-v1 img{width:100%;height:100%;object-fit:cover;display:block;}
.kyi-my-list-poster-v1 span{
  width:100%;height:100%;display:grid;place-items:center;color:#050505;background:#fff;font-weight:900;font-size:26px;
}
.kyi-my-list-copy-v1{min-width:0;display:flex;flex-direction:column;justify-content:center;}
.kyi-my-list-copy-v1 small{
  display:block;
  color:rgba(255,255,255,.53);
  font-size:11px;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.035em;
}
.kyi-my-list-copy-v1 h3{
  margin:6px 0 10px;
  font-size:14.5px;
  line-height:1.28;
  font-weight:850;
}
.kyi-my-list-copy-v1 h3 a{color:#fff;text-decoration:none;}
.kyi-my-list-copy-v1 h3 a:hover{color:var(--ft-accent,#e3c66a);}
.kyi-my-list-actions-v1{display:flex;flex-wrap:wrap;gap:7px;align-items:center;}
.kyi-my-list-actions-v1 a,
.kyi-my-list-actions-v1 button{
  min-height:31px;
  border-radius:999px;
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.075);
  color:#fff!important;
  text-decoration:none;
  font-size:11.5px;
  font-weight:850;
  cursor:pointer;
}
.kyi-my-list-actions-v1 button{background:transparent;color:rgba(255,255,255,.72)!important;}
.kyi-my-list-actions-v1 a:hover,
.kyi-my-list-actions-v1 button:hover{
  border-color:var(--ft-accent,#e3c66a);
  color:var(--ft-accent,#e3c66a)!important;
}
.kyi-my-list-actions-v1 form{margin:0;}

@media(max-width:980px){
  .kyi-account-dashboard-v3{grid-template-columns:1fr;}
  .kyi-profile-card-v3{position:relative;top:auto;}
  .kyi-field-grid-2-v3,.kyi-field-grid-3-v3{grid-template-columns:1fr;}
  .kyi-profile-card-v3{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:16px;align-items:center;text-align:left;}
  .kyi-profile-avatar-v3{margin:0;grid-row:1 / span 4;}
  .kyi-profile-card-v3 h1,.kyi-profile-card-v3 h2,.kyi-profile-card-v3 p{margin-left:0;}
  .kyi-profile-stats-v3,.kyi-dashboard-actions-v3{grid-column:1/-1;}
}
@media(max-width:760px){
  .kyi-my-list-grid-v1{grid-template-columns:1fr;}
  .kyi-my-list-head-v1{align-items:center;}
  .kyi-my-list-head-v1 .kyi-my-list-browse-v1{min-width:86px;}
}
@media(max-width:560px){
  .kyi-auth-shell-v3{width:min(100% - 18px,1080px);margin-top:20px;}
  .kyi-auth-form-panel-v3,
  .kyi-account-main-v3 .kyi-auth-panel-v3,
  .kyi-profile-card-v3{border-radius:18px;padding:17px;}
  .kyi-panel-head-v3 h1{font-size:24px;}
  .kyi-panel-head-v3 h2,.kyi-account-dashboard-v3 .kyi-panel-head-v3 h2{font-size:18px;}
  .kyi-auth-fields-v3 input{min-height:45px;}
  .kyi-profile-card-v3{grid-template-columns:1fr;text-align:center;}
  .kyi-profile-avatar-v3{width:64px;height:64px;font-size:25px;margin:0 auto 11px;grid-row:auto;}
  .kyi-profile-card-v3 h1{font-size:20px;}
  .kyi-profile-card-v3 h2{font-size:15.5px;}
  .bb-public-auth-btn{height:34px!important;min-width:66px!important;padding:0 11px!important;font-size:11px!important;}
  .bb-public-auth-btn.bb-dashboard-btn{min-width:84px!important;}
  .bb-public-auth-btn.bb-view-website-btn{min-width:104px!important;}
}
@media(max-width:430px){
  .kyi-my-list-head-v1{display:grid;grid-template-columns:1fr;gap:10px;}
  .kyi-my-list-head-v1 .kyi-my-list-browse-v1{width:100%;}
  .kyi-my-list-card-v1{grid-template-columns:70px minmax(0,1fr);}
  .kyi-my-list-copy-v1 h3{font-size:14px;}
  .kyi-my-list-actions-v1 a,.kyi-my-list-actions-v1 button{min-height:30px;font-size:11px;padding:7px 9px;}
}