@charset "utf-8";
/**
 * @author http://www.cosmosfarm.com/
 */

.kboard-default-widget-list.kmybox-scope { display: block; margin: 0 auto; padding: 15px; }
.kboard-default-widget-list.kmybox-scope .kboard-widget-button-wrap { margin: 0; padding: 0 5px 10px 15px; border: 0; background-color: #f9f9f9; overflow: hidden; }
.kboard-default-widget-list.kmybox-scope .kboard-widget-button { float: left; margin-top: 5px; padding: 3px 8px; height: 27px; line-height: 30px; font-size: 13px; border: 0; border-bottom: 2px solid transparent; text-decoration: none; text-shadow: none; box-shadow: none; color: #515151; box-sizing: content-box; }
.kboard-default-widget-list.kmybox-scope .kboard-widget-button.active { font-weight: bold; border-bottom: 2px solid #545861; color: #545861; }
.kboard-default-widget-list.kmybox-scope .kboard-widget-list { display: table; }
.kboard-default-widget-list.kmybox-scope .kboard-widget-list.active-list { display: table; }

.kboard-default-widget-list.kmybox-scope table { display: table; table-layout: fixed; width: 100%; border: 0; border-bottom: 1px solid #f1f1f1; border-collapse: collapse; }
.kboard-default-widget-list.kmybox-scope table thead tr { padding: 5px 0; height: auto; background-color: #00B09C; color: white; border: 0; text-align: center; font-weight: normal; }
.kboard-default-widget-list.kmybox-scope table tr { padding: 0; border: 0; }
.kboard-default-widget-list.kmybox-scope table th { padding: 5px 0; height: auto; border: 0; text-align: center; font-weight: normal; }
.kboard-default-widget-list.kmybox-scope table td { padding: 5px 0; height: auto; border: 0; border-top: 1px solid #f1f1f1; }
.kboard-default-widget-list.kmybox-scope table td.kboard-widget-content-title { text-align: left; }
.kboard-default-widget-list.kmybox-scope table .kboard-widget-content-title { padding-left: 15px; width: auto; font-size: 13px; }
.kboard-default-widget-list.kmybox-scope table .kboard-widget-content-title a { text-decoration: none; box-shadow: none; color: black; }
.kboard-default-widget-list.kmybox-scope table .kboard-widget-content-title .kboard-widget-cut-strings { width: auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; }
.kboard-default-widget-list.kmybox-scope table .kboard-widget-content-title img { display: inline; margin: 0; width: auto; height: auto; vertical-align: middle; max-width: 100%; }
.kboard-default-widget-list.kmybox-scope table .kboard-widget-content-title .kboard-comments-count { color: #00a8e7; }
.kboard-default-widget-list.kmybox-scope table .kboard-widget-content-date { width: 80px; text-align: center; font-size: 13px; }
.kboard-default-widget-list.kmybox-scope table td { padding: 5px 0; height: auto; border: 0;}
.kboard-default-widget-list.kmybox-scope table td.center { text-align: center; }

.kboard-default-widget-list.kmybox-scope .kboard-widget-new-notify { display: inline-block; zoom: 1; padding: 2px 2px; line-height: 10px; font-size: 10px; color: white; background-color: #f61b5d; font-weight: normal;  width:auto !important; max-width:fit-content; flex:0 0 auto !important; align-self:flex-start; }


/* pagination */
.kboard-mybox-pagination{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:center;}
.kboard-mybox-pagination .pg{padding:6px 10px;border:1px solid #eee;background:#fff;border-radius:6px;font-size:13px;line-height:1;}
.kboard-mybox-pagination .pg.active{border-color:#111;font-weight:700;}
.kboard-mybox-pagination .pg:hover{border-color:#bbb;}

/* =========================
   MyBox Pagination (windowed)
   ========================= */
.kboard-mybox-pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:15px;
  margin:25px 0 0;
}

.kboard-mybox-pagination .pg{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:36px;
  height:36px;
  padding:0 10px;
  border:1px solid #e9e9e9;
  border-radius:12px;
  background:#fff;
  font-size:14px;
  line-height:1;
  color:#222;
  text-decoration:none;
  transition:all .15s ease;
}

.kboard-mybox-pagination .pg:hover{
  border-color:#d9d9d9;
  transform:translateY(-1px);
}

.kboard-mybox-pagination .pg.active{
  background:#ff5f73;
  border-color:#ff5f73;
  color:#fff;
  font-weight:700;
}

.kboard-mybox-pagination .pg.first,
.kboard-mybox-pagination .pg.last{
  font-size:16px;
  min-width:40px;
}

.kboard-mybox-pagination .pg.prev,
.kboard-mybox-pagination .pg.next{
  font-size:18px;
  min-width:40px;
}

.kboard-mybox-pagination .pg.ellipsis{
  border:none;
  background:transparent;
  min-width:auto;
  padding:0 2px;
  transform:none;
  color:#999;
}

.kboard-mybox-pagination .pg.disabled{
  opacity:.35;
  pointer-events:none;
  transform:none;
}

@media (max-width: 768px){
  .kboard-mybox-pagination{
    gap:15px;
    margin-top:25px;
  }
  .kboard-mybox-pagination .pg{
    min-width:32px;
    height:32px;
    border-radius:10px;
    font-size:13px;
    padding:0 8px;
  }
  .kboard-mybox-pagination .pg.first,
  .kboard-mybox-pagination .pg.last,
  .kboard-mybox-pagination .pg.prev,
  .kboard-mybox-pagination .pg.next{
    min-width:34px;
  }
}

.kmb-page.active {
    font-weight: 500;
    background-color: #e0e0e0;
    padding: 2px 8px 3px 8px;
    border-radius: 5px;
    margin-left: -4px;
    margin-right: -4px;
}

/* Notifications tab content */
.kboard-default-widget-list.kmybox-scope .kboard-widget-notifications{padding:0;}


/* === MyBox UI enhancements (0.1.7.2) === */
.kmybox-profile{display:flex;gap:16px;align-items:center;padding:18px 5px 25px 5px;}
.kboard-default-widget-list.kmybox-scope .kmybox-avatar img{border-radius:50%;display:block;}
.kmybox-profile-info{min-width:0;}
.kmybox-nick{font-size:22px;font-weight:700;line-height:1.2;}
.kmybox-grade{font-size:13px;opacity:.7;margin-top:4px;}
.kmybox-stats{margin-top:10px;font-size:13px;opacity:.85;}
.kmybox-stat b{font-weight:700;margin-left:6px;}

.kmybox-meta-col{display:inline-flex;flex-direction:column;align-items:flex-end;gap:4px;}
.kmybox-date,.kmybox-views{font-size:12px;opacity:.75;line-height:1.2;}
.kmybox-views-empty{visibility:hidden;}

.kmybox-comment-wrap{display:flex;flex-direction:column;gap:6px;}
.kmybox-comment-line1{width: 100%; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.kmybox-comment-line2{width: 100%; display:flex;gap:6px;align-items:center;font-size:12px;opacity:.8;white-space:nowrap;overflow:hidden;}
.kmybox-parent-title{overflow:hidden;text-overflow:ellipsis;min-width:0; color: #565656;}


/* --- MyBox UI tweaks (v0.1.7.3) --- */
/* Prevent theme-wide img{width:100%} from blowing up small icons */
.kboard-default-widget-list.kmybox-scope img.kmybox-icon-lock{
	width:14px !important;
	height:14px !important;
	max-width:14px !important;
	max-height:14px !important;
	display:inline-block !important;
	vertical-align:middle;
	margin:0 4px 0 0;
}

/* Bigger profile avatar */
.kboard-default-widget-list.kmybox-scope .kboard-default-widget-list.kmybox-scope .kmybox-avatar img{
	width:216px;
	height:216px;
	border-radius:50%;
	object-fit:cover;
}

/* More breathing room between top tabs/buttons */
.kboard-default-widget-list.kmybox-scope .kboard-widget-button-wrap{
	padding-top:5px;
	padding-bottom:14px;
        border-radius:10px;
        margin-bottom: 10px;
}
.kboard-default-widget-list.kmybox-scope .kboard-widget-button{
	margin-right:10px;
	margin-top:8px;
	padding:6px 10px;
	border-radius:8px;
}

/* Mobile: keep avatar reasonable */
@media (max-width: 480px){
	.kboard-default-widget-list.kmybox-scope .kboard-default-widget-list.kmybox-scope .kmybox-avatar img{
		width:96px;
		height:96px;
	}
}


/* === MyBox scoped tweaks (requested) === */
.kboard-default-widget-list.kmybox-scope.kmybox-scope table td { padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #f3f3f3; }

/* profile padding already set above; keep avatar size for desktop */
@media (min-width: 768px){
  .kboard-default-widget-list.kmybox-scope.kmybox-scope .kboard-default-widget-list.kmybox-scope .kmybox-avatar img{
    width: 125px !important;
    height: 125px !important;
  }
}

/* lock icon never scale up even if theme applies img{width:100%} */
.kboard-default-widget-list.kmybox-scope.kmybox-scope img.kmybox-icon-lock{
  width: 14px !important;
  height: 14px !important;
  max-width: 14px !important;
  display: inline-block !important;
  vertical-align: middle !important;
}


/* MyBox: prevent NEW badge from stretching */
.kboard-default-widget-list.kmybox-scope .kmybox-comment-wrap{
  display:flex;
  align-items:flex-start;
  gap:6px;
}
.kboard-default-widget-list.kmybox-scope .kmybox-comment-wrap .kboard-widget-new-notify{
  flex:0 0 auto !important;
  width:auto !important;
}

/* MyBox: lock icon size */
.kboard-default-widget-list.kmybox-scope img.kmybox-icon-lock{
  width:14px !important;
  height:14px !important;
  max-width:14px !important;
  max-height:14px !important;
  display:inline-block !important;
  vertical-align:middle;
}

/* MyBox: avoid rounded underline on active tab */
.kboard-default-widget-list.kmybox-scope .kboard-widget-button,
.kboard-default-widget-list.kmybox-scope .kboard-widget-button.active{
  border-radius:0 !important;
}


/* === v2.0.2: Avatar size override (MyBox only) === */
.kboard-default-widget-list.kmybox-scope .kmybox-avatar img{width:96px !important;height:96px !important;object-fit:cover;}
@media (min-width: 768px){
  .kboard-default-widget-list.kmybox-scope .kmybox-avatar img{width:125px !important;height:125px !important;}
}

/* Like tab is an external link: keep same look */
.kboard-default-widget-list.kmybox-scope .kmybox-like-link{cursor:pointer;}