/* TipFolio social profiles & administrators. Responsive; no external fonts or icon library. */
.tf-social-links{display:flex;flex-wrap:wrap;align-items:center;gap:9px}
.tf-social-links.hidden{display:none!important}
.tf-social{display:inline-flex;align-items:center;justify-content:center;width:43px;height:43px;background:#faf6f0;border:1px solid #eadcc7;border-radius:13px;color:#6e243c;transition:transform .17s,background .17s,box-shadow .17s;text-decoration:none}
.tf-social:hover,.tf-social:focus-visible{background:#f7e5e9;transform:translateY(-2px);box-shadow:0 6px 16px #54162913}
.tf-social svg{width:23px;height:23px;flex-shrink:0}
.tf-social-telegram{color:#1389c5}.tf-social-instagram{color:#bb286f}.tf-social-website{color:#6d4c33}.tf-social-youtube{color:#d52323}.tf-social-tiktok{color:#20212b}.tf-social-x{color:#24242a}.tf-social-facebook{color:#1877f2}
.tf-social-edit{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.tf-social-edit label{min-width:0}
.tf-social-edit input{width:100%;font-size:13px}
.tf-social-help{font-size:12px;line-height:1.65;color:#77717b}
.tf-social-preview{display:flex;flex-wrap:wrap;gap:9px;margin-top:7px}
#publicSocialLinks{margin-top:18px;margin-bottom:6px}
#ownerSocialPreview{margin-top:5px}
.tf-admin-link{color:#f2d6a0!important}
.tf-admin-body{min-height:100vh;background:#f7f6f2}
.tf-admin-header{background:linear-gradient(110deg,#54142b,#781b32);padding:18px max(20px,calc((100vw - 1200px)/2));display:flex;align-items:center;justify-content:space-between;gap:15px}
.tf-admin-header .brand{font-size:23px}
.tf-admin-header .brand small{color:#e9d3be}
.tf-admin-header>.button{font-size:12px}
.tf-admin-main{max-width:1240px;margin:auto;padding:40px 25px 55px}
.tf-admin-title{margin-bottom:25px}
.tf-admin-title h1{margin:8px 0 13px;font-size:clamp(27px,3vw,38px)}
.tf-admin-title p{font-size:13px;line-height:1.6}
.tf-admin-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,230px));gap:14px;margin-bottom:21px}
.tf-admin-metrics .card{padding:20px 23px}
.tf-admin-metrics small{font-size:11px;color:#7e7b7e;display:block;margin-bottom:13px}
.tf-admin-metrics strong{font-size:31px;color:#771b34;font-weight:800}
.tf-admin-content{padding:25px}
.tf-admin-search{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-bottom:17px}
.tf-admin-search label{flex:1 1 260px}
.tf-admin-search button{min-height:44px}
.tf-admin-table-wrap{overflow-x:auto;margin-top:17px;border:1px solid #eeebea;border-radius:14px}
.tf-admin-table{width:100%;border-collapse:collapse;min-width:690px}
.tf-admin-table th{text-align:left;background:#faf9f7;color:#69646b;font-size:11px;font-weight:800;letter-spacing:.3px;padding:15px 17px}
.tf-admin-table td{padding:17px;border-bottom:1px solid #eeebea;font-size:12px;color:#4e4b52}
.tf-admin-table tr:last-child td{border-bottom:0}
.tf-admin-table td strong{display:block;font-size:13px;color:#2e2931}
.tf-admin-table td small{display:block;margin-top:5px;color:#999098}
.tf-admin-email{overflow-wrap:anywhere}
.tf-admin-role{display:inline-flex;border-radius:40px;padding:6px 10px;font-size:10px;font-weight:750;color:#712239;background:#fbf0f3}
.tf-admin-pagination{margin-top:22px}
.tf-admin-note{margin-top:22px;line-height:1.7}
@media(max-width:760px){
 .tf-social-edit{grid-template-columns:1fr}
 .tf-social{width:44px;height:44px;border-radius:12px}
 .tf-social svg{width:22px;height:22px}
 .tf-admin-header{padding:14px 15px}
 .tf-admin-header .brand{font-size:19px}
 .tf-admin-header .brand img{width:34px;height:34px}
 .tf-admin-header>.button{font-size:11px;padding:8px 11px}
 .tf-admin-main{padding:24px 13px 55px}
 .tf-admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 .tf-admin-metrics .card{padding:17px}
 .tf-admin-metrics strong{font-size:25px}
 .tf-admin-content{padding:16px 12px}
 .tf-admin-search label{flex-basis:100%}
 .tf-admin-search button{flex:1}
 .tf-admin-table-wrap{border:none;overflow:visible}
 .tf-admin-table{min-width:0}
 .tf-admin-table thead{display:none}
 .tf-admin-table tbody{display:grid;gap:12px}
 .tf-admin-table tr{display:block;border:1px solid #e8e2e1;border-radius:14px;background:#fff;padding:12px}
 .tf-admin-table td{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:8px 4px;border:0;text-align:right;font-size:12px;overflow-wrap:anywhere}
 .tf-admin-table td::before{content:attr(data-label);font-weight:750;color:#66616b;text-align:left;flex:0 0 92px}
 .tf-admin-table td strong,.tf-admin-table td small{display:block}
 .tf-admin-email{max-width:65%;word-break:break-word}
 .tf-admin-pagination{gap:10px}
}