/* Kronängs IF – medlemsregister v0.9: endast fiktiv testdata */
.kif-members-page{padding-bottom:12px}
.kif-member-dev-banner{display:flex;gap:12px;align-items:center;background:#171717;color:white;border-radius:20px;padding:17px;margin:5px 0 20px;box-shadow:0 8px 20px #0002}
.kif-member-dev-icon{display:grid;place-items:center;flex:none;font-size:26px;background:#fff2;width:46px;height:46px;border-radius:15px}
.kif-member-dev-banner strong{font-size:17px;font-weight:900}
.kif-member-dev-banner p{font-size:12px;color:#ddd;line-height:1.4;margin:5px 0 0}
.kif-member-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:18px 0}
.kif-member-stats>div{border:1px solid #e6e6e6;border-radius:19px;background:#fff;box-shadow:0 5px 16px #0001;padding:16px 6px;text-align:center}
.kif-member-stats b{display:block;font-size:28px;font-weight:900}
.kif-member-stats span{font-size:11px;color:#777;font-weight:650}
.kif-member-actionbar{display:flex;gap:9px;flex-wrap:wrap;margin:17px 0}
.kif-member-actionbar button,.kif-member-row button,.kif-member-form-buttons button{font-size:12px;border:0;background:#111;color:#fff;border-radius:25px;padding:11px 14px;font-weight:800}
.kif-member-actionbar button.secondary{background:#f1f1f1;color:#111;border:1px solid #e1e1e1}
.kif-member-search{display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid #ddd;border-radius:16px;height:50px;background:#fff}
.kif-member-search span{font-size:28px;color:#555}
.kif-member-search input{flex:1;min-width:0;border:0;background:transparent;outline:none;font:inherit;font-size:14px}
.kif-member-filters{display:flex;overflow-x:auto;scrollbar-width:none;gap:7px;padding:13px 0}
.kif-member-filters button{border:1px solid #e3e3e3;border-radius:25px;background:#fafafa;padding:9px 13px;white-space:nowrap;font-size:12px;color:#222}
.kif-member-filters button.active{background:#111;color:#fff}
.kif-member-select-label{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:750}
.kif-member-select-label select{flex:1;min-width:0;padding:11px;border:1px solid #ddd;background:white;border-radius:13px;font:inherit;font-size:13px}
.kif-member-list-title{display:flex;justify-content:space-between;gap:9px;align-items:center;margin:22px 0 10px}
.kif-member-list-title b{font-size:20px}.kif-member-list-title span{color:#777;font-size:11px}
.kif-member-list{display:grid;gap:7px}
.kif-member-row{display:flex;align-items:center;gap:11px;min-width:0;border:1px solid #ebebeb;border-radius:18px;padding:12px;background:#fff;box-shadow:0 4px 12px #0000000d}
.kif-member-avatar{height:44px;width:44px;flex:none;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#eee,#d0d0d0);font-size:13px;font-weight:850}
.kif-member-main{flex:1;min-width:0}.kif-member-main strong{font-weight:850;font-size:14px}.kif-member-main>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:5px}
.kif-member-role{background:#eeeeef;padding:4px 8px;border-radius:20px;font-size:11px}
.kif-member-team{color:#656565;font-size:11px;padding:4px 0}
.kif-member-row button{padding:9px 12px;white-space:nowrap;background:#f1f1f1;color:#111}
.kif-member-empty{text-align:center;padding:26px;color:#888;border:1px solid #eee;border-radius:16px}
.kif-member-policy{border:1px solid #e5e5e5;background:#f5f5f5;border-radius:16px;margin:22px 0;padding:16px}
.kif-member-policy strong{font-size:14px}.kif-member-policy p{line-height:1.5;color:#666;font-size:12px;margin:9px 0 0}
.kif-form-explainer{font-size:13px;color:#666;line-height:1.4}.kif-member-form-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}
.kif-member-form-buttons button.danger{background:#eee;color:#111}
@media(max-width:380px){.kif-member-row{gap:8px;padding:10px}.kif-member-avatar{height:37px;width:37px}.kif-member-main strong{font-size:12px}.kif-member-row button{font-size:11px;padding:8px 9px}}


/* v1.0: touch-friendly member cards and realistic registration preview */
.kif-member-open{appearance:none;display:block;background:transparent!important;color:#111!important;border:0!important;box-shadow:none;flex:1;min-width:0;text-align:left;padding:3px 0!important;border-radius:6px!important;white-space:normal!important}
.kif-member-open strong{display:block;white-space:normal;font-size:13px;line-height:1.35;overflow-wrap:anywhere}
.kif-member-open>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.kif-member-row{cursor:pointer}
.kif-member-detail-title{display:flex;align-items:center;gap:13px;padding:12px 0 20px}
.kif-member-detail-title .kif-member-avatar{width:54px;height:54px;font-size:17px}
.kif-member-detail-title strong{font-size:20px;font-weight:900}
.kif-member-detail-title p{font-size:12px;color:#777;margin:5px 0 0}
.kif-member-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.kif-member-detail-grid>div{border:1px solid #ececec;background:#fafafa;border-radius:14px;padding:13px 11px;min-width:0}
.kif-member-detail-grid small{display:block;color:#747474;font-size:11px;margin-bottom:6px}
.kif-member-detail-grid b{font-size:14px;overflow-wrap:anywhere}
.kif-member-detail-placeholder{background:#f4f4f4;border:1px solid #e7e7e7;border-radius:15px;padding:15px;margin:17px 0}
.kif-member-detail-placeholder strong{font-size:14px}
.kif-member-detail-placeholder p{font-size:12px;color:#666;line-height:1.5;margin-bottom:0}
.kif-form-explainer{padding:13px 15px;border-radius:14px;border:1px solid #dedede;background:#f4f4f4}
.kif-form-explainer b{font-size:14px}.kif-form-explainer p{margin:5px 0 0;line-height:1.45}
.kif-form-section{font-size:16px;letter-spacing:-.02em;border-bottom:1px solid #e8e8e8;padding-bottom:8px;margin:24px 0 12px}
.kif-form-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#kifMemberForm label{display:block;font-size:12px;font-weight:750;margin:9px 0 12px}
#kifMemberForm .field{display:block;font-size:13px;max-width:100%;margin:7px 0 0}
#kifMemberForm .field:disabled{background:#f4f4f4;color:#888;opacity:1;cursor:not-allowed}
.kif-form-unavailable{display:inline-block;color:#666;background:#f0f0f0;border-radius:10px;padding:8px 10px;font-size:11px}
.kif-sportadmin-button{border:1px solid #dadada;border-radius:25px;background:white;color:#111;padding:11px 15px;font-weight:750;font-size:12px}
@media(max-width:380px){.kif-form-two{grid-template-columns:1fr}.kif-member-detail-grid{gap:6px}.kif-member-open strong{font-size:12px}}