/* BFL Službene utakmice 1.00 */
.bsl{--navy:#1e3a5f;--ink:#1a2332;--mute:#6b7a8f;--soft:#4a5a70;--line:#edf2f7;--red:#c53030;--amber:#b7791f;--amber2:#9c5b0b;--green:#276749;--purple:#6b46c1;
	font-family:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:#eef3f9;max-width:680px;margin:0 auto;padding:12px 12px 16px;border-radius:14px;box-sizing:border-box;display:flex;flex-direction:column;gap:12px;font-size:14px;line-height:1.4}
.bsl *{box-sizing:border-box}
.bsl button{font-family:inherit;cursor:pointer}
.bsl-head{text-align:center;display:flex;flex-direction:column;gap:2px;padding:2px 0}
.bsl-head h1{margin:0;font-family:inherit;font-size:20px;font-weight:800;color:var(--navy);line-height:1.2;letter-spacing:0;text-transform:none}
.bsl-head p{margin:0;font-size:13px;color:var(--soft)}
.bsl-card{background:#fff;border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:8px;box-shadow:0 1px 2px rgba(30,58,95,.08)}
.bsl-empty{text-align:center;color:var(--mute);padding:22px 14px}
.bsl-h2{display:flex;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--navy);white-space:nowrap}
.bsl-h2 i{width:4px;height:16px;border-radius:2px;flex-shrink:0}
.bsl-h2row{display:flex;align-items:center;justify-content:space-between;gap:4px 8px;flex-wrap:wrap}
.bsl-sub{font-size:12px;color:var(--mute);font-weight:500;text-transform:none;letter-spacing:0}
.bsl-small{font-size:12px;color:var(--mute);line-height:1.45}
.bsl-red{color:var(--red)!important}.bsl-amber{color:var(--amber2)!important}.bsl-green{color:var(--green)!important}.bsl-purple{color:var(--purple)!important}.bsl-mute{color:var(--mute)!important}
.bsl-rule{font-size:12px;line-height:1.45;color:#7b4a06;background:#fff8e6;border:1px solid #f3d48a;border-radius:10px;padding:10px 12px;text-align:center}
.bsl-foot{margin:0;font-size:11.5px;color:var(--mute);text-align:center;line-height:1.5;padding:0 6px}

/* moj status */
.bsl-me{border:1px solid #e2e8f0}
.bsl-me.is-warn{border-color:#f3d48a}
.bsl-me.is-danger{border-color:#f5c2c2;background:#fffafa}
.bsl-me.is-clean{border-color:#c6e9d1}
.bsl-me-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.bsl-me-l{display:flex;flex-direction:column;gap:2px;min-width:0}
.bsl-kick{font-size:11px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase;color:var(--mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bsl-me-txt{font-size:13px;color:var(--soft)}
.bsl-me-num{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}
.bsl-me-num b{font-size:30px;font-weight:800;line-height:1;color:var(--amber)}
.bsl-me.is-clean .bsl-me-num b{color:var(--green)}
.bsl-me.is-danger .bsl-me-num b{color:var(--red)}
.bsl-me-num span{font-size:11px;font-weight:700;color:var(--mute)}
.bsl-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.bsl-bar i{height:8px;border-radius:4px;background:#e2e8f0}
.bsl-bar i.on{background:#d69e2e}
.bsl-bar.is-red i.on{background:var(--red)}
.bsl-me-alert{display:block;font-size:13px;font-weight:700;color:#fff;background:var(--red);border-radius:10px;padding:10px 12px;text-decoration:none;line-height:1.35}
.bsl-me-alert:hover{color:#fff;opacity:.92}

/* nedelje i mečevi */
.bsl-week{padding:12px 14px 6px;gap:0}
.bsl-week>summary,.bsl-fold>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;padding:2px 0 8px}
.bsl-week>summary::-webkit-details-marker,.bsl-fold>summary::-webkit-details-marker,.bsl-admin>summary::-webkit-details-marker{display:none}
.bsl-week>summary::after,.bsl-fold>summary::after{content:"▾";color:var(--mute);font-size:13px;margin-left:6px;transition:transform .15s}
.bsl-week:not([open])>summary::after,.bsl-fold:not([open])>summary::after{transform:rotate(-90deg)}
.bsl-week>summary .bsl-sub,.bsl-fold>summary .bsl-sub{margin-left:auto;text-align:right}
.bsl-fold>summary{flex-wrap:wrap}
.bsl-fold:not([open])>summary{padding-bottom:0}
.bsl-fold:not([open]){padding-bottom:12px}
.bsl-fold>summary::after{order:2}
.bsl-fold>summary .bsl-sub.bsl-sub-l{order:3;flex-basis:100%;margin-left:12px;text-align:left}
.bsl-m{display:flex;flex-direction:column;gap:6px;padding:10px 0;border-top:1px solid var(--line)}
.bsl-m.is-mine{background:#f7faff;margin:0 -14px;padding:10px 14px;border-left:4px solid var(--navy)}
.bsl-m-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.bsl-comp{font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--c,#4a5568)}
.bsl-st{font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px;white-space:nowrap;background:#edf2f7;color:var(--soft)}
.bsl-st-wait{background:#fff4e0;color:var(--amber2)}
.bsl-st-appeal{background:#efe9fb;color:var(--purple)}
.bsl-st-done{background:#e6f4ea;color:var(--green)}
.bsl-st-draft{background:#edf2f7;color:var(--soft)}
em.bsl-st-wait,em.bsl-st-appeal,em.bsl-st-done,em.bsl-st-draft{background:none;padding:0;font-style:normal;font-weight:700}
.bsl-m-score{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:center}
.bsl-m-solo{grid-template-columns:1fr}
.bsl-t{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bsl-t-h{text-align:right}
.bsl-t.is-w{color:var(--green)}
.bsl-t.is-l{color:var(--red)}
.bsl-sc{padding:4px 10px;border-radius:6px;background:var(--ink);color:#fff;font-size:15px;font-weight:800}
.bsl-m-foot{display:flex;align-items:center;justify-content:space-between;gap:6px 8px;flex-wrap:wrap}
.bsl-chip{font-size:12px;font-weight:600;color:var(--soft);background:#f5f8fc;border-radius:999px;padding:3px 9px}
.bsl-pen{font-size:12px;font-weight:700;color:var(--red)}
.bsl-note{margin:0;font-size:12.5px;color:var(--soft);background:#f7fafc;border-left:3px solid #cbd5e0;padding:6px 8px;border-radius:0 6px 6px 0}

/* žalba */
.bsl-ap{display:flex;flex-direction:column;gap:6px}
.bsl-ap-form{display:flex;flex-direction:column;gap:6px}
.bsl-ap-form[hidden]{display:none}
.bsl-ap textarea,.bsl-in{width:100%;font:inherit;font-size:14px;color:var(--ink);border:1px solid #cbd5e0;border-radius:10px;padding:9px 10px;background:#fff}
.bsl-ap textarea:focus,.bsl-in:focus{outline:2px solid #90cdf4;border-color:#90cdf4}
.bsl-ap-st{font-size:12.5px;font-weight:600;border-radius:10px;padding:8px 10px;line-height:1.4}
.bsl-ap-st span{display:block;font-weight:500;margin-top:2px}
.bsl-ap-st.is-open{background:#efe9fb;color:#553c9a}
.bsl-ap-st.is-accepted{background:#e6f4ea;color:var(--green)}
.bsl-ap-st.is-rejected{background:#fff5f5;color:var(--red)}

/* rezime */
.bsl-sum{gap:0}
.bsl-sum .bsl-h2{margin-bottom:6px}
.bsl-sum-row{display:grid;grid-template-columns:minmax(0,1fr) 70px 58px;gap:6px;align-items:center;padding:7px 0;border-top:1px solid var(--line);font-size:13px;font-weight:700}
.bsl-sum-row span:not(:first-child){text-align:right}
.bsl-sum-head{border-top:none;font-size:10px;letter-spacing:.6px;text-transform:uppercase;color:var(--mute);padding:4px 0}
.bsl-sum-n{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bsl-sum-row.is-me{background:#f7faff}

/* dugmad */
.bsl-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:9px 14px;border-radius:10px;border:1px solid var(--navy);background:var(--navy);color:#fff;font-size:14px;font-weight:700;line-height:1.2;text-align:center}
.bsl-btn:disabled{opacity:.6;cursor:default}
.bsl-btn-ghost{background:#fff;color:var(--navy);border-color:#cbd5e0}
.bsl-btn-sm{min-height:32px;padding:6px 10px;font-size:12px}
.bsl-btn-purple{background:var(--purple);border-color:var(--purple)}
.bsl-actions{display:flex;gap:8px;flex-wrap:wrap}
.bsl-actions .bsl-btn{flex:1 1 180px}
.bsl-mini{font-size:12px;font-weight:700;padding:6px 9px;border-radius:8px;border:1px solid #cbd5e0;background:#fff;color:var(--navy);white-space:nowrap}
.bsl-mini.is-red{border-color:#f5c2c2;color:var(--red)}
.bsl-mini.is-green{border-color:#b7dfc3;color:var(--green)}
.bsl-check{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--soft);cursor:pointer;line-height:1.35}
.bsl-check input{margin:2px 0 0;width:18px;height:18px;flex-shrink:0;accent-color:var(--navy)}

/* admin */
.bsl-admin{background:#fff;border-radius:14px;box-shadow:0 1px 2px rgba(30,58,95,.08);border:1px solid #cbd5e0}
.bsl-admin>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;cursor:pointer;font-weight:800;color:var(--navy);font-size:14px}
.bsl-badge{background:var(--red);color:#fff;border-radius:999px;font-size:12px;font-weight:800;padding:2px 8px}
.bsl-admin-body{display:flex;flex-direction:column;gap:12px;padding:0 10px 12px}
.bsl-admin-body>.bsl-card{border:1px solid #e2e8f0;box-shadow:none}
.bsl-ok{margin:0;font-size:13px;color:var(--green);font-weight:600}
.bsl-q{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}
.bsl-q:hover{background:#f7faff}
.bsl-q-l{display:flex;flex-direction:column;gap:1px;min-width:0}
.bsl-q-l b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bsl-q-l span{font-size:12px;color:var(--mute)}
.bsl-q-go{font-size:12px;font-weight:800;padding:6px 10px;border-radius:8px;background:#eef3f9;color:var(--navy);flex-shrink:0}
.bsl-search{display:flex;flex-direction:column;gap:6px}
.bsl-search input{width:100%;font:inherit;font-size:14px;border:1px solid #cbd5e0;border-radius:10px;padding:10px 12px;background:#f5f8fc}
.bsl-search-res{display:flex;flex-direction:column;gap:6px}
.bsl-search-res p{margin:0}

.bsl-form{border:2px solid var(--navy)!important;gap:12px}
.bsl-form[hidden]{display:none}
.bsl-f-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.bsl-f-head>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.bsl-f-head b{font-size:16px;font-weight:800}
.bsl-f-head small{font-size:12px;font-weight:600;color:var(--mute)}
.bsl-x{border:none;background:#eef3f9;color:var(--soft);border-radius:8px;width:32px;height:32px;font-size:14px;flex-shrink:0}
.bsl-warn{font-size:12.5px;line-height:1.45;color:#7b4a06;background:#fff8e6;border:1px solid #f3d48a;border-radius:10px;padding:8px 10px}
.bsl-f-sec{display:flex;flex-direction:column;gap:6px}
.bsl-lbl{font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--mute)}
.bsl-res{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.bsl-res button{display:flex;flex-direction:column;align-items:center;gap:1px;padding:8px 4px;border-radius:10px;border:1px solid #cbd5e0;background:#fff;color:var(--ink)}
.bsl-res button b{font-size:18px;font-weight:800;line-height:1.1}
.bsl-res button span{font-size:11px;color:var(--mute);font-weight:600}
.bsl-res button.on{background:var(--navy);border-color:var(--navy);color:#fff}
.bsl-res button.on span{color:#cbd5e0}
.bsl-xs{display:grid;grid-template-columns:minmax(0,1fr) 64px auto 64px minmax(0,1fr);gap:6px;align-items:center;font-size:13px;font-weight:700}
.bsl-xs span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bsl-xs span:first-child{text-align:right}
.bsl-in-num{text-align:center;padding:8px 4px}
.bsl-chips{display:flex;flex-wrap:wrap;gap:6px}
.bsl-chips button{font-size:13px;font-weight:700;padding:8px 11px;border-radius:999px;border:1px solid #cbd5e0;background:#fff;color:var(--ink)}
.bsl-chips button.on{background:var(--navy);border-color:var(--navy);color:#fff}
.bsl-seg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;background:#eef3f9;border-radius:10px}
.bsl-seg button{border:none;background:transparent;color:var(--soft);font-size:13px;font-weight:700;padding:8px 4px;border-radius:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bsl-seg button.on{background:var(--navy);color:#fff}
.bsl-eff{background:#f7fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px}
.bsl-eff-row{display:grid;grid-template-columns:22px minmax(0,1fr);gap:6px;font-size:13px;line-height:1.4;color:var(--ink)}
.bsl-eff-row i{font-style:normal}
.bsl-eff-row.is-warn{color:#7b4a06}
.bsl-pe{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid #f5c2c2;border-radius:10px;padding:8px 10px}
.bsl-pe b{font-size:13px;color:var(--red)}
.bsl-pe-c{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;font-size:13px;color:var(--soft)}
.bsl-pe-c label:first-child{display:flex;align-items:center;gap:6px}
.bsl-pe-c .bsl-in-num{width:70px}
.bsl-ar{display:flex;flex-direction:column;gap:6px;padding:9px 0;border-top:1px solid var(--line)}
.bsl-ar-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.bsl-ar-l{display:flex;flex-direction:column;gap:1px;min-width:0}
.bsl-ar-l b{font-size:14px}
.bsl-ar-l>span{font-size:12px;color:var(--mute)}
.bsl-ar-b{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end;flex-shrink:0;max-width:52%}
.bsl-apx{background:#f8f5ff;border:1px solid #ddd3f5;border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:6px}
.bsl-apx.is-accepted{background:#f0faf3;border-color:#c6e9d1}
.bsl-apx.is-rejected{background:#fafafa;border-color:#e2e8f0}
.bsl-apx-h{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--purple)}
.bsl-apx-h span{color:var(--mute)}
.bsl-apx p{margin:0;font-size:13px;white-space:pre-wrap}
.bsl-apx-note{width:100%;font:inherit;font-size:13px;border:1px solid #cbd5e0;border-radius:8px;padding:7px 9px}
.bsl-kz{display:flex;flex-direction:column;gap:8px}
.bsl-kz label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:700;color:var(--mute)}
.bsl-kz select,.bsl-kz input[type=text],.bsl-kz input[type=number]{font:inherit;font-size:14px;border:1px solid #cbd5e0;border-radius:10px;padding:9px 10px;background:#fff;color:var(--ink)}
.bsl-kz-row{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap}
.bsl-kz-row label:first-child{width:120px}
.bsl-kz .bsl-check{flex-direction:row;font-size:13px;color:var(--soft);padding-bottom:10px}
.bsl-vw{font:inherit;font-size:14px;border:1px solid #cbd5e0;border-radius:10px;padding:8px 10px;background:#fff}
.bsl-vt{width:100%;font-family:inherit;font-size:12.5px;line-height:1.5;border:1px solid #e2e8f0;border-radius:10px;padding:10px;background:#f5f8fc;color:var(--ink);resize:vertical}
.bsl-vt[hidden]{display:none}

.bsl-toast{position:fixed;left:50%;bottom:84px;transform:translate(-50%,20px);opacity:0;background:#1a2332;color:#fff;font-family:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:14px;font-weight:600;padding:11px 16px;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,.25);z-index:99999;max-width:calc(100vw - 32px);transition:all .25s;text-align:center}
.bsl-toast.is-on{opacity:1;transform:translate(-50%,0)}
.bsl-toast.is-bad{background:var(--red)}

@media (max-width:420px){
	.bsl{padding:10px 8px 14px;border-radius:0}
	.bsl-ar-top{flex-direction:column}
	.bsl-ar-b{max-width:none;justify-content:flex-start}
	.bsl-seg button{font-size:12px}
}