/* KalinkaCore: общий стиль разделов Kalinka (цвета как у бывшей /economy; тёмная тема — body.dark) */
.kg{--kg-ink:#0b0b0b;--kg-ink2:#52514e;--kg-muted:#6f6e69;--kg-line:#e1e0d9;--kg-tile:#f6f6f3;--kg-accent:#2a78d6;--kg-track:#e8e7e1;--kg-ok:#1baf7a;--kg-bad:#d03b3b;--kg-warn:#eda100;color:var(--kg-ink)}
body.dark .kg{--kg-ink:#ffffff;--kg-ink2:#c3c2b7;--kg-muted:#a3a29b;--kg-line:#2c2c2a;--kg-tile:rgba(255,255,255,.05);--kg-accent:#3987e5;--kg-track:#383835;--kg-ok:#199e70;--kg-bad:#e05a5a;--kg-warn:#c98500}
.kg [hidden]{display:none!important}
.kg .kg-h3{font-size:1.3em;font-weight:700;margin:0;color:var(--kg-ink)}
.kg-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:2em 0 .8em}
.kg-muted{color:var(--kg-muted)}
.kg-small{font-size:.88em}
.kg-note{margin-top:1.2em}
.kg-box{background:var(--kg-tile);border-left:4px solid var(--kg-accent);border-radius:6px;padding:10px 14px;margin:0 0 1em}
.kg-warn{border-left-color:var(--kg-warn)}
.kg-ok{border-left-color:var(--kg-ok)}
.kg-chip{background:var(--kg-tile);border-radius:999px;padding:3px 12px;color:var(--kg-ink2);font-size:.9em;white-space:nowrap}
.kg-top{display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;margin-bottom:1.2em}
.kg-tabs{display:flex;flex-wrap:wrap;gap:4px;background:var(--kg-tile);border-radius:8px;padding:4px}
.kg-tab{padding:6px 14px;border-radius:6px;color:var(--kg-ink2)!important;white-space:nowrap}
.kg-tab:hover{background:var(--kg-track)}
.kg-tab-on{background:var(--kg-accent);color:#fff!important}
.kg-tab-on:hover{background:var(--kg-accent)}
/* баланс в шапке и панель перевода */
.kg.kg-hb{position:relative;display:flex;align-items:center;margin:0 0 0 .6em;font-size:14px;line-height:1.4}
.kg-hb-btn{font:inherit;font-weight:700;display:inline-flex;align-items:center;cursor:pointer;background:var(--kg-tile);border:1px solid var(--kg-line);border-radius:999px;padding:5px 12px;color:var(--kg-ink);white-space:nowrap;font-variant-numeric:tabular-nums}
.kg-hb-btn:hover,.kg-hb-btn[aria-expanded=true]{border-color:var(--kg-accent)}
.kg-hb-btn .kg-cur{height:1em;vertical-align:0}
.kg-hb-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:1001;width:310px;background:#fff;border:1px solid var(--kg-line);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.18);padding:12px 14px;text-align:left;font-weight:400}
body.dark .kg-hb-panel{background:#1b1c1d}
.kg-hb-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:10px}
.kg-hb .kg-field{margin-bottom:10px}
.kg-hb .kg-box{margin-bottom:10px}
.kg-hb-foot{margin-top:10px}
@media (max-width:600px){.kg-hb-panel{position:fixed;left:8px;right:8px;top:60px;width:auto}}
.kg-money{white-space:nowrap;font-variant-numeric:tabular-nums}
.kg-cur{height:.9em;width:auto;margin-left:.12em;vertical-align:-.05em;image-rendering:pixelated}
.kg-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:12px}
.kg-input{font:inherit;color:var(--kg-ink);background:transparent;border:1px solid var(--kg-line);border-radius:6px;padding:7px 10px;min-width:0;max-width:100%}
.kg-input:focus{outline:2px solid var(--kg-accent);outline-offset:-1px}
.kg-tools .kg-input[type=search]{flex:1 1 220px}
.kg-select{flex:0 0 auto}
body.dark .kg-select option{background:#1b1c1d}
.kg-list{display:flex;flex-direction:column;gap:8px}
.kg-order{display:grid;grid-template-columns:auto minmax(140px,2fr) minmax(110px,1.3fr) minmax(120px,1.3fr) minmax(80px,auto);align-items:center;gap:8px 16px;background:var(--kg-tile);border-radius:8px;padding:10px 14px}
.kg-order:has(.kg-order-act){grid-template-columns:auto minmax(140px,2fr) minmax(110px,1.3fr) minmax(120px,1.3fr) minmax(80px,auto) auto}
.kg-order-name{font-weight:700}
.kg-ench{color:#a35bd6;font-size:.88em}
body.dark .kg-ench{color:#c77dff}
.kg-price{font-weight:700;font-size:1.1em}
.kg-order-time{color:var(--kg-ink2);white-space:nowrap}
.kg-order-act{text-align:right}
.kg-meter{height:10px;border-radius:5px;background:var(--kg-track);overflow:hidden;margin-bottom:3px}
.kg-meter-fill{height:100%;background:var(--kg-accent);border-radius:5px}
.kg-slot{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:#8b8b8b;border:2px solid;border-color:#373737 #fff #fff #373737;flex:none}
.kg-slot img{width:32px;height:32px;image-rendering:pixelated;object-fit:cover;object-position:top}
.kg-slot-s{width:30px;height:30px;border-width:2px;vertical-align:middle}
.kg-slot-s img{width:22px;height:22px}
.kg-table-wrap{overflow-x:auto}
.kg-table{width:100%;border-collapse:collapse}
.kg-table th{text-align:left;color:var(--kg-ink2);font-weight:600;padding:6px 8px;border-bottom:1px solid var(--kg-line)}
.kg-table td{padding:6px 8px;border-bottom:1px solid var(--kg-line);font-variant-numeric:tabular-nums}
.kg-table .kg-num{text-align:right;white-space:nowrap}
.kg-form{max-width:760px}
.kg-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;min-width:0}
.kg-label{font-weight:600;color:var(--kg-ink2)}
.kg-row2{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 16px}
.kg-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;max-height:300px;overflow-y:auto;padding:2px}
.kg-pick{display:flex;align-items:center;gap:8px;font:inherit;font-size:.9em;text-align:left;color:var(--kg-ink);background:var(--kg-tile);border:2px solid transparent;border-radius:6px;padding:4px 6px;cursor:pointer;min-width:0}
.kg-pick span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kg-pick:hover{border-color:var(--kg-line)}
.kg-pick.kg-picked{border-color:var(--kg-accent)}
.kg-preview{background:var(--kg-tile);border-radius:8px;padding:10px 14px;margin:0 0 10px;display:flex;flex-direction:column;gap:3px}
.kg-warn-text{color:var(--kg-bad)}
.kg-confirm{background:var(--kg-tile);border-left:4px solid var(--kg-warn);border-radius:6px;padding:10px 14px;margin:0 0 12px}
.kg-confirm-btns{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px}
.kg-confirm-btns .ui.button{margin:0}
.kg-order-confirm,.kg-order-status{grid-column:1/-1;margin:0}
.kg-status{margin-top:10px;font-weight:600}
.kg-status.kg-s-wait{color:var(--kg-ink2)}
.kg-status.kg-s-done{color:var(--kg-ok)}
.kg-status.kg-s-fail{color:var(--kg-bad)}
.kg-actions{list-style:none;padding:0;margin:0}
.kg-action{padding:6px 0;border-bottom:1px solid var(--kg-line);display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.kg-badge{font-size:.8em;border-radius:999px;padding:1px 9px;background:var(--kg-track);color:var(--kg-ink2);white-space:nowrap}
.kg-badge-done{background:var(--kg-ok);color:#fff}
.kg-badge-failed,.kg-badge-expired{background:var(--kg-bad);color:#fff}
.kg-err{color:var(--kg-bad);flex-basis:100%}
.kg-err:empty{display:none}
/* магазины */
.kg-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.kg-card{display:flex;flex-direction:column;gap:6px;background:var(--kg-tile);border:2px solid transparent;border-radius:8px;padding:12px 14px;color:var(--kg-ink)!important}
.kg-card:hover,.kg-card:focus{border-color:var(--kg-accent)}
.kg-card-top{display:flex;gap:10px;align-items:flex-start}
.kg-card-title{flex:1;min-width:0}
.kg-card-foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 10px;color:var(--kg-ink2);margin-top:auto}
.kg-badge-sell{background:var(--kg-ok);color:#fff}
.kg-badge-buy{background:var(--kg-accent);color:#fff}
.kg-check{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;cursor:pointer}
.kg-item-head{display:flex;align-items:center;gap:12px;margin:0}
.kg-item-head .kg-item-title{font-size:1.6em;font-weight:700;line-height:1.2;margin:0;color:var(--kg-ink)}
h2.ui.header:has(+ .ui.grid .kg-item-head){display:none}
.kg-shop{display:grid;grid-template-columns:minmax(120px,1.1fr) minmax(120px,1fr) minmax(100px,.8fr) minmax(220px,2fr);gap:6px 16px;align-items:center;background:var(--kg-tile);border-radius:8px;padding:10px 14px}
.kg-shop-empty{opacity:.65}
.kg-shop-where>div{margin:2px 0}
.kg-copy{font:inherit;font-size:.85em;cursor:pointer;background:transparent;border:1px solid var(--kg-line);border-radius:4px;padding:0 6px;color:var(--kg-accent);margin-left:4px}
.kg-copy.kg-copied{color:var(--kg-ok);border-color:var(--kg-ok)}
.kg code{background:var(--kg-track);border-radius:3px;padding:0 4px}
@media (max-width:720px){
.kg-shop{grid-template-columns:1fr 1fr}
.kg-shop-where{grid-column:1/-1}
.kg-order,.kg-order:has(.kg-order-act){grid-template-columns:auto 1fr;gap:6px 12px}
.kg-order-progress,.kg-order-price,.kg-order-time,.kg-order-act{grid-column:2}
.kg-order-act{text-align:left}
}
/* поиск предмета в шапке */
/* .ui.container шапки фиксированной ширины (1127 px) — с полем и балансом пункты сжимались и аватар наезжал на ник */
#navbar .right.menu,#navbar .right.menu>*{flex-shrink:0}
@media (min-width:1280px){
#navbar>.ui.container{width:auto!important;max-width:1440px;margin-left:auto!important;margin-right:auto!important;padding:0 16px}
}
.kg.kg-hs{position:relative;display:flex;align-items:center;margin:0 0 0 .6em;font-size:14px;line-height:1.4}
.kg-hs-form{position:relative;margin:0}
.kg-hs-input{width:190px;padding:5px 10px;border-radius:999px;background:var(--kg-tile)}
.kg-hs-toggle{display:none;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--kg-line);background:var(--kg-tile);color:var(--kg-ink);cursor:pointer;padding:0}
.kg-hs-list{position:absolute;right:0;top:calc(100% + 6px);z-index:1002;width:290px;max-height:360px;overflow-y:auto;list-style:none;margin:0;padding:4px;background:#fff;border:1px solid var(--kg-line);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.18)}
body.dark .kg-hs-list{background:#1b1c1d}
.kg-hs-list li{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:6px;cursor:pointer;color:var(--kg-ink)}
.kg-hs-list li[aria-selected=true],.kg-hs-list li:hover{background:var(--kg-track)}
.kg-hs-list .kg-hs-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kg-hs-list .kg-hs-mat{font-size:.78em;color:var(--kg-muted)}
.kg-hs-list .kg-hs-dot{width:8px;height:8px;border-radius:50%;background:var(--kg-ok);flex:none}
.kg-hs-list .kg-hs-empty{cursor:default;color:var(--kg-muted)}
/* уже 1280 px меню с 7 пунктами не помещается вместе с полем — поиск свёрнут в лупу и раскрывается выпадашкой */
@media (max-width:1279px){
.kg-hs-toggle{display:inline-flex}
.kg-hs-form{display:none;position:absolute;right:0;top:calc(100% + 8px);z-index:1002;width:320px;background:#fff;border:1px solid var(--kg-line);border-radius:8px;padding:8px;box-shadow:0 8px 24px rgba(0,0,0,.18)}
body.dark .kg-hs-form{background:#1b1c1d}
.kg-hs.kg-hs-open .kg-hs-form{display:block}
.kg-hs-input{width:100%}
.kg-hs-list{position:static;width:auto;box-shadow:none;border:0;margin-top:6px;padding:0}
}
@media (max-width:768px){
.kg.kg-hs{position:static}
.kg-hs-form{position:fixed;left:8px;right:8px;top:60px;width:auto}
}
/* страница предмета */
.kg-item-none{margin:1.2em 0 .6em}
.kg-item-act{margin-top:10px}
.kg-shop-mine-empty{outline:2px solid var(--kg-warn);outline-offset:-2px}
.kg-sold{color:var(--kg-ink2)}

.kg-shop-item{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:2px}
a.kg-order-name{color:var(--kg-ink)!important;display:block}
a.kg-order-name:hover{color:var(--kg-accent)!important}
/* телефон: в шапке аватар, кнопки, лупа и баланс — ужимаем отступы, чтобы баланс помещался целиком */
@media (max-width:480px){
.kg.kg-hs,.kg.kg-hb{margin-left:4px}
.kg-hs-toggle{width:30px;height:30px}
.kg-hb-btn{padding:4px 8px}
}