/* xk-senator.css — тема сенаторов «советник» (поверх xk-tech.css). Золотой/янтарный акцент. */
:root{--xs-sen:var(--xh-gold-soft)}
.xs-senator{--xs-hero-c1:rgba(241,199,94,.16);--xs-hero-c2:rgba(232,132,30,.14)}
.xs-senator .xs-tech-badge{color:var(--xs-sen);background:radial-gradient(circle at 50% 40%, rgba(241,199,94,.2), rgba(6,10,20,.6) 70%);border-color:rgba(241,199,94,.4)}
.xs-senator .xs-sec-title{border-left-color:var(--xs-sen)}
.xs-senator .xs-tag--fleet{color:#ffe8a8;background:rgba(241,199,94,.16);border-color:rgba(241,199,94,.42)}
.xs-senator .xs-tag--tier{color:var(--xh-peach);background:rgba(232,132,30,.16);border-color:rgba(232,132,30,.4)}
.xs-senator .xs-nav a.is-active{color:var(--xs-sen);border-left-color:var(--xs-sen);background:rgba(241,199,94,.08)}
.xs-senator .xs-effect-val b{color:var(--xs-sen)}
.xs-senator .xs-tbl td:first-child{color:var(--xs-sen)}
.xs-senator .xs-note a,.xs-senator .xs-sec-lead a{color:var(--xs-sen)}
.xs-senator .xs-req-lvl{color:#ffe8a8;background:rgba(241,199,94,.14);border-color:rgba(241,199,94,.32)}

/* Шапка сенатора — крупный портрет справа, скруглённый, в цвет категории (owner 8891/8969, #19) */
.xs-tech-head--sn{align-items:center;gap:24px}
.xs-tech-head--sn .xs-hero-body{flex:1 1 auto;min-width:0;order:1}
.xs-sn-portrait{order:2;flex:0 0 auto;width:250px;margin-right:0;border-radius:18px;overflow:hidden; /* ширина = правому меню (.xs-sidebar 250px), выровнен под ним (owner 9005) */
   border:1px solid color-mix(in srgb,var(--_c,var(--xs-sen)) 48%,var(--xh-border));
   background:radial-gradient(circle at 50% 28%,color-mix(in srgb,var(--_c,var(--xs-sen)) 22%,transparent),var(--xh-bg-deep) 72%);
   box-shadow:0 16px 42px -14px color-mix(in srgb,var(--_c,var(--xs-sen)) 55%,transparent)}
.xs-sn-portrait img{width:100%;height:auto;display:block;object-fit:cover}
@media(max-width:640px){.xs-tech-head--sn{gap:15px}.xs-sn-portrait{width:112px;margin-right:0;border-radius:13px}}

/* Достижения: итоговая награда + график */
.xs-ach-totals{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}
.xs-ach-total{display:flex;align-items:center;gap:9px;background:var(--xh-bg-deep);border:1px solid rgba(241,199,94,.28);border-radius:var(--xh-radius-md);padding:11px 15px}
.xs-ach-total img{width:26px;height:26px;object-fit:contain}
.xs-ach-total-v{font-size:18px;font-weight:800;color:var(--xh-text);font-variant-numeric:tabular-nums}
.xs-ach-total-k{font-size:12.5px;color:var(--xh-text-soft)}
.xs-ach-chart{display:flex;align-items:flex-end;gap:4px;height:180px;padding:10px 4px 0;border-bottom:1px solid var(--xh-border);overflow-x:auto;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--_c,var(--xh-orange)) 55%,transparent) transparent;cursor:grab;touch-action:pan-x;user-select:none;-webkit-user-select:none;overscroll-behavior-x:contain}
.xs-ach-chart:active{cursor:grabbing}
.xs-ach-chart::-webkit-scrollbar{height:6px}
.xs-ach-chart::-webkit-scrollbar-track{background:transparent}
.xs-ach-chart::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--_c,var(--xh-orange)) 50%,transparent);border-radius:6px}
.xs-ach-bar{flex:1 0 30px;min-width:30px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:5px}
.xs-ach-bar-fill{width:60%;min-height:3px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,var(--xh-gold-soft),var(--xh-burnt));transition:height .12s ease}
.xs-ach-bar-l{font-size:11px;color:var(--xh-text-soft);font-variant-numeric:tabular-nums}

/* O3 2026-06-09: интерактивный график достижений (tap показывает требование) */
.xs-ach-chart .xs-ach-bar{appearance:none;-webkit-appearance:none;background:none;border:0;padding:0;margin:0;font:inherit;cursor:pointer}
.xs-ach-bar.is-active .xs-ach-bar-fill{outline:2px solid var(--xh-gold-muted);outline-offset:1px;box-shadow:0 0 12px rgba(216,177,58,.5)}
.xs-ach-bar.is-active .xs-ach-bar-l{color:var(--xh-gold-muted);font-weight:700}
.xs-ach-readout{margin:12px 0 0;padding:10px 14px;border-radius:10px;border:1px solid var(--xh-border);background:var(--xh-bg-deep);color:var(--xh-text-secondary);font-size:13.5px}
.xs-ach-readout.is-filled{color:var(--xh-white);border-color:rgba(216,177,58,.4)}

.xs-subh{font-family:var(--xh-font-heading);font-size:15px;font-weight:700;color:var(--xh-text);margin:22px 0 10px}
.xs-ach-bar.is-active .xs-ach-bar-fill{background:var(--_c,var(--xh-orange))}