/* System 11 styles: competency assessment platform */
.a11-emp{max-width:340px}
.a11-strip{margin-bottom:14px}
.a11-strip .card-b{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.a11-strip h3{font-size:1.1rem}
.a11-strip .grow{min-width:180px}
.a11-sv{display:flex;flex-direction:column;align-items:flex-end;gap:2px;padding-left:16px;border-left:1px solid var(--border)}
.a11-sv span{font-size:.72rem;color:var(--ink-2)}.a11-sv b{font-size:1.25rem}.a11-sv small{font-size:.8rem;color:var(--ink-2);font-weight:500}
.a11-tabs a{display:inline-flex;gap:6px;align-items:center;padding:6px 12px;border-radius:8px;font-weight:600;font-size:.86rem;color:var(--ink-2)}
.a11-tabs a.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-card)}
.a11-tabs a.on .ic{color:#b45309}
.a11-kv{font-size:1.02rem;line-height:1.25;display:inline-block}
.a11-text{line-height:1.6;margin-bottom:12px;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:10px 12px;font-size:.92rem}

/* assessment grid */
.a11-atw{border:none;border-radius:0}
.a11-assess td{vertical-align:middle}
.a11-assess td:first-child{min-width:190px}
.a11-cg{display:block;font-size:.74rem}
.a11-rate{display:inline-flex;gap:2px;align-items:center;white-space:nowrap}
.a11-rate button{font-size:22px;line-height:1;color:#e2e8f0;padding:0 1px;transition:transform .08s}
.a11-rate button.on{color:#f59e0b}.a11-rate button:not(:disabled):hover{transform:scale(1.15)}
.a11-rate em{font-style:normal;font-weight:700;margin-left:8px;min-width:14px;color:var(--ink)}
.a11-note{width:100%;min-width:180px;height:32px;border:1px solid var(--border);border-radius:8px;padding:0 9px;background:var(--panel-2)}
.a11-note:focus{outline:none;border-color:#f59e0b;background:#fff}
.a11-afoot{display:flex;flex-direction:column;gap:12px;padding:14px 16px;border-top:1px solid var(--border)}
.a11-afoot textarea{width:100%;border:1px solid var(--border);border-radius:10px;padding:8px 10px}
.a11-sum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.a11-sum div{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:2px}
.a11-sum span{font-size:.72rem;color:var(--ink-2)}.a11-sum b{font-size:1rem}

/* level chips (1-5) used in matrices/heatmaps */
.a11-cell{display:inline-grid;place-items:center;min-width:34px;height:24px;padding:0 6px;border-radius:6px;font-weight:700;font-size:.8rem}
.a11-cell.s1{background:#fee2e2;color:#991b1b}.a11-cell.s2{background:#ffedd5;color:#9a3412}.a11-cell.s3{background:#fef9c3;color:#854d0e}
.a11-cell.s4{background:#dcfce7;color:#166534}.a11-cell.s5{background:#bbf7d0;color:#14532d}
.a11-pc{text-align:center}
.a11-pm,.a11-heat{border-radius:var(--r)}
.card .a11-heat{border:none;border-radius:0 0 var(--r) var(--r)}
.a11-pm th.a3-vert,.a11-heat th.a3-vert{height:170px}

/* evolution */
.a11-evo{list-style:none;display:flex;flex-direction:column;gap:8px}
.a11-evo li{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:6px 0;border-bottom:1px dashed var(--border)}
.a11-evo li:last-child{border-bottom:none}

/* profile */
.a11-prof{display:grid;grid-template-columns:320px minmax(0,1fr);gap:14px;align-items:start}
.a11-pcard .card-b{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}
.a11-pcard .av{box-shadow:0 0 0 4px #fff,0 0 0 6px #fcd34d}
.a11-pcard h3{font-size:1.2rem}
.a11-pcard .dl{text-align:left;width:100%;margin:8px 0}
.a11-reps{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}
.a11-reps a{display:flex;gap:8px;align-items:center;border:1px solid var(--border);border-radius:10px;padding:6px 8px;color:var(--ink)}
.a11-reps a:hover{border-color:#f59e0b}
.a11-reps a>span:not(.av){display:flex;flex-direction:column;min-width:0}.a11-reps small{color:var(--ink-2);font-size:.74rem}

/* team: org chart (tree view) */
.a11-orgwrap{overflow-x:auto;padding:18px 12px 20px}
.a11-org{display:inline-block;min-width:100%}
.a11-org ul{display:flex;justify-content:center;padding-top:22px;position:relative;list-style:none;margin:0}
.a11-org>ul{padding-top:0}
.a11-org li{display:flex;flex-direction:column;align-items:center;position:relative;padding:22px 6px 0}
.a11-org>ul>li{padding-top:0}
.a11-org li::before,.a11-org li::after{content:"";position:absolute;top:0;right:50%;width:50%;height:22px;border-top:2px solid #e5c89a}
.a11-org li::after{right:auto;left:50%;border-left:2px solid #e5c89a}
.a11-org li:only-child::before,.a11-org li:only-child::after{display:none}
.a11-org li:only-child{padding-top:22px}
.a11-org>ul>li:only-child{padding-top:0}
.a11-org li:first-child::before,.a11-org li:last-child::after{border:0 none}
.a11-org li:last-child::before{border-right:2px solid #e5c89a;border-radius:0 8px 0 0}
.a11-org li:first-child::after{border-radius:8px 0 0 0}
.a11-org ul ul::before{content:"";position:absolute;top:0;left:50%;border-left:2px solid #e5c89a;height:22px}
.a11-org li:only-child>ul::before{height:22px}
.a11-node{display:flex;gap:8px;align-items:center;background:#fff;border:1.5px solid #fcd34d;border-radius:12px;padding:7px 10px;min-width:170px;max-width:210px;color:var(--ink);box-shadow:var(--shadow-card);text-align:left}
.a11-node:hover{border-color:#b45309;box-shadow:0 6px 18px -6px rgba(180,83,9,.35)}
.a11-node>span:not(.av){display:flex;flex-direction:column;min-width:0;flex:1}
.a11-node b{font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.a11-node small{font-size:.7rem;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.a11-node em{font-style:normal;font-weight:700;font-size:.78rem;background:#fef3c7;color:#92400e;border-radius:6px;padding:1px 6px}
.a11-node.low{border-color:#fca5a5}.a11-node.low em{background:#fee2e2;color:#991b1b}
.a11-unit{display:flex;flex-direction:column;align-items:center;gap:1px;background:#fff;border:1.5px solid var(--border);border-radius:10px;padding:6px 10px;min-width:118px;max-width:150px;position:relative}
.a11-unit b{font-size:.78rem;line-height:1.2}.a11-unit small{font-size:.68rem;color:var(--ink-2)}
.a11-unit em{position:absolute;top:-8px;right:-8px;font-style:normal;font-size:.66rem;background:#b45309;color:#fff;border-radius:999px;padding:1px 6px}
.a11-unit:hover{border-color:#f59e0b}.a11-unit.on{background:#fffbeb;border-color:#b45309;box-shadow:0 0 0 3px #fde68a}
.a11-teamkpi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px 16px 0}
.a11-teamkpi div{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column}
.a11-teamkpi span{font-size:.72rem;color:var(--ink-2)}.a11-teamkpi b{font-size:1.05rem}
.a11-legend em{font-style:normal;font-weight:700;font-size:.74rem;background:#fef3c7;color:#92400e;border-radius:6px;padding:1px 6px;margin-right:4px}
.a11-legend{font-size:.78rem;color:var(--ink-2)}

/* FİP */
.a11-fiphead{display:flex;gap:16px;align-items:flex-start;margin-bottom:12px;flex-wrap:wrap}
.a11-fipp{min-width:200px;display:flex;flex-direction:column;gap:4px}
.a11-fipp span{font-size:.72rem;color:var(--ink-2)}.a11-fipp b{font-size:1.4rem}.a11-fipp .pbar i{background:#b45309}
.a11-nofip{display:flex;gap:16px;align-items:flex-start}
.a11-nofip>.ic{width:40px;height:40px;color:#b45309;flex:0 0 40px}
.a11-nofip div{display:flex;flex-direction:column;gap:8px;align-items:flex-start}

@media (max-width:1100px){.a11-prof{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){
  .a11-sv{align-items:flex-start;padding-left:0;border-left:none}
  .a11-sum,.a11-teamkpi{grid-template-columns:repeat(2,minmax(0,1fr))}
  .a11-emp{max-width:100%;width:100%}
  .a11-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;max-width:100%}.a11-tabs a{white-space:nowrap}
  .a11-nofip{flex-direction:column}
}