/* Alliance paneli (alliance-ui.js): office.css ob-* çerçevesi içinde. Tasarım alanı 1100 × 780, 1 birim = --k. */
.ob-alliance .al-tab{border-radius:calc(12*var(--k)) calc(12*var(--k)) 0 0!important;border:calc(3*var(--k)) solid #6fc3ff!important;background:linear-gradient(#1b64b8,#0d3f82)!important;font:italic 900 calc(21*var(--k)) 'Barlow Condensed',Arial!important;white-space:nowrap;color:#dcecff!important;z-index:3!important}
.ob-alliance .al-tab.on{border-color:#ffe0a0!important;background:linear-gradient(#ffb84e,#e07a12)!important;color:#3a1800!important}
.ob-alliance .al-box{border-radius:calc(18*var(--k));border:calc(3*var(--k)) solid #6fc3ff99;background:linear-gradient(#123f7c,#0a2853)}
.ob-alliance .al-logo{display:grid;place-items:center;border-radius:calc(14*var(--k));border:calc(4*var(--k)) solid #ffd166;background:radial-gradient(#ffcf5a,#e07a12);color:#2a1200;text-align:center}
.ob-alliance .al-logo span{font-size:calc(56*var(--k));line-height:1}
.ob-alliance .al-logo b{font:italic 900 calc(30*var(--k)) 'Barlow Condensed',Arial;margin-top:calc(-30*var(--k))}
.ob-alliance .al-kv,.ob-alliance .al-row{display:flex;align-items:center;gap:calc(12*var(--k))}
.ob-alliance .ob-btn span{font-size:calc(21*var(--k))}
.ob-alliance .al-kv small,.ob-alliance .al-row small{flex:none;width:calc(100*var(--k));text-align:right;font:700 calc(20*var(--k)) Arial;color:#cfe3ff}
.ob-alliance .al-row small{width:calc(210*var(--k))}
.ob-alliance .al-kv b{font:700 calc(22*var(--k)) Arial;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ob-alliance .al-kv em,.ob-alliance .al-row em{flex:1;padding:calc(4*var(--k)) calc(12*var(--k));border-radius:calc(16*var(--k));background:#04162f;border:calc(2*var(--k)) solid #6fc3ff55;font:700 calc(20*var(--k)) Arial;font-style:normal;text-align:center;color:#fff}
.ob-alliance .al-stars{white-space:nowrap}
.ob-alliance .al-stars i{font-style:normal;font-size:calc(24*var(--k));color:#5d6f88;text-shadow:0 calc(1*var(--k)) 0 #0008}
.ob-alliance .al-stars i.on{color:#ffc93a}
.ob-alliance .al-note{display:flex;flex-direction:column;border-radius:calc(12*var(--k));border:calc(2*var(--k)) solid #6fc3ff55;background:#0a2550}
.ob-alliance .al-note h4,.ob-alliance .al-h{margin:0;padding:calc(6*var(--k));text-align:center;font:italic 900 calc(26*var(--k)) 'Barlow Condensed',Arial;color:#fff;border-bottom:calc(2*var(--k)) solid #6fc3ff33}
.ob-alliance .al-h{text-align:left;border:0}
.ob-alliance .al-note p{margin:0;padding:calc(10*var(--k));font:calc(19*var(--k))/1.35 Arial;color:#e6f0ff}
.ob-alliance .al-check{display:flex;align-items:center;gap:calc(6*var(--k));font:700 calc(18*var(--k)) Arial;color:#cfe3ff}
.ob-alliance .al-table{overflow-y:auto;display:flex;flex-direction:column;gap:calc(6*var(--k))}
.ob-alliance .al-tr{display:grid;grid-template-columns:2fr 1.4fr .8fr 1.2fr 1.2fr;align-items:center;min-height:calc(54*var(--k));padding:0 calc(14*var(--k));border-radius:calc(10*var(--k));background:linear-gradient(#1b4f93,#0c2f63);font:700 calc(20*var(--k)) Arial}
.ob-alliance .al-tr4{grid-template-columns:.4fr 2fr 1fr 1fr}
.ob-alliance .al-th{background:none;color:#ffd166;font-size:calc(18*var(--k));min-height:calc(36*var(--k))}
.ob-alliance .al-on{color:#6fe38a}
.ob-alliance .al-bld,.ob-alliance .al-item,.ob-alliance .al-task{border-radius:calc(14*var(--k));border:calc(2*var(--k)) solid #6fc3ff66;background:linear-gradient(#1b4f93,#0c2f63);padding:calc(12*var(--k)) calc(16*var(--k));box-sizing:border-box}
.ob-alliance .al-bld h4,.ob-alliance .al-item b{display:block;margin:0 0 calc(4*var(--k));font:italic 900 calc(26*var(--k)) 'Barlow Condensed',Arial;color:#fff}
.ob-alliance .al-bld p{margin:calc(6*var(--k)) 0;font:calc(18*var(--k))/1.3 Arial;color:#dbe8ff}
.ob-alliance .al-bld small{font:calc(16*var(--k)) Arial;color:#ffd166}
.ob-alliance .al-item{text-align:center}
.ob-alliance .al-item em{display:block;margin-top:calc(40*var(--k));font:700 calc(20*var(--k)) Arial;font-style:normal;color:#ffd166}
.ob-alliance .al-task{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:calc(20*var(--k));font:700 calc(21*var(--k)) Arial}
.ob-alliance .al-task em{font-style:normal;color:#ffd166}
.ob-alliance .al-task span{color:#cfe3ff}
.ob-alliance .al-task.done span{color:#6fe38a}
.ob-alliance .al-demo{z-index:3;font:italic calc(16*var(--k)) Arial;color:#9fb8d8}
.ob-alliance .al-tab.off{filter:grayscale(.9) brightness(.7);cursor:not-allowed}
.ob-alliance .al-input{box-sizing:border-box;padding:0 calc(14*var(--k));border-radius:calc(12*var(--k));border:calc(2*var(--k)) solid #6fc3ff;background:#04162f;color:#fff;font:700 calc(22*var(--k)) Arial;outline:none;z-index:3}
.ob-alliance .al-input:focus{border-color:#ffd166}
.ob-alliance .al-p{margin:0;font:calc(19*var(--k))/1.35 Arial;color:#cfe3ff}
.ob-alliance .al-empty{margin:calc(10*var(--k)) 0;text-align:center;font:italic calc(20*var(--k)) Arial;color:#9fb8d8}
.ob-alliance .al-list{overflow-y:auto;display:flex;flex-direction:column;gap:calc(8*var(--k))}
.ob-alliance .al-li{flex:none;display:flex;align-items:center;gap:calc(12*var(--k));min-height:calc(56*var(--k));padding:0 calc(14*var(--k));border-radius:calc(12*var(--k));background:linear-gradient(#1b4f93,#0c2f63);border:calc(2*var(--k)) solid #6fc3ff55}
.ob-alliance .al-li b{font:700 calc(21*var(--k)) Arial;color:#fff}
.ob-alliance .al-li small{flex:1;font:calc(17*var(--k)) Arial;color:#cfe3ff}
.ob-alliance .al-li small.al-warn{flex:none;color:#ffb36b}
.ob-alliance .al-mini{flex:none;padding:calc(6*var(--k)) calc(12*var(--k))!important;border-radius:calc(10*var(--k))!important;background:linear-gradient(#3a7fd0,#1b4f93)!important;border:calc(2*var(--k)) solid #9fd3ff!important;font:900 calc(17*var(--k)) Arial!important;color:#fff!important}
.ob-alliance .al-mini.ok{background:linear-gradient(#ffb84e,#e07a12)!important;border-color:#ffe0a0!important;color:#3a1800!important}
.ob-alliance .al-mini.no{background:linear-gradient(#e05454,#a82020)!important;border-color:#ffb0b0!important}
.ob-alliance .al-mini:disabled{opacity:.5}
.ob-alliance .al-trm{grid-template-columns:2fr 1.2fr .7fr 1.1fr 2.4fr}
.ob-alliance .al-tr.me{border:calc(2*var(--k)) solid #ffd166}
.ob-alliance .al-acts{display:flex;gap:calc(6*var(--k));justify-content:flex-end}
.ob-alliance .al-r-leader{color:#ffd166}.ob-alliance .al-r-vice{color:#8fd0ff}
.ob-alliance .al-note textarea{flex:1;margin:calc(8*var(--k));resize:none;border-radius:calc(8*var(--k));border:calc(2*var(--k)) solid #6fc3ff;background:#04162f;color:#fff;font:calc(19*var(--k))/1.35 Arial;padding:calc(8*var(--k))}
.ob-alliance .al-ap{display:flex;align-items:center;justify-content:space-between;padding:0 calc(16*var(--k));box-sizing:border-box;border-radius:calc(14*var(--k));border:calc(3*var(--k)) solid #ffd166;background:linear-gradient(#2a1c00,#4a3200)}
.ob-alliance .al-ap small{font:700 calc(17*var(--k)) Arial;color:#ffe7a8}
.ob-alliance .al-ap b{font:italic 900 calc(30*var(--k)) 'Barlow Condensed',Arial;color:#ffd166}
.ob-alliance .al-row em,.ob-alliance .al-kv em{white-space:nowrap;overflow:hidden}
.ob-alliance .al-dim{z-index:5!important;background:#020a18c0;border-radius:calc(30*var(--k))}
.ob-alliance .al-ask{z-index:6!important;box-sizing:border-box;padding:calc(18*var(--k)) calc(24*var(--k));border-radius:calc(18*var(--k));border:calc(4*var(--k)) solid #ffd166;background:linear-gradient(#1b5aa8,#0b2f63);text-align:center;box-shadow:0 calc(8*var(--k)) calc(30*var(--k)) #000a}
.ob-alliance .al-ask h4{margin:0 0 calc(10*var(--k));font:italic 900 calc(32*var(--k)) 'Barlow Condensed',Arial;color:#ffd166}
.ob-alliance .al-ask p{margin:0;font:700 calc(21*var(--k))/1.35 Arial;color:#fff}
.ob-alliance .al-ask~.ob-btn{z-index:7!important}
.ob-alliance .al-logo-img{width:100%;height:100%;object-fit:contain}
.ob-alliance .al-logo{background:radial-gradient(#1d5fae,#0b2f63);border-color:#6fc3ff;padding:calc(8*var(--k));box-sizing:border-box}
.ob-alliance .al-logos{display:grid;grid-template-columns:repeat(5,1fr);gap:calc(30*var(--k));padding:calc(60*var(--k)) calc(20*var(--k));align-content:start}
.ob-alliance .al-lg{aspect-ratio:1;border-radius:50%!important;border:calc(3*var(--k)) solid transparent!important;padding:calc(4*var(--k))!important;background:#0a2550!important}
.ob-alliance .al-lg.on{border-color:#ffd166!important;background:#3a2a00!important;box-shadow:0 0 calc(14*var(--k)) #ffd166}
.ob-alliance .al-lg:hover{filter:brightness(1.15)}
.ob-alliance .al-fi .al-logo-img{flex:none;width:calc(42*var(--k));height:calc(42*var(--k))}
.ob-alliance .al-rk{flex:none;width:calc(30*var(--k));font:italic 900 calc(22*var(--k)) 'Barlow Condensed',Arial;color:#ffd166;text-align:center}
.ob-alliance .al-gold{color:#ffd166}
.ob-alliance .al-pname{font:700 calc(21*var(--k)) Arial!important;color:#ffd166!important;text-decoration:underline dotted;cursor:pointer}
