:root {
    --bg-top: #123a5e;
    --bg-bottom: #0a2338;
    --panel: rgba(255, 255, 255, .06);
    --panel-border: rgba(255, 255, 255, .12);
    --blue1: #2b8fff;
    --blue2: #0d5fc4;
    --green: #1fa855;
    --radius: 16px;
    --tap: 54px;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* ---- Экран входа ---- */
.login-gate {
    position: fixed;
    inset: 0;
    z-index: 100000;
    background: linear-gradient(180deg, #123a5e, #0a2338);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.login-gate.hidden { display: none; }
.login-session-status {
    display: none;
    color: rgba(255, 255, 255, .86);
    font-size: 14px;
    text-align: center;
    line-height: 1.45;
    padding: 8px 4px 2px;
}
.login-gate.checking .login-session-status { display: block; }
.login-gate.checking .login-intro,
.login-gate.checking .login-input,
.login-gate.checking .login-err,
.login-gate.checking .login-remember,
.login-gate.checking .login-btn { display: none; }

.login-card {
    width: 100%;
    max-width: 340px;
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 16px;
    padding: 28px 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .5);
}
.login-title {
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    margin-bottom: 4px;
}
.login-input {
    width: 100%;
    min-height: 48px;
    padding: 12px 14px;
    border-radius: 12px;
    border: 1.5px solid rgba(255, 255, 255, .25);
    background: rgba(255, 255, 255, .06);
    color: #fff;
    font-size: 16px;
    font-family: inherit;
    outline: none;
}
.login-input::placeholder { color: rgba(255, 255, 255, .5); }
.login-input:focus { border-color: #1fa855; }
.login-err {
    display: none;
    color: #ff8a8a;
    font-size: 14px;
    text-align: center;
}
.login-remember {
    display: flex;
    align-items: center;
    gap: 8px;
    color: rgba(255, 255, 255, .8);
    font-size: 13px;
    cursor: pointer;
    user-select: none;
}
.login-remember input {
    width: 16px;
    height: 16px;
    accent-color: #2b8fff;
    cursor: pointer;
}
.login-btn {
    min-height: 48px;
    border: none;
    border-radius: 12px;
    background: linear-gradient(135deg, #2b8fff, #0d5fc4);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    font-family: inherit;
    cursor: pointer;
    transition: filter .16s ease;
}
.login-btn:hover { filter: brightness(1.08); }

/* ---- Верхняя обёртка (баннер + боковые кнопки) ---- */
.top-wrap {
    position: relative;
    width: 100%;
}

/* ---- Боковые кнопки-ресурсы ---- */
.side-links {
    position: absolute;
    top: 100%;
    left: 12px;
    margin-top: 8px;
    z-index: 60;
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: min(428px, calc((100vw - 560px) / 2 - 28px));
    max-width: calc(100vw - 24px);
}
.sl-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 24px;
    padding: 6px 14px;
    border-radius: 8px;
    background: rgba(18, 58, 94, .9);
    border: 1px solid rgba(255, 255, 255, .2);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
    cursor: pointer;
    transition: background .16s ease, transform .12s ease;
}
.sl-btn:hover {
    background: #2a6697;
    transform: translateX(2px);
}
.sl-btn:active { transform: translateX(0); }
.sl-empty {
    cursor: default;
}
.sl-empty:hover {
    background: #2a557f;
    transform: none;
}

@media (max-width: 1200px) {
    .side-links {
        position: static;
        margin: 12px auto 0;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        width: min(640px, calc(100% - 24px));
        max-width: none;
    }
    .side-links .sl-btn {
        flex: 1 1 220px;
        width: auto;
    }
    .tools-side {
        position: static;
        right: auto;
        margin: 10px auto 0;
        width: min(640px, calc(100% - 24px));
        max-width: none;
    }
    .tools-body {
        flex-direction: row;
        flex-wrap: wrap;
    }
    .tools-body .search-wrap { flex: 1 1 100%; }
    .tools-body .tool-btn { flex: 1 1 220px; width: auto; }
}

@media (max-width: 640px) {
    .side-links {
        width: calc(100% - 24px);
        flex-direction: column;
        flex-wrap: nowrap;
    }
    .side-links .sl-btn {
        width: 100%;
        flex: none;
    }
    .tools-side {
        width: calc(100% - 24px);
    }
    .tools-body {
        flex-direction: column;
        flex-wrap: nowrap;
    }
    .tools-body .search-wrap,
    .tools-body .tool-btn {
        width: 100%;
        flex: none;
    }
}

body {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    background:
        linear-gradient(rgba(9, 28, 48, 0.5), rgba(7, 22, 40, 0.6)),
        url("https://res.cloudinary.com/xhaa2qxp/image/upload/v1783586296/ChatGPT_Image_8_%D0%B8%D1%8E%D0%BB._2026_%D0%B3._21_28_15_jizku3.png") center center / cover no-repeat fixed;
    background-color: #0a2338;
    color: #fff;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 0 40px;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}

.logo {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 22px;
    cursor: pointer;
}

.wizard {
    width: 100%;
    max-width: 560px;
    padding: 0 16px;
}

.flag {
    display: inline-block;
    width: 24px;
    height: 24px;
    overflow: hidden;
    vertical-align: -7px;
    margin-right: 7px;
    line-height: 0;
    flex-shrink: 0;
    background: transparent;
}
.flag img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.flag.flag-emoji {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    font-size: 22px;
    overflow: visible;
}
.flag-mx,
.flag-uz,
.flag-tj,
.flag-az,
.flag-kr {
    display: inline-flex;
    width: 26px;
    height: 21px;
    align-items: center;
    justify-content: center;
    overflow: visible;
    vertical-align: -7px;
    margin-right: 7px;
    background: transparent;
    flex-shrink: 0;
}
.flag-mx img,
.flag-uz img,
.flag-tj img,
.flag-az img,
.flag-kr img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    border-radius: 0;
    box-shadow: none;
    clip-path: none !important;
}
.flag-tj {
    width: 26px;
    height: 21px;
    vertical-align: -7px;
    margin-right: 7px;
}
.flag-az,
.flag-kr {
    width: 29px;
    height: 23px;
    vertical-align: -8px;
}
.flag-az img,
.flag-kr img {
    transform: scale(1.04);
    transform-origin: center center;
}
.flag-tj img {
    transform: scale(1.30);
    transform-origin: center center;
}


.flag-ru img {
    clip-path: polygon(
        1% 16%, 8% 19%, 16% 21.5%, 25% 22.5%, 34% 21.5%,
        43% 19%, 52% 16%, 62% 13.5%, 72% 12%, 82% 11.5%,
        91% 12.8%, 99% 16%,
        99% 84%, 91% 81%, 82% 79.2%, 72% 78.8%, 62% 80.5%,
        52% 83.5%, 43% 86%, 34% 88%, 25% 88.6%, 16% 87.4%,
        8% 85%, 1% 82%
    );
}

.crumbs {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 6px;
    justify-content: center;
    width: 100%;
    padding: 0 16px;
    min-height: 26px;
    margin-bottom: 20px;
    font-size: 13px;
}
@media (max-width: 640px) {
    .crumbs { flex-wrap: wrap; }
}
.crumb {
    background: rgba(255, 255, 255, .1);
    padding: 4px 11px;
    border-radius: 20px;
    font-weight: 600;
    border: none;
    color: #fff;
    font-family: inherit;
    font-size: inherit;
    line-height: normal;
    cursor: pointer;
    white-space: nowrap;
    flex-shrink: 0;
    transition: background .16s ease;
}
.crumb:hover {
    background: rgba(255, 255, 255, .22);
}
.crumb:focus-visible {
    outline: 2px solid var(--green);
    outline-offset: 2px;
}
.crumb.muted {
    background: transparent;
    opacity: .6;
    font-weight: 500;
}
.sep {
    opacity: .5;
    flex-shrink: 0;
}

.step-title {
    font-size: clamp(20px, 4.5vw, 26px);
    font-weight: 700;
    text-align: center;
    margin-bottom: 24px;
}
.btn-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 14px;
}

.choice {
    min-height: var(--tap);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 16px 18px;
    font-size: clamp(15px, 3vw, 18px);
    font-weight: 700;
    color: #fff;
    background: linear-gradient(135deg, var(--blue1), var(--blue2));
    border: none;
    border-radius: 14px;
    cursor: pointer;
    box-shadow: 0 6px 18px rgba(13, 95, 196, .4);
    transition: transform .16s ease, box-shadow .16s ease;
}
.choice:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 26px rgba(31, 168, 85, .5);
}
.choice:active {
    transform: translateY(0);
}
.choice:focus-visible {
    outline: 3px solid var(--green);
    outline-offset: 3px;
}

.choice.post-grad-1 {
    color: #17486b;
    background: linear-gradient(135deg, #ffffff 0%, #eef8ff 35%, #8bc9ee 68%, #4d9fd0 100%);
    text-shadow: 0 1px 0 rgba(255, 255, 255, .75);
    box-shadow: 0 6px 18px rgba(77, 159, 208, .28);
}
.choice.post-grad-1:hover { box-shadow: 0 10px 26px rgba(77, 159, 208, .42); }
.choice.post-grad-2 {
    color: #245b4b;
    background: linear-gradient(135deg, #ffffff 0%, #f0fbf6 35%, #9edcc2 68%, #65b693 100%);
    text-shadow: 0 1px 0 rgba(255, 255, 255, .75);
    box-shadow: 0 6px 18px rgba(101, 182, 147, .27);
}
.choice.post-grad-2:hover { box-shadow: 0 10px 26px rgba(101, 182, 147, .4); }
.choice.post-grad-3 {
    color: #514477;
    background: linear-gradient(135deg, #ffffff 0%, #f6f2ff 35%, #c6b4ea 68%, #9580c9 100%);
    text-shadow: 0 1px 0 rgba(255, 255, 255, .75);
    box-shadow: 0 6px 18px rgba(149, 128, 201, .27);
}
.choice.post-grad-3:hover { box-shadow: 0 10px 26px rgba(149, 128, 201, .4); }
.choice.post-grad-4 {
    color: #6d552a;
    background: linear-gradient(135deg, #ffffff 0%, #fff9eb 35%, #edd39a 68%, #c8a65e 100%);
    text-shadow: 0 1px 0 rgba(255, 255, 255, .78);
    box-shadow: 0 6px 18px rgba(200, 166, 94, .27);
}
.choice.post-grad-4:hover { box-shadow: 0 10px 26px rgba(200, 166, 94, .4); }
.choice.post-grad-5 {
    color: #75463e;
    background: linear-gradient(135deg, #ffffff 0%, #fff3f0 35%, #e8b0a5 68%, #c77d70 100%);
    text-shadow: 0 1px 0 rgba(255, 255, 255, .75);
    box-shadow: 0 6px 18px rgba(199, 125, 112, .27);
}
.choice.post-grad-5:hover { box-shadow: 0 10px 26px rgba(199, 125, 112, .4); }

.choice.primary-client {
    color: #18483c !important;
    background: linear-gradient(135deg,
        #ffffff 0%,
        #eefcf6 24%,
        #c8f1df 52%,
        #8fd8b2 76%,
        #62bd91 100%) !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .78);
    box-shadow: 0 6px 18px rgba(98, 189, 145, .32) !important;
}
.choice.primary-client:hover {
    box-shadow: 0 10px 26px rgba(98, 189, 145, .48) !important;
}
.choice.repeat-client {
    color: #ffffff;
    background: linear-gradient(135deg, #79c5ff 0%, #2b8fff 42%, #0d5fc4 72%, #083f89 100%) !important;
    text-shadow: 0 1px 2px rgba(0, 35, 80, .55);
    box-shadow: 0 6px 18px rgba(13, 95, 196, .38);
}
.choice.repeat-client:hover {
    box-shadow: 0 10px 26px rgba(43, 143, 255, .52);
}
.choice.bet-platform {
    color: #ffffff;
    background: linear-gradient(135deg, #dff3ff 0%, #69baff 25%, #237ed8 58%, #0d4f9f 82%, #082f67 100%) !important;
    text-shadow: 0 1px 2px rgba(0, 34, 78, .62);
    box-shadow: 0 6px 18px rgba(13, 95, 196, .4);
}
.choice.bet-platform:hover {
    box-shadow: 0 10px 26px rgba(35, 126, 216, .58);
}
.choice.casino-platform {
    color: #ffffff;
    background: linear-gradient(135deg, #8c7cff 0%, #5b48db 38%, #3a2bb8 68%, #241982 100%) !important;
    text-shadow: 0 1px 2px rgba(20, 10, 70, .55);
    box-shadow: 0 6px 18px rgba(36, 25, 130, .42);
}
.choice.casino-platform:hover {
    box-shadow: 0 10px 26px rgba(91, 72, 219, .58);
}
.choice.vip-btn {
    color: #ffffff;
    background: linear-gradient(135deg, #ffd2b8 0%, #f47a3f 27%, #d84618 58%, #a72b0d 82%, #731b08 100%) !important;
    text-shadow: 0 1px 2px rgba(82, 16, 0, .62);
    box-shadow: 0 6px 18px rgba(208, 60, 22, .42);
}
.choice.vip-btn:hover {
    box-shadow: 0 10px 26px rgba(244, 122, 63, .58);
}


.choice.deal-day-btn {
    color: #ffffff !important;
    background: linear-gradient(135deg, #a8b0b8 0%, #7f8993 38%, #59636d 70%, #3d454d 100%) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .55);
    box-shadow: 0 6px 18px rgba(50, 58, 66, .38) !important;
}
.choice.deal-day-btn:hover {
    box-shadow: 0 10px 26px rgba(78, 88, 98, .55) !important;
}
.tree-leaf.deal-day-btn {
    color: #fff !important;
    background: linear-gradient(135deg, #8f99a3 0%, #606b75 58%, #414950 100%) !important;
    border-color: rgba(255,255,255,.32) !important;
    font-weight: 800;
}
.day-mode .tree-leaf.deal-day-btn {
    color: #fff !important;
    background: linear-gradient(135deg, #929ca6 0%, #66717b 58%, #454d55 100%) !important;
    border-color: #5f6972 !important;
}



/* Friday и Охота */
.choice.friday-btn {
    color:#fff !important;
    background:linear-gradient(135deg,#24113f 0%,#6f238c 34%,#cf2f87 66%,#29a36a 100%) !important;
    text-shadow:0 1px 2px rgba(18,35,64,.78);
    box-shadow:0 6px 18px rgba(118,38,132,.44) !important;
}
.choice.friday-btn:hover{box-shadow:0 10px 28px rgba(207,47,135,.56) !important}
.tree-leaf.friday-btn{color:#fff !important;background:linear-gradient(135deg,#321750 0%,#7b267f 36%,#c93d86 68%,#2fa86f 100%) !important;border-color:rgba(255,255,255,.34) !important;font-weight:800}
/* Счастливчик — спортивная акция */
.choice.lucky-btn {
    background: linear-gradient(135deg, #0f6b3d 0%, #23a55a 42%, #f0c84b 76%, #ffe68a 100%) !important;
    color: #fff !important;
    border-color: rgba(255,255,255,.42) !important;
    font-weight: 800;
    text-shadow: 0 1px 2px rgba(0,0,0,.28);
}
.tree-leaf.lucky-btn {
    color:#fff !important;
    background:linear-gradient(135deg,#0f6b3d 0%,#23a55a 48%,#d8ae2f 82%,#ffe68a 100%) !important;
    border-color:rgba(255,255,255,.38) !important;
    font-weight:800;
}

.choice.hunt-btn {
    color:#2f3439 !important;
    background:linear-gradient(135deg,#4d5359 0%,#858c93 34%,#d7bd45 66%,#ffe36b 100%) !important;
    text-shadow:0 1px 0 rgba(255,255,255,.58);
    box-shadow:0 6px 18px rgba(116,108,55,.42) !important;
}
.choice.hunt-btn:hover{box-shadow:0 10px 28px rgba(214,189,69,.58) !important}
.tree-leaf.hunt-btn{color:#2f3439 !important;background:linear-gradient(135deg,#62686e 0%,#9ca2a8 48%,#e1c94f 76%,#ffe36b 100%) !important;border-color:rgba(255,255,255,.42) !important;font-weight:800;text-shadow:0 1px 0 rgba(255,255,255,.48)}


/* Chick — сине-оранжевый градиент */
.choice.chick-btn {
    color:#fff !important;
    background:linear-gradient(135deg,#0b3d91 0%,#1769c2 38%,#f28c28 70%,#ffb347 100%) !important;
    text-shadow:0 1px 2px rgba(12,38,78,.72);
    box-shadow:0 6px 18px rgba(23,105,194,.4) !important;
}
.choice.chick-btn:hover{box-shadow:0 10px 28px rgba(242,140,40,.56) !important}
.tree-leaf.chick-btn{
    color:#fff !important;
    background:linear-gradient(135deg,#124b9a 0%,#2577c9 48%,#ef8b2c 78%,#ffb85a 100%) !important;
    border-color:rgba(255,255,255,.34) !important;
    font-weight:800;
}



/* Среда — индиго, лайм и графит */
.choice.multiply2-btn {
    color:#fff !important;
    background:linear-gradient(135deg,#18212f 0%,#3949ab 36%,#8bc34a 70%,#d4ff62 100%) !important;
    text-shadow:0 1px 2px rgba(10,18,30,.72);
    box-shadow:0 6px 18px rgba(73,84,170,.42) !important;
}
.choice.multiply2-btn:hover{box-shadow:0 10px 28px rgba(139,195,74,.56) !important}
.tree-leaf.multiply2-btn{
    color:#fff !important;
    background:linear-gradient(135deg,#202a38 0%,#4655b8 42%,#79b83f 74%,#c8f25a 100%) !important;
    border-color:rgba(255,255,255,.36) !important;
    font-weight:800;
}

/* Кнопки FS за ТГ, Летние FS, Буст, Обыграй и 200% в ветке казино */
.choice.fs-btn {
    color: #fff !important;
    background: linear-gradient(135deg, #1b5e20 0%, #2e9d49 42%, #66d17a 72%, #d8f6df 100%) !important;
    text-shadow: 0 1px 2px rgba(0, 55, 18, .7);
    box-shadow: 0 6px 18px rgba(46, 157, 73, .38) !important;
}
.choice.fs-btn:hover { box-shadow: 0 10px 28px rgba(102, 209, 122, .52) !important; }
.tree-leaf.fs-btn {
    color: #fff !important;
    background: linear-gradient(135deg, #246d34 0%, #3cab57 58%, #83d993 100%) !important;
    border-color: rgba(255,255,255,.34) !important;
    font-weight: 800;
}
.choice.summer-fs-btn {
    color: #fff !important;
    background: linear-gradient(135deg, #0b4f6c 0%, #168aad 34%, #52b788 66%, #ffd166 100%) !important;
    text-shadow: 0 1px 2px rgba(0, 42, 62, .72);
    box-shadow: 0 6px 18px rgba(22, 138, 173, .4) !important;
}
.choice.summer-fs-btn:hover { box-shadow: 0 10px 28px rgba(82, 183, 136, .56) !important; }
.tree-leaf.summer-fs-btn {
    color: #fff !important;
    background: linear-gradient(135deg, #126782 0%, #2498b5 48%, #62bd91 76%, #e0b94d 100%) !important;
    border-color: rgba(255,255,255,.34) !important;
    font-weight: 800;
}

.choice.boost-btn {
    color: #fff !important;
    background: linear-gradient(135deg, #5a189a 0%, #8f2fc5 40%, #e04f9f 72%, #ffb35c 100%) !important;
    text-shadow: 0 1px 2px rgba(55, 5, 78, .72);
    box-shadow: 0 6px 18px rgba(143, 47, 197, .4) !important;
}
.choice.boost-btn:hover { box-shadow: 0 10px 28px rgba(224, 79, 159, .55) !important; }
.tree-leaf.boost-btn {
    color: #fff !important;
    background: linear-gradient(135deg, #6f219e 0%, #b13fba 56%, #ef7f64 100%) !important;
    border-color: rgba(255,255,255,.34) !important;
    font-weight: 800;
}
.choice.obygrai-btn {
    color: #fff !important;
    background: linear-gradient(135deg, #103f68 0%, #176da3 38%, #25a7b8 70%, #f2c14e 100%) !important;
    text-shadow: 0 1px 2px rgba(0, 35, 62, .75);
    box-shadow: 0 6px 18px rgba(23, 109, 163, .4) !important;
}
.choice.obygrai-btn:hover { box-shadow: 0 10px 28px rgba(37, 167, 184, .55) !important; }
.tree-leaf.obygrai-btn {
    color: #fff !important;
    background: linear-gradient(135deg, #15547d 0%, #2389aa 58%, #d3a936 100%) !important;
    border-color: rgba(255,255,255,.34) !important;
    font-weight: 800;
}
.choice.percent200-btn {
    color: #fff !important;
    background: linear-gradient(135deg, #7a1f2b 0%, #c53b47 38%, #f07b3f 70%, #ffd166 100%) !important;
    text-shadow: 0 1px 2px rgba(70, 12, 20, .72);
    box-shadow: 0 6px 18px rgba(197, 59, 71, .42) !important;
}
.choice.percent200-btn:hover { box-shadow: 0 10px 28px rgba(240, 123, 63, .58) !important; }
.tree-node.percent200-btn, .tree-leaf.percent200-btn {
    color: #fff !important;
    background: linear-gradient(135deg, #8f2734 0%, #d34b4f 55%, #efa64d 100%) !important;
    border-color: rgba(255,255,255,.34) !important;
    font-weight: 800;
}
.choice.touch200-1,
.choice.touch200-2,
.choice.touch200-3 {
    color: #fff !important;
    font-weight: 700 !important;
    font-size: clamp(15px, 3vw, 18px) !important;
    letter-spacing: 0;
    text-shadow: 0 1px 2px rgba(0,0,0,.55) !important;
}
.choice.touch200-1 { background: linear-gradient(135deg, #174a7e 0%, #2776b9 52%, #64b5e8 100%) !important; }
.choice.touch200-2 { background: linear-gradient(135deg, #365a2c 0%, #5f963f 52%, #a9cf63 100%) !important; }
.choice.touch200-3 { background: linear-gradient(135deg, #4b2b72 0%, #7b4bb1 52%, #cf82d9 100%) !important; }
.tree-leaf.touch200-1 { color:#fff!important;background:linear-gradient(135deg,#1d568c,#4a9bd0)!important;border-color:rgba(255,255,255,.34)!important; }
.tree-leaf.touch200-2 { color:#fff!important;background:linear-gradient(135deg,#426f35,#83b94f)!important;border-color:rgba(255,255,255,.34)!important; }
.tree-leaf.touch200-3 { color:#fff!important;background:linear-gradient(135deg,#5b3685,#a45fc2)!important;border-color:rgba(255,255,255,.34)!important; }
.day-mode .tree-leaf.fs-btn, .day-mode .tree-leaf.boost-btn, .day-mode .tree-leaf.obygrai-btn,
.day-mode .tree-node.percent200-btn, .day-mode .tree-leaf.percent200-btn,
.day-mode .tree-leaf.touch200-1, .day-mode .tree-leaf.touch200-2, .day-mode .tree-leaf.touch200-3 { color:#fff !important; }

.choice.hyper-btn {
    color: #fff !important;
    background: linear-gradient(135deg, #123b45 0%, #176b72 35%, #1ba49a 68%, #d4b24c 100%) !important;
    text-shadow: 0 1px 2px rgba(0, 35, 38, .72);
    box-shadow: 0 6px 18px rgba(20, 126, 122, .38) !important;
}
.choice.hyper-btn:hover {
    box-shadow: 0 10px 28px rgba(28, 164, 154, .52) !important;
}
.tree-leaf.hyper-btn {
    color: #fff !important;
    background: linear-gradient(135deg, #15515a 0%, #1a8a84 62%, #b79635 100%) !important;
    border-color: rgba(255,255,255,.34) !important;
    font-weight: 800;
}
.day-mode .tree-leaf.hyper-btn {
    color: #fff !important;
    background: linear-gradient(135deg, #17616a 0%, #20978f 62%, #b9993b 100%) !important;
    border-color: #347f7c !important;
}

.choice.esports-btn {
    color: #fff !important;
    background: linear-gradient(135deg, #28155f 0%, #5b2fb3 42%, #b23fc7 72%, #ff7a45 100%) !important;
    text-shadow: 0 1px 2px rgba(24, 8, 62, .72);
    box-shadow: 0 6px 18px rgba(111, 49, 190, .42) !important;
}
.choice.esports-btn:hover {
    box-shadow: 0 10px 28px rgba(178, 63, 199, .58) !important;
}
.tree-leaf.esports-btn {
    color: #fff !important;
    background: linear-gradient(135deg, #45218a 0%, #8a38bd 58%, #e06b48 100%) !important;
    border-color: rgba(255,255,255,.34) !important;
    font-weight: 800;
}
.day-mode .tree-leaf.esports-btn {
    color: #fff !important;
    background: linear-gradient(135deg, #51309b 0%, #963fc2 58%, #df704f 100%) !important;
    border-color: #7440a3 !important;
}

/* Новые бонусы РФ → 1xBet → Повторка */
.choice.express-btn {
    color:#fff !important;
    background:linear-gradient(135deg,#07111f 0%,#123a58 38%,#00a6a6 70%,#62f5d2 100%) !important;
    text-shadow:0 1px 2px rgba(0,18,28,.78);
    box-shadow:0 6px 18px rgba(0,166,166,.34) !important;
}
.choice.express-btn:hover { box-shadow:0 10px 28px rgba(0,210,190,.50) !important; }
.tree-leaf.express-btn { color:#fff!important;background:linear-gradient(135deg,#0b1828 0%,#17506d 48%,#00a89b 78%,#55dec4 100%)!important;border-color:rgba(255,255,255,.34)!important;font-weight:800; }

.choice.cashback-btn {
    color:#fff !important;
    background:linear-gradient(135deg,#3a2307 0%,#76510d 34%,#c58a18 66%,#fff0a6 100%) !important;
    text-shadow:0 1px 2px rgba(45,25,0,.72);
    box-shadow:0 6px 18px rgba(176,118,18,.38) !important;
}
.choice.cashback-btn:hover { box-shadow:0 10px 28px rgba(221,166,46,.52) !important; }
.tree-leaf.cashback-btn { color:#fff!important;background:linear-gradient(135deg,#4a2e08 0%,#8c6312 50%,#d6a037 82%,#f5d980 100%)!important;border-color:rgba(255,255,255,.34)!important;font-weight:800; }

.choice.big-bang-btn {
    color:#fff !important;
    background:linear-gradient(135deg,#130814 0%,#4a1027 30%,#9b1738 58%,#ff5e28 82%,#ffd35a 100%) !important;
    text-shadow:0 1px 2px rgba(42,0,12,.78);
    box-shadow:0 6px 18px rgba(176,34,48,.40) !important;
}
.choice.big-bang-btn:hover { box-shadow:0 10px 28px rgba(255,94,40,.54) !important; }
.tree-leaf.big-bang-btn { color:#fff!important;background:linear-gradient(135deg,#1d0b1b 0%,#5c1330 40%,#b9223f 68%,#f46d2f 88%,#e7bb4d 100%)!important;border-color:rgba(255,255,255,.34)!important;font-weight:800; }

/* Jackpot — отдельный сине-фиолетово-золотой градиент */
.choice.jackpot-btn {
    color:#fff !important;
    background:linear-gradient(135deg,#071a34 0%,#164c8c 34%,#673ab7 68%,#f5c84c 100%) !important;
    text-shadow:0 1px 2px rgba(4,15,35,.82);
    box-shadow:0 6px 18px rgba(72,72,180,.42) !important;
}
.choice.jackpot-btn:hover { box-shadow:0 10px 28px rgba(120,92,210,.58) !important; }
.tree-leaf.jackpot-btn { color:#fff!important;background:linear-gradient(135deg,#0b2445 0%,#205aa1 38%,#7444c5 72%,#dfb93e 100%)!important;border-color:rgba(255,255,255,.34)!important;font-weight:800; }

/* Winning 5 — отдельный зелёно-лаймовый градиент */
.choice.winning5-btn {
    color:#fff !important;
    background:linear-gradient(135deg,#10251a 0%,#17633c 38%,#54a832 70%,#b8d934 100%) !important;
    text-shadow:0 1px 2px rgba(10,35,18,.82);
    box-shadow:0 6px 18px rgba(74,158,48,.40) !important;
}
.choice.winning5-btn:hover { box-shadow:0 10px 28px rgba(126,196,52,.58) !important; }
.tree-leaf.winning5-btn { color:#fff!important;background:linear-gradient(135deg,#153021 0%,#207548 42%,#65b63a 74%,#a8ca31 100%)!important;border-color:rgba(255,255,255,.34)!important;font-weight:800; }
.day-mode .tree-leaf.express-btn,.day-mode .tree-leaf.cashback-btn,.day-mode .tree-leaf.big-bang-btn,.day-mode .tree-leaf.jackpot-btn,.day-mode .tree-leaf.winning5-btn{color:#fff!important;}

/* Кнопка «Не играл» — отдельный тёплый градиент */
.choice.emergency-help {
    color: #ffffff !important;
    background: linear-gradient(135deg, #ff9a6c 0%, #ef5b5b 38%, #c9365b 72%, #762b63 100%) !important;
    border: none !important;
    text-shadow: 0 1px 2px rgba(70, 10, 35, .55);
    box-shadow: 0 6px 18px rgba(201, 54, 91, .38) !important;
}
.choice.emergency-help:hover {
    box-shadow: 0 10px 28px rgba(239, 91, 91, .55) !important;
}
.tree-leaf.emergency-help {
    color: #fff;
    background: linear-gradient(135deg, #ef7765 0%, #cf3d5f 55%, #762b63 100%);
    border-color: rgba(255,255,255,.35);
    font-weight: 800;
}
.day-mode .tree-leaf.emergency-help {
    color: #fff;
    background: linear-gradient(135deg, #ef7765 0%, #cf3d5f 55%, #762b63 100%);
    border-color: #d3192d;
}

.choice.country-ru {
    color: #0a416f;
    background: linear-gradient(135deg,
        #ffffff 0%, #f4faff 28%,
        #45adf0 43%, #088ce8 52%,
        #eaf7ff 70%, #ffffff 100%);
    text-shadow: 0 1px 0 rgba(255, 255, 255, .9);
    box-shadow: 0 6px 18px rgba(8, 140, 232, .34);
}
.choice.country-ru:hover { box-shadow: 0 10px 26px rgba(8, 140, 232, .5); }
.choice.lang-ru {
    color: #0a416f;
    background: linear-gradient(135deg,
        #ffffff 0%, #f4faff 28%,
        #45adf0 43%, #088ce8 52%,
        #eaf7ff 70%, #ffffff 100%);
    text-shadow: 0 1px 0 rgba(255, 255, 255, .9);
    box-shadow: 0 6px 18px rgba(8, 140, 232, .34);
}
.choice.lang-ru:hover { box-shadow: 0 10px 26px rgba(8, 140, 232, .5); }
.choice.sport-bonus {
    color: #f4fff6;
    background: linear-gradient(135deg, #87ad88 0%, #5f8f65 38%, #477650 68%, #31583b 100%) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .38);
    box-shadow: 0 6px 18px rgba(49, 88, 59, .32);
}
.choice.sport-bonus:hover {
    box-shadow: 0 10px 26px rgba(95, 143, 101, .46);
}
.choice.casino-bonus {
    color: #ffffff;
    background: linear-gradient(135deg, #b9a8ff 0%, #8268e8 38%, #5b3fc2 68%, #392184 100%) !important;
    text-shadow: 0 1px 2px rgba(30, 12, 75, .58);
    box-shadow: 0 6px 18px rgba(91, 63, 194, .38);
}
.choice.casino-bonus:hover {
    box-shadow: 0 10px 26px rgba(130, 104, 232, .54);
}

.choice.country-az,.choice.lang-az {
    color:#ffffff;
    background:linear-gradient(135deg,
        #00acd8 0%, #14b5dd 28%,
        #ef3340 46%, #f23846 65%,
        #4aa33a 82%, #2f8425 100%) !important;
    text-shadow:0 2px 4px rgba(0,0,0,.72);
    box-shadow:0 6px 18px rgba(0,172,216,.34), 0 4px 12px rgba(239,51,64,.22);
}
.choice.country-az:hover,.choice.lang-az:hover {
    box-shadow:0 10px 28px rgba(0,172,216,.42), 0 5px 16px rgba(239,51,64,.34), 0 5px 16px rgba(80,158,47,.28)!important;
}

.choice.country-kr {
    color:#17324a !important;
    background:linear-gradient(135deg,
        #ffffff 0%, #ffffff 24%,
        #eef5fa 31%, #1769aa 36%, #eef5fa 41%,
        #ffffff 47%, #ffffff 62%,
        #fff1f2 68%, #cd2e3a 73%, #fff3f4 78%,
        #ffffff 84%, #f7f8f9 91%, #20252c 96%, #ffffff 100%) !important;
    font-family:inherit !important;
    font-weight:800 !important;
    letter-spacing:0 !important;
    line-height:1.15;
    text-shadow:0 1px 0 rgba(255,255,255,.96);
    box-shadow:0 6px 18px rgba(23,105,170,.20), 0 4px 12px rgba(205,46,58,.16), 0 2px 8px rgba(32,37,44,.10);
}
.choice.country-kr:hover {
    box-shadow:0 10px 28px rgba(23,105,170,.28), 0 5px 16px rgba(205,46,58,.24), 0 3px 12px rgba(32,37,44,.16)!important;
}

.choice.country-md {
    color: #fff;
    background: linear-gradient(135deg,
        #003da5 0%, #1763c6 30%,
        #ffd100 49%, #f0b900 58%,
        #c8102e 78%, #9d0b24 100%);
    text-shadow: 0 2px 4px rgba(0, 0, 0, .72);
    box-shadow: 0 6px 18px rgba(200, 16, 46, .34);
}
.choice.country-md:hover { box-shadow: 0 10px 26px rgba(255, 209, 0, .4); }
.choice.country-kz {
    color: #fff;
    background: linear-gradient(135deg,
        #00596b 0%,
        #007f96 27%,
        #00a9c2 55%,
        #39c8d5 68%,
        #f4c430 84%,
        #d79d00 100%);
    text-shadow: 0 2px 4px rgba(0, 45, 56, .82);
    box-shadow: 0 6px 18px rgba(0, 111, 132, .46);
}

/* ---- Дерево СМС ---- */
.tree-toolbar{display:flex;gap:8px;align-items:center;margin:8px 0 10px;position:sticky;top:0;z-index:4;padding:6px;background:rgba(10,35,56,.94);border-radius:10px}
.tree-search{width:100%;min-height:38px;padding:8px 12px;border-radius:9px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.09);color:#fff;font:inherit;font-size:13px;outline:none}
.tree-search::placeholder{color:rgba(255,255,255,.62)}
.tree-search:focus{border-color:#6cc0ff;box-shadow:0 0 0 2px rgba(108,192,255,.16)}
.tree-search-clear{width:38px;height:38px;flex:0 0 auto;border:0;border-radius:9px;background:rgba(255,255,255,.1);color:#fff;cursor:pointer;font-size:16px}
.tree-view{text-align:left;max-width:100%;max-height:min(58vh,560px);overflow:auto;padding:4px 8px 8px 2px;scrollbar-gutter:stable}
.tree-root-title{font-size:14px;font-weight:800;color:#ffd84d;text-transform:uppercase;letter-spacing:.4px;margin:9px 0 5px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.15)}
.tree-count{font-weight:600;opacity:.6;font-size:12px;text-transform:none;letter-spacing:0}
.tree-branch{margin:2px 0}
.tree-children{margin-left:9px;padding-left:8px;border-left:1px dashed rgba(255,255,255,.22)}
.tree-node{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;margin:1px 0;border-radius:7px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);color:#fff;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;transition:background .14s}
.tree-node:hover{background:rgba(255,255,255,.18)}
.tree-node::before{content:"▾";display:inline-block;width:12px;flex:0 0 12px;font-size:10px;line-height:1;transition:transform .16s ease}
.tree-branch.collapsed>.tree-node::before{transform:rotate(-90deg)}
.tree-branch.collapsed>.tree-children{display:none}
.tree-node[aria-expanded="false"]::before{transform:rotate(-90deg)}

.tree-node .flag{width:16px;height:16px;vertical-align:-3px;margin-right:4px}
.tree-leaves{display:flex;flex-wrap:wrap;gap:5px;margin:2px 0 3px}
.tree-leaf-wrap{display:inline-flex;align-items:stretch;max-width:100%;border-radius:10px;overflow:hidden}
.tree-leaf{padding:2px 7px;border-radius:10px;border:1px solid transparent;font:inherit;font-size:11.5px;font-weight:600;cursor:pointer;transition:filter .14s;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tree-leaf-wrap .tree-leaf{border-radius:10px 0 0 10px}
.tree-leaf-copy{display:inline-flex;align-items:center;justify-content:center;min-width:27px;padding:2px 6px;border:1px solid rgba(255,255,255,.25);border-left:0;border-radius:0 10px 10px 0;background:rgba(255,255,255,.12);color:#fff;font:inherit;font-size:12px;cursor:pointer;opacity:.35;transition:opacity .14s,background .14s}
.tree-leaf-wrap:hover .tree-leaf-copy,.tree-leaf-copy:focus-visible{opacity:1}
.tree-leaf-copy:hover{background:rgba(255,255,255,.25)}
.tree-leaf-copy:disabled{opacity:.18;cursor:not-allowed}
.tree-leaf.long-pressing{filter:brightness(1.35);outline:2px solid #ffd84d;outline-offset:-2px}
.tree-leaf:hover{filter:brightness(1.25)}
.tree-leaf.ok{background:rgba(31,168,85,.2);border-color:rgba(31,168,85,.5);color:#8ff0b6}
.tree-leaf.blocked{background:rgba(224,49,49,.18);border-color:rgba(224,49,49,.5);color:#ff9d9d}
.tree-leaf.ph{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.5)}
.tree-legend{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:6px}
.tree-legend .tree-leaf{cursor:default}
.tree-legend .tree-leaf:hover{filter:none}
.tree-back{display:inline-flex;align-items:center;padding:6px 14px;margin-bottom:12px;border-radius:10px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08);color:#fff;font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .16s}
.tree-back:hover{background:rgba(255,255,255,.18)}
.tree-count-badge{display:inline-block;min-width:22px;padding:1px 7px;margin-left:8px;border-radius:11px;background:rgba(0,0,0,.28);font-size:12px;font-weight:700;vertical-align:middle}
.day-mode .tree-back{background:rgba(255,255,255,.82);border-color:rgba(18,58,94,.25);color:#17324a}
.day-mode .tree-back:hover{background:#fff}
/* Дерево в светлой теме */
.day-mode .tree-root-title{color:#a86f00;border-bottom-color:rgba(18,58,94,.2)}
.day-mode .tree-children{border-left-color:rgba(18,58,94,.25)}
.day-mode .tree-node{background:rgba(255,255,255,.82);border-color:rgba(18,58,94,.25);color:#17324a}
.day-mode .tree-node:hover{background:#fff}
.day-mode .tree-leaf.ok{background:rgba(31,168,85,.16);border-color:rgba(31,168,85,.5);color:#12603a}
.day-mode .tree-leaf.blocked{background:rgba(224,49,49,.12);border-color:rgba(224,49,49,.5);color:#a51f1f}
.day-mode .tree-leaf.ph{background:rgba(18,58,94,.07);border-color:rgba(18,58,94,.22);color:rgba(18,58,94,.55)}
.day-mode .tree-leaf-copy{background:rgba(18,58,94,.1);border-color:rgba(18,58,94,.25);color:#17324a}
.day-mode .tree-leaf-copy:hover{background:rgba(18,58,94,.22)}
@media(max-width:640px){.tree-children{margin-left:8px;padding-left:8px}}

/* Кнопка «Приложение» (резервные СМС) */
.choice.app-btn {
    color: #fff;
    background: linear-gradient(135deg, #ffa63c 0%, #f2711c 50%, #b8480a 100%);
    text-shadow: 0 2px 4px rgba(96, 38, 0, .6);
    box-shadow: 0 6px 18px rgba(242, 113, 28, .38);
}
.choice.app-btn:hover { box-shadow: 0 10px 26px rgba(242, 113, 28, .52); }

/* Кнопка Lucky Friday (резервные СМС) */
.choice.lucky-friday {
    color: #fff;
    background: linear-gradient(135deg, #6a1fb8 0%, #9b2fc9 45%, #d4318f 100%);
    text-shadow: 0 2px 4px rgba(48, 8, 74, .7);
    box-shadow: 0 6px 18px rgba(122, 40, 190, .42);
}
.choice.lucky-friday:hover {
    box-shadow: 0 10px 26px rgba(155, 47, 201, .55);
}
.choice.country-kz:hover {
    box-shadow: 0 10px 28px rgba(0, 169, 194, .48),
                0 4px 12px rgba(244, 196, 48, .24);
}
.choice.country-mx {
    color: #ffffff;
    background: linear-gradient(135deg,
        #006847 0%, #008f62 31%,
        #f7f7f7 45%, #ffffff 56%,
        #d52b1e 73%, #a91f17 100%);
    text-shadow: 0 2px 4px rgba(0,0,0,.72);
    box-shadow: 0 6px 18px rgba(0,104,71,.34), 0 4px 12px rgba(213,43,30,.22);
}
.choice.country-mx:hover {
    box-shadow: 0 10px 28px rgba(0,104,71,.42), 0 5px 16px rgba(213,43,30,.34);
}
.choice.country-uz {
    color: #ffffff;
    background: linear-gradient(135deg,
        #1eb6e8 0%, #159cd1 28%,
        #ffffff 39%, #f5f5f5 47%,
        #d92332 50%, #d92332 55%,
        #ffffff 58%, #f7f7f7 64%,
        #1eb53a 78%, #118a2b 100%);
    text-shadow: 0 2px 4px rgba(0,45,66,.78);
    box-shadow: 0 6px 18px rgba(30,182,232,.34), 0 4px 12px rgba(30,181,58,.22);
}
.choice.country-uz:hover {
    box-shadow: 0 10px 28px rgba(30,182,232,.42), 0 5px 16px rgba(30,181,58,.32);
}

.choice.country-tj {
    color:#fff;
    background:linear-gradient(135deg,#a90020 0%,#d71920 30%,#f7f7f7 46%,#ffffff 55%,#159447 72%,#006b34 100%);
    text-shadow:0 2px 4px rgba(0,0,0,.72);
    box-shadow:0 6px 18px rgba(215,25,32,.28),0 4px 12px rgba(0,107,52,.24);
}
.choice.country-tj:hover {box-shadow:0 10px 28px rgba(215,25,32,.38),0 5px 16px rgba(0,107,52,.32)}
.choice.lang-tj {
    color:#fff;
    background:linear-gradient(135deg,#b20d2d 0%,#d71920 31%,#ffffff 46%,#f7f7f7 57%,#168d46 73%,#006b34 100%);
    text-shadow:0 2px 4px rgba(0,0,0,.72);
    box-shadow:0 6px 18px rgba(0,107,52,.28);
}
.choice.lang-tj:hover {box-shadow:0 10px 26px rgba(215,25,32,.34),0 5px 14px rgba(0,107,52,.30)}
.choice.lang-ro {
    color: #fff;
    background: linear-gradient(135deg,
        #002b7f 0%, #1753ad 31%,
        #fcd116 49%, #e4b800 59%,
        #ce1126 78%, #9f0d1d 100%);
    text-shadow: 0 2px 4px rgba(0, 0, 0, .72);
    box-shadow: 0 6px 18px rgba(206, 17, 38, .34);
}
.choice.lang-ro:hover { box-shadow: 0 10px 26px rgba(252, 209, 22, .42); }
.choice.lang-kz {
    color: #fff;
    background: linear-gradient(135deg,
        #00afca 0%, #079dbb 54%,
        #fec50c 80%, #dda600 100%);
    text-shadow: 0 2px 4px rgba(0, 77, 96, .72);
    box-shadow: 0 6px 18px rgba(0, 175, 202, .34);
}
.choice.lang-kz:hover { box-shadow: 0 10px 26px rgba(254, 197, 12, .42); }
.choice.lang-uz {
    color: #fff;
    background: linear-gradient(135deg,
        #0099b5 0%, #18abc4 27%,
        #ce1126 33%, #ffffff 40%,
        #f4f7f6 54%, #ce1126 61%,
        #1eb53a 69%, #11852a 100%);
    text-shadow: 0 2px 4px rgba(0, 50, 63, .82);
    box-shadow: 0 6px 18px rgba(30, 181, 58, .32);
}
.choice.lang-uz:hover { box-shadow: 0 10px 26px rgba(0, 153, 181, .48); }
.choice.lang-en {
    color: #fff;
    background: linear-gradient(135deg,
        #012169 0%, #173986 30%,
        #ffffff 47%, #f1dce1 54%,
        #c8102e 69%, #8f0b21 100%);
    text-shadow: 0 2px 4px rgba(0, 0, 0, .8);
    box-shadow: 0 6px 18px rgba(1, 33, 105, .4);
}
.choice.lang-en:hover { box-shadow: 0 10px 26px rgba(200, 16, 46, .48); }

.screen {
    animation: fade .28s ease;
}
@keyframes fade {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: none; }
}

.sms-card {
    background: var(--panel);
    border: 1px solid var(--panel-border);
    border-radius: var(--radius);
    padding: 24px 22px;
    text-align: center;
    position: relative;
}
.sms-label {
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--green);
    font-weight: 700;
    margin-bottom: 12px;
}
.sms-head {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin-bottom: 12px;
}
.sms-head .sms-label { margin-bottom: 0; }
.sms-nav {
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 50%;
    background: rgba(255, 255, 255, .09);
    color: #fff;
    font-size: 19px;
    line-height: 1;
    cursor: pointer;
    transition: background .16s, transform .12s;
}
.sms-nav:hover:not(:disabled) { background: rgba(255, 255, 255, .22); transform: scale(1.08); }
.sms-nav:disabled { opacity: .25; cursor: default; }
.sms-text {
    background: rgba(0, 0, 0, .25);
    border: 1px dashed rgba(255, 255, 255, .22);
    border-radius: 12px;
    padding: 22px;
    font-size: 16px;
    min-height: 84px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    white-space: pre-wrap;
    word-break: break-word;
}
.sms-link {
    color: #6cc0ff;
    text-decoration: underline;
    word-break: break-all;
}
.sms-link:hover {
    color: #9ad4ff;
}
.copy-btn {
    min-height: 46px;
    padding: 12px 24px;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    background: linear-gradient(135deg, var(--green), #158043);
    border: none;
    border-radius: 12px;
    cursor: pointer;
    transition: filter .16s ease;
}
.copy-btn:hover {
    filter: brightness(1.08);
}
.deeplink-copy-btn {
    min-height: 46px;
    padding: 12px 22px;
    font-size: 15px;
    font-weight: 800;
    color: #fff;
    background: linear-gradient(135deg, #2456b8 0%, #6046c8 52%, #9b3fc2 100%);
    border: 1px solid rgba(187, 189, 255, .42);
    border-radius: 12px;
    cursor: pointer;
    box-shadow: 0 6px 18px rgba(77, 68, 190, .28);
    transition: filter .16s ease, transform .16s ease, box-shadow .16s ease;
}
.deeplink-copy-btn:hover { filter: brightness(1.09); transform: translateY(-1px); box-shadow: 0 9px 24px rgba(96,70,200,.38); }
.deeplink-copy-btn:disabled { opacity: .4; cursor: not-allowed; filter: grayscale(.6); transform: none; box-shadow: none; }
.deeplink-edit-wrap { margin-top: 12px; }
.deeplink-edit-label { margin: 0 0 7px; font-size: 13px; font-weight: 800; color: #bfc4ff; }
.deeplink-edit-note { margin: -5px 0 10px; font-size: 12px; line-height: 1.4; opacity: .68; }
.day-mode .deeplink-copy-btn { background: linear-gradient(135deg,#315fca,#654fd0 52%,#9548bd); border-color:rgba(60,57,155,.25); }
.day-mode .deeplink-edit-label { color:#5146a6; }

.nav {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 12px;
    align-items: center;
    margin-top: 28px;
}
.nav > #backBtn { justify-self: end; }
.nav > #homeBtn { justify-self: start; }
.nav-center {
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.nav button {
    min-height: 46px;
    padding: 11px 20px;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    background: rgba(255, 255, 255, .08);
    border: 1.5px solid rgba(255, 255, 255, .28);
    border-radius: 12px;
    cursor: pointer;
    transition: background .16s ease, border-color .16s ease;
}
.nav button:hover {
    background: rgba(255, 255, 255, .16);
    border-color: rgba(255, 255, 255, .5);
}
.nav button:focus-visible {
    outline: 3px solid var(--green);
    outline-offset: 3px;
}

@media (max-width: 640px) {
    .nav { grid-template-columns: auto 1fr auto; gap: 8px; }
    .nav button { padding-left: 13px; padding-right: 13px; }
    .nav-center { gap: 8px; }
}

@media (prefers-reduced-motion: reduce) {
    .screen { animation: none; }
    .choice:hover { transform: none; }
    .rem-badge.urgent { animation: none; }
}

.pam-open {
    margin-left: 8px;
    padding: 4px 12px;
    border: none;
    border-radius: 20px;
    background: linear-gradient(135deg, #ffd84d, #f5b301);
    color: #10395f;
    font-family: inherit;
    font-size: inherit;
    font-weight: 700;
    line-height: normal;
    white-space: nowrap;
    flex-shrink: 0;
    cursor: pointer;
    transition: filter .16s ease, transform .12s ease;
}
.pam-open:hover { filter: brightness(1.08); }
.pam-open:active { transform: scale(.97); }
.pam-open:focus-visible { outline: 2px solid var(--green); outline-offset: 2px; }

.pam-modal {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .62);
    display: none;
    justify-content: center;
    align-items: flex-start;
    z-index: 10000;
    padding: 24px 16px;
    overflow-y: auto;
}
.pam-modal.open { display: flex; }
.pam-box {
    width: 70%;
    margin: auto;
    background: #0e2c48;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 16px;
    padding: 28px 30px 30px;
    position: relative;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .55);
}
.pam-close {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 10px;
    background: rgba(255, 255, 255, .12);
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    transition: background .16s ease;
}
.pam-close:hover { background: rgba(255, 255, 255, .22); }
.pam-title {
    font-size: 22px;
    margin-bottom: 6px;
    padding-right: 44px;
}
.pam-h {
    font-size: 17px;
    color: #ffd84d;
    margin: 20px 0 10px;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
    padding-bottom: 6px;
}
.pam-sub {
    font-weight: 700;
    margin-top: 8px;
    font-size: 16px;
}
.pam-sub2 {
    font-weight: 700;
    margin: 10px 0 4px;
}
.pam-block { margin-bottom: 14px; }
.pam-box ul {
    margin: 8px 0 8px 20px;
    padding: 0;
}
.pam-box li {
    margin-bottom: 6px;
    line-height: 1.5;
    font-size: 15px;
}
.pam-links {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 6px;
}
.pam-links a,
.pam-link {
    color: #6cc0ff;
    text-decoration: underline;
    word-break: break-all;
}
.pam-link {
    display: inline-block;
    margin: 4px 0 2px;
}
.pam-compact-lines {
    margin: 8px 0 4px;
}
.pam-compact-lines > div {
    margin: 0;
    padding: 0;
    line-height: 1.42;
    font-size: 15px;
}
@media (max-width: 768px) {
    .pam-box { width: 100%; padding: 22px 18px 24px; }
    .pam-title { font-size: 20px; }
}

.pam-open.scr-btn {
    background: linear-gradient(135deg, #4fc3f0, #1f95c9);
    color: #fff;
}
.scr-row {
    margin-bottom: 16px;
}
.scr-h {
    font-size: 15px;
    color: #ffd84d;
    font-weight: 700;
    margin-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: .5px;
}
.scr-body {
    white-space: pre-line;
    line-height: 1.55;
    font-size: 15px;
}

.tools-side {
    position: absolute;
    top: 100%;
    right: 12px;
    margin-top: -12px;
    z-index: 60;
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: min(428px, calc((100vw - 560px) / 2 - 28px));
    max-width: calc(100vw - 24px);
}
.tools-toggle {
    align-self: flex-end;
    min-height: 20px;
    padding: 2px 10px;
    border-radius: 9px;
    background: rgba(255, 255, 255, .10);
    border: 1px solid rgba(255, 255, 255, .22);
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    transition: background .16s ease;
}
.tools-toggle:hover { background: rgba(255, 255, 255, .2); }
.tools-body {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.tools-side.collapsed { width: auto; }
.tools-side.collapsed .tools-body { display: none; }
.tools-side .search-wrap,
.tools-side .tool-btn { width: 100%; }
.tool-btn, .search-input {
    min-height: 26px;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,.2);
    font: inherit;
}
.tool-btn {
    padding: 3px 12px;
    background: rgba(18,58,94,.9);
    font-size: 13px;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
}
.tool-btn:hover, .tool-btn.active { background: #2a6697; }
.search-wrap { position: relative; }
.search-input {
    width: 100%;
    padding: 3px 34px 3px 12px;
    background: rgba(255,255,255,.1);
    font-size: 13px;
    color: #fff;
    outline: none;
}
.search-input::placeholder { color: rgba(255,255,255,.65); }
.search-input:focus { border-color: #a2e2c1; box-shadow: 0 0 0 2px rgba(162,226,193,.18); }
.search-clear {
    position: absolute; right: 3px; top: 3px; width: 24px; height: 24px;
    border: 0; border-radius: 8px; background: transparent; color: #fff; cursor: pointer;
}
.result-list { display: flex; flex-direction: column; gap: 10px; }
.result-card {
    position: relative;
    padding: 14px 48px 14px 15px;
    border-radius: 13px;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.14);
    cursor: pointer;
    text-align: left;
}
.result-card.has-actions { padding-right: 88px; }
.result-card.has-copy { padding-right: 52px; }
.result-card:hover { background: rgba(255,255,255,.14); }
.result-path { font-size: 12px; color: #a2e2c1; margin-bottom: 5px; }
.result-text { font-size: 14px; color: #fff; word-break: break-word; }
.favorite-comment{margin-top:10px;padding-top:9px;border-top:1px solid rgba(255,255,255,.12)}
.favorite-comment-label{font-size:12px;font-weight:700;color:#ffd84d;margin-bottom:5px}
.favorite-comment-row{display:flex;gap:7px;align-items:stretch}
.favorite-comment-input{flex:1;min-height:38px;max-height:90px;resize:vertical;padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.16);color:#fff;font:inherit;font-size:13px;outline:none}
.favorite-comment-input:focus{border-color:#6cc0ff}
.favorite-comment-save{padding:7px 11px;border:0;border-radius:8px;background:linear-gradient(135deg,#1fa855,#158043);color:#fff;font-weight:700;cursor:pointer}
.favorites-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.favorites-head .step-title{margin:0}
.clear-favorites-btn{border:1px solid rgba(255,120,126,.45);background:rgba(193,49,60,.16);color:#ffd7da;border-radius:10px;padding:8px 11px;font:inherit;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}
.clear-favorites-btn:hover{background:rgba(193,49,60,.27)}
.day-mode .clear-favorites-btn{background:#fff0f1;color:#9b2830;border-color:#dda1a6}
@media(max-width:560px){.favorites-head{align-items:stretch;flex-direction:column}.clear-favorites-btn{width:100%}}
.day-mode .tree-toolbar{background:rgba(233,243,252,.96)}
.day-mode .tree-search{background:#fff;color:#17324a;border-color:#9cbdd5}
.day-mode .tree-search::placeholder{color:#60798d}
.day-mode .tree-search-clear{background:#dbeaf5;color:#17324a}
.day-mode .favorite-comment{border-top-color:rgba(18,58,94,.14)}
.day-mode .favorite-comment-label{color:#a86f00}
.day-mode .favorite-comment-input{background:#fff;color:#17324a;border-color:#9cbdd5}
.tree-hidden{display:none!important}
.tree-no-results{text-align:center;padding:20px 10px;color:rgba(255,255,255,.65);display:none}
.day-mode .tree-no-results{color:#557087}

.result-copy,
.result-remove {
    position: absolute;
    top: 10px;
    width: 30px;
    height: 30px;
    border: 0;
    border-radius: 8px;
    background: rgba(255,255,255,.1);
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    line-height: 1;
    transition: background .16s ease, transform .12s ease;
}
.result-copy { right: 46px; }
.result-remove { right: 10px; }
.result-copy:hover,
.result-remove:hover { background: rgba(255,255,255,.22); transform: translateY(-1px); }
.result-copy:focus-visible,
.result-remove:focus-visible { outline: 2px solid #a2e2c1; outline-offset: 2px; }

.language-grid .lang-ru {
    order: 99;
    grid-column: -2 / -1;
}
.empty-state { text-align: center; padding: 28px 12px; color: rgba(255,255,255,.7); }
.sms-card { position: relative; }
.favorite-btn {
    position: absolute; top: 12px; right: 12px; width: 38px; height: 38px;
    border: 0; border-radius: 10px; background: rgba(255,255,255,.1);
    color: rgba(255,255,255,.55); font-size: 23px; cursor: pointer;
}
.favorite-btn.on { color: #ffd84d; background: rgba(255,216,77,.14); }
.lang-switch { background: linear-gradient(135deg, #38a7c8, #216f9b) !important; }
.section-switch { background: linear-gradient(135deg, #38a7c8, #216f9b) !important; }
.toast {
    position: fixed; left: 50%; bottom: 28px; z-index: 20000;
    transform: translate(-50%, 18px); opacity: 0; pointer-events: none;
    padding: 12px 18px; border-radius: 12px; background: #168448; color: #fff;
    font-weight: 700; box-shadow: 0 12px 35px rgba(0,0,0,.35);
    transition: opacity .2s ease, transform .2s ease;
}
.toast.show { opacity: 1; transform: translate(-50%, 0); }
@media (max-width: 640px) {
    /* На мобильном панель находится под центральными кнопками выбора */
    .wizard .tools-side {
        position: static;
        inset: auto;
        margin: 14px 0 0;
        width: 100%;
        max-width: none;
        align-items: stretch;
        z-index: auto;
    }
    .wizard .tools-side.collapsed {
        width: 100%;
        max-width: none;
    }
    .tools-toggle {
        align-self: center;
        min-height: 38px;
        padding: 7px 18px;
        font-size: 13px;
    }
    .tools-body {
        width: 100%;
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 8px;
    }
    .tools-body .search-wrap,
    .tools-body .tool-btn {
        width: 100%;
        flex: none;
    }
    .tool-btn,
    .search-input {
        min-height: 44px;
        font-size: 14px;
    }
    .tool-btn {
        padding: 10px 12px;
    }
    .search-input {
        padding: 10px 38px 10px 12px;
    }
    .search-clear {
        top: 7px;
        right: 6px;
        width: 30px;
        height: 30px;
    }
}

.reminder-item {
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 10px;
    padding: 10px 14px;
    margin-bottom: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.reminder-item .info {
    flex: 1;
}
.reminder-item .info strong {
    color: #ffd84d;
}
.reminder-item .info .date {
    color: #a2e2c1;
    font-size: 13px;
}
.reminder-item .info .comment {
    font-size: 14px;
    color: #ccc;
}
.reminder-item .actions {
    display: flex;
    gap: 6px;
}
.reminder-item .actions button {
    background: rgba(255,255,255,.1);
    border: none;
    color: #fff;
    width: 28px;
    height: 28px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    transition: background .16s;
}
.reminder-item .actions button:hover {
    background: rgba(255,255,255,.25);
}
.reminder-edit-btn { color: #6cc0ff; }
.reminder-del-btn { color: #ff8a8a; }

.reminder-type-switch {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin: 2px 0 12px;
}
.reminder-type-btn {
    min-height: 42px;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 10px;
    background: rgba(255,255,255,.08);
    color: #fff;
    font: inherit;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
    transition: background .16s,border-color .16s,box-shadow .16s;
}
.reminder-type-btn:hover { background: rgba(255,255,255,.14); }
.reminder-type-btn.active {
    background: linear-gradient(135deg,rgba(43,143,255,.34),rgba(13,95,196,.42));
    border-color: #6cc0ff;
    box-shadow: 0 0 0 2px rgba(108,192,255,.12);
}
.reminder-type-fields[hidden] { display: none !important; }
.reminder-type-hint { margin-top: 6px; font-size: 11.5px; opacity: .62; line-height: 1.4; }
.reminder-item .reminder-kind { display:inline-block;margin-right:6px;font-size:10.5px;font-weight:800;opacity:.72; }
.reminder-form label {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    color: rgba(255,255,255,.8);
}
.reminder-form input,
.reminder-form textarea {
    width: 100%;
    padding: 8px 10px;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,.2);
    background: rgba(255,255,255,.08);
    color: #fff;
    font-size: 14px;
    font-family: inherit;
    margin-top: 4px;
}
.reminder-form input:focus,
.reminder-form textarea:focus {
    border-color: #a2e2c1;
    outline: none;
}
.rem-datetime {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-top: 4px;
}
.rem-datetime input[type="date"] {
    width: auto;
    margin-top: 0;
}
.rem-time {
    display: flex;
    align-items: center;
    gap: 6px;
}
.rem-time select {
    padding: 8px 10px;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,.2);
    background: rgba(255,255,255,.08);
    color: #fff;
    font-size: 15px;
    font-family: inherit;
    cursor: pointer;
}
.rem-time select:focus { border-color: #a2e2c1; outline: none; }
.rem-time option { color: #111; }
.rem-colon { color: #fff; font-weight: 700; }
.rem-hint { font-size: 12px; opacity: .55; }
.rem-quick {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}
.rem-quick-btn {
    padding: 5px 10px;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,.22);
    background: rgba(255,255,255,.08);
    color: #cfe4ff;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: background .16s;
}
.rem-quick-btn:hover { background: rgba(255,255,255,.18); }
.reminder-form .form-actions {
    display: flex;
    gap: 10px;
    margin-top: 14px;
}
.reminder-form .form-actions button {
    flex: 1;
    padding: 8px;
    border: none;
    border-radius: 8px;
    font-weight: 700;
    cursor: pointer;
    transition: filter .16s;
}
.reminder-form .form-actions .btn-save {
    background: linear-gradient(135deg, #1fa855, #158043);
    color: #fff;
}
.reminder-form .form-actions .btn-cancel {
    background: rgba(255,255,255,.15);
    color: #fff;
}
.reminder-form .form-actions button:hover { filter: brightness(1.08); }

.reminder-list-title {
    margin: 18px 0 10px;
    font-size: 16px;
    font-weight: 700;
    color: #ffd84d;
}
.reminder-empty {
    text-align: center;
    color: rgba(255,255,255,.5);
    padding: 12px 0;
}

.alert-modal {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.75);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 99999;
}
.alert-modal.open { display: flex; }
.alert-box {
    background: #0e2c48;
    border: 2px solid #ffd84d;
    border-radius: 16px;
    padding: 30px 32px;
    max-width: 440px;
    width: 90%;
    box-shadow: 0 24px 70px rgba(0,0,0,.7);
    position: relative;
}
.alert-box .alert-close {
    position: absolute;
    top: 10px;
    right: 14px;
    background: none;
    border: none;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
}
.alert-box .alert-title {
    font-size: 20px;
    font-weight: 700;
    color: #ffd84d;
    margin-bottom: 12px;
}
.alert-box .alert-body {
    font-size: 16px;
    line-height: 1.6;
}
.alert-box .alert-body .client-id {
    font-weight: 700;
    color: #6cc0ff;
}
.alert-box .alert-body .comment-text {
    color: #ccc;
}

/* Дополнительные функции */
.sms-placeholder { color:#ff6b6b; font-weight:800; background:rgba(255,70,70,.12); border:1px solid rgba(255,90,90,.45); border-radius:8px; padding:6px 10px; }
.reminder-tabs,.stats-tabs{display:flex;gap:8px;margin:8px 0 12px}.reminder-tab,.stats-tab{flex:1;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#fff;border-radius:9px;padding:8px 10px;font-weight:700;cursor:pointer}.reminder-tab.active,.stats-tab.active{background:#2a6697;border-color:#6cc0ff}
.reminder-item.status-overdue{border-left:5px solid #ff5f5f;background:rgba(255,70,70,.13)}.reminder-item.status-soon{border-left:5px solid #ffd84d;background:rgba(255,216,77,.11)}.reminder-item.status-future{border-left:5px solid #39c978;background:rgba(57,201,120,.10)}
.alert-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.alert-snooze{flex:1 1 110px;border:0;border-radius:9px;padding:9px 10px;background:linear-gradient(135deg,#2b8fff,#0d5fc4);color:#fff;font-weight:700;cursor:pointer}
.settings-box{max-width:520px;width:90%}.setting-row{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.12)}.setting-row label{font-weight:700}.range-line{display:flex;align-items:center;gap:12px;margin-top:10px}.range-line input{flex:1}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:15px}.switch{position:relative;width:50px;height:28px;flex:0 0 auto}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;inset:0;border-radius:30px;background:rgba(255,255,255,.2);cursor:pointer;transition:.2s}.switch span:before{content:"";position:absolute;width:22px;height:22px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s}.switch input:checked+span{background:#1fa855}.switch input:checked+span:before{transform:translateX(22px)}.settings-action{width:100%;margin-top:16px;padding:11px;border:0;border-radius:10px;background:linear-gradient(135deg,#2b8fff,#0d5fc4);color:#fff;font-weight:700;cursor:pointer}.status-grid{display:grid;gap:8px;margin-top:14px}.status-card{padding:10px 12px;border-radius:9px;background:rgba(255,216,77,.12);border:1px solid rgba(255,216,77,.35)}.status-card.ok{background:rgba(31,168,85,.14);border-color:rgba(31,168,85,.4)}.status-card.bad{background:rgba(255,70,70,.14);border-color:rgba(255,70,70,.45)}.ai-diag-code{display:inline-flex;align-items:center;margin-left:7px;padding:2px 7px;border-radius:999px;background:rgba(0,0,0,.2);font:700 11px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.2px}.ai-diag-detail{margin-top:7px;font-size:12.5px;line-height:1.45;opacity:.9}.ai-diag-tech{margin-top:8px;padding:8px 9px;border-radius:8px;background:rgba(0,0,0,.14);font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.ai-diag-copy{margin-top:8px;width:100%;padding:9px 11px;border:1px solid rgba(255,255,255,.22);border-radius:9px;background:rgba(255,255,255,.1);color:inherit;font:inherit;font-weight:700;cursor:pointer}.ai-diag-copy:hover{background:rgba(255,255,255,.17)}
.ai-provider-control{margin-top:12px;padding:12px;border-radius:11px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.14)}.ai-provider-control label{display:block;margin-bottom:7px}.ai-provider-select{width:100%;min-height:42px;padding:8px 11px;border-radius:9px;border:1px solid rgba(255,255,255,.24);background:rgba(0,0,0,.2);color:#fff;font:inherit;font-weight:700;outline:none;cursor:pointer}.ai-provider-select:focus{border-color:#6cc0ff;box-shadow:0 0 0 2px rgba(108,192,255,.16)}.ai-provider-select option{color:#111}.ai-provider-current{margin-top:7px;font-size:12.5px;line-height:1.45;opacity:.82}.ai-assistant-launch.ai-provider-selected{border-color:#ffd84d!important;box-shadow:0 0 0 2px rgba(255,216,77,.22),0 6px 18px rgba(0,0,0,.18)}.day-mode .ai-provider-control{background:rgba(18,58,94,.04);border-color:rgba(18,58,94,.16)}.day-mode .ai-provider-select{background:#fff;color:#17324a;border-color:#9cbdd5}.day-mode .ai-provider-select:focus{border-color:#0d5fc4;box-shadow:0 0 0 2px rgba(13,95,196,.12)}.day-mode .ai-provider-current{color:#4d687d;opacity:1}.day-mode .ai-assistant-launch.ai-provider-selected{border-color:#c9922a!important;box-shadow:0 0 0 2px rgba(201,146,42,.16)}
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;margin-top:18px}.stats-card{text-align:center;padding:22px 12px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}.stats-card strong{display:block;font-size:34px;color:#ffd84d}.stats-card span{font-size:14px}.stats-ai-details{display:none;margin-top:14px;padding:13px;border-radius:12px;background:rgba(43,143,255,.08);border:1px solid rgba(108,192,255,.25)}.stats-ai-details.show{display:block}.stats-ai-title{font-weight:800;margin-bottom:9px}.stats-ai-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.stats-ai-mini{padding:9px 8px;border-radius:9px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);text-align:center}.stats-ai-mini strong{display:block;font-size:18px;color:#ffd84d}.stats-ai-mini span{display:block;margin-top:2px;font-size:10.5px;opacity:.8}.stats-ai-providers{margin-top:9px;font-size:12px;line-height:1.55;opacity:.9}.stats-ai-error{font-size:12px;color:#ffb0b0}.day-mode .stats-ai-details{background:rgba(13,95,196,.05);border-color:rgba(13,95,196,.18)}.day-mode .stats-ai-mini{background:#fff;border-color:#c2d7e6;color:#17324a}.day-mode .stats-ai-mini strong{color:#a86f00}.day-mode .stats-ai-error{color:#a51f1f}@media(max-width:640px){.stats-ai-meta{grid-template-columns:1fr 1fr}}
body.day-mode{background:url("https://res.cloudinary.com/xhaa2qxp/image/upload/v1784115641/10a70398-2d06-4f2f-99b3-9d95702d256b_deqcqk.png") center center / cover no-repeat fixed;background-color:#e9f3fc;color:#17324a}.day-mode .crumb,.day-mode .nav button,.day-mode .tool-btn,.day-mode .tools-toggle,.day-mode .sl-btn{color:#17324a;background:rgba(255,255,255,.82);border-color:rgba(18,58,94,.25)}
.day-mode .sl-btn:hover{background:#fff}.day-mode .sms-card,.day-mode .result-card,.day-mode .reminder-item{background:rgba(255,255,255,.82);border-color:rgba(18,58,94,.18);color:#17324a}.day-mode .sms-text{background:rgba(18,58,94,.06);border-color:rgba(18,58,94,.25)}.day-mode .result-text,.day-mode .reminder-item .comment{color:#17324a}.day-mode .result-path,.day-mode .reminder-item .date{color:#176f52}.day-mode .pam-box,.day-mode .alert-box{background:#f5fbff;color:#17324a;border-color:#76a9cf}.day-mode .pam-close,.day-mode .alert-close{color:#17324a}.day-mode .setting-row{border-color:rgba(18,58,94,.15)}.day-mode .reminder-tab,.day-mode .stats-tab{color:#17324a;background:#e5f2fb;border-color:#9cbdd5}.day-mode .reminder-tab.active,.day-mode .stats-tab.active{background:#b9dcf4}.day-mode .status-card,.day-mode .stats-card{color:#17324a;background:#e9f5fc;border-color:#aac7da}.day-mode .search-input{background:rgba(255,255,255,.9);color:#17324a;border-color:#9cbdd5}.day-mode .search-input::placeholder{color:#557087}
/* Тумблеры в светлой теме: серая дорожка (выключено) + жёлтый кружок */
.day-mode .switch span{background:#98a6b3}
.day-mode .switch input:checked+span{background:#0d5fc4}
.day-mode .switch span:before{background:#ffd84d;box-shadow:0 1px 3px rgba(18,58,94,.35)}

/* ---- Светлая тема: видимость элементов, которые были белыми по белому ---- */
/* Кнопка избранного и стрелки в блоке СМС */
.day-mode .favorite-btn{background:rgba(18,58,94,.08);color:rgba(18,58,94,.5);border:1px solid rgba(18,58,94,.18)}
.day-mode .favorite-btn:hover{background:rgba(18,58,94,.15)}
.day-mode .favorite-btn.on{color:#c98a00;background:rgba(255,190,0,.22);border-color:rgba(201,138,0,.5)}
.day-mode .sms-nav{color:#17324a;background:#e5f2fb;border-color:#8fb4d0}
.day-mode .sms-nav:hover:not(:disabled){background:#c9e3f7}
/* Окно напоминаний */
.day-mode .reminder-form label{color:#17324a}
.day-mode .reminder-form input,
.day-mode .reminder-form textarea,
.day-mode .rem-time select{background:#fff;color:#17324a;border-color:#9cbdd5}
.day-mode .reminder-form input:focus,
.day-mode .reminder-form textarea:focus,
.day-mode .rem-time select:focus{border-color:#0d5fc4}
.day-mode .reminder-type-btn{background:#fff;color:#17324a;border-color:#9cbdd5}
.day-mode .reminder-type-btn:hover{background:#eef7fd}
.day-mode .reminder-type-btn.active{background:#d8ecfa;border-color:#0d5fc4;box-shadow:0 0 0 2px rgba(13,95,196,.1)}
.day-mode .rem-colon{color:#17324a}
.day-mode .rem-quick-btn{background:#e5f2fb;color:#17324a;border-color:#9cbdd5}
.day-mode .rem-quick-btn:hover{background:#c9e3f7}
.day-mode .reminder-list-title{color:#0d5fc4}
.day-mode .reminder-empty{color:rgba(18,58,94,.55)}
/* Окно "Время позвонить" */
.day-mode .alert-box .alert-title{color:#0d5fc4}
.day-mode .alert-box .alert-body .client-id{color:#0d5fc4}
.day-mode .alert-box .alert-body .comment-text{color:#3c5a72}
.day-mode .alert-queue{background:rgba(255,190,0,.18);border-color:rgba(201,138,0,.5);color:#5a4200}
/* Кнопка копирования в светлой теме — синяя */
.day-mode .copy-btn{background:linear-gradient(135deg,#2b8fff,#0d5fc4)}
/* Заголовок "ТЕКСТ СМС" — в цвет кнопки "Памятка" */
.day-mode .sms-label{color:#f5b301}
/* "Здесь пока ничего нет" в избранном/последних */
.day-mode .empty-state{color:#17324a}
/* 1. Ссылки в тексте СМС */
.day-mode .sms-link{color:#0b4da3}
/* 2. Памятка: заголовки, линии, ссылки */
.day-mode .pam-h{color:#a86f00;border-bottom-color:rgba(18,58,94,.18)}
.day-mode .pam-links a,.day-mode .pam-link{color:#0b4da3}
/* 3. Скрипты FD/RD: заголовки блоков */
.day-mode .scr-h{color:#0d5fc4}
/* 4. Крестик очистки поиска */
.day-mode .search-clear{color:#17324a}
/* 5. Кнопки копирования/удаления на карточках (избранное, последние, поиск) */
.day-mode .result-copy,.day-mode .result-remove{background:rgba(18,58,94,.1);color:#17324a}
.day-mode .result-copy:hover,.day-mode .result-remove:hover{background:rgba(18,58,94,.2)}
/* 6. ID клиента в списке напоминаний */
.day-mode .reminder-item .info strong{color:#a86f00}
/* Кнопки ✎ и ✕ на напоминаниях (перебиваем правило .reminder-item .actions button) */
.day-mode .reminder-item .actions button{background:rgba(18,58,94,.1)}
.day-mode .reminder-item .actions button:hover{background:rgba(18,58,94,.2)}
.day-mode .reminder-item .actions .reminder-edit-btn{color:#0d5fc4}
.day-mode .reminder-item .actions .reminder-del-btn{color:#c62828}
/* 7. Кнопка "Отмена" в форме напоминаний */
.day-mode .reminder-form .form-actions .btn-cancel{background:#dbe6ef;color:#17324a}
/* 8. Цифры в статистике */
.day-mode .stats-card strong{color:#a86f00}
/* Статусы СМС в светлой теме */
.day-mode .status-btn{background:rgba(18,58,94,.07);border-color:rgba(18,58,94,.25);color:#17324a}
.day-mode .status-btn.ok.active{background:rgba(31,168,85,.16);border-color:#1fa855;color:#12603a}
.day-mode .status-btn.no.active{background:rgba(224,49,49,.12);border-color:#e03131;color:#a51f1f}
.day-mode .status-fixed{color:#a51f1f;background:rgba(224,49,49,.1);border-color:rgba(224,49,49,.45)}
.day-mode .status-fixed.ok{color:#12603a;background:rgba(31,168,85,.14);border-color:rgba(31,168,85,.5)}
.day-mode .sms-edit{background:#fff;color:#17324a;border-color:#c9922a}
.day-mode .edit-btn{background:rgba(201,138,0,.14);border-color:rgba(201,138,0,.6);color:#8a5e00}
.day-mode .edit-btn:hover{background:rgba(201,138,0,.24)}
.day-mode .edit-cancel{background:#dbe6ef;border-color:rgba(18,58,94,.25);color:#17324a}
@media(max-width:640px){.stats-grid{grid-template-columns:1fr}.alert-actions{flex-direction:column}.alert-snooze{width:100%}}
.alert-queue{margin-top:12px;padding:7px 10px;border-radius:8px;background:rgba(255,216,77,.14);border:1px solid rgba(255,216,77,.4);font-size:13px;font-weight:600;display:none}
.alert-queue.show{display:block}
/* Значок-счётчик на кнопке "Напоминания" */
.rem-badge{display:none;min-width:20px;height:20px;padding:0 6px;margin-left:5px;border-radius:10px;background:#10395f;color:#fff;font-size:12px;font-weight:700;line-height:20px;text-align:center;vertical-align:middle;box-sizing:border-box}
.rem-badge.show{display:inline-block}
/* Статус СМС: проверено / не использовать */
.sms-status{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:12px 0 14px}
.status-btn{padding:6px 12px;border-radius:20px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.07);color:#fff;font:inherit;font-size:13px;font-weight:600;cursor:pointer;opacity:.5;transition:opacity .16s,background .16s,border-color .16s}
.status-btn:hover{opacity:.85}
.status-btn.active{opacity:1}
.status-btn.ok.active{background:rgba(31,168,85,.22);border-color:#1fa855;color:#8ff0b6}
.status-btn.no.active{background:rgba(224,49,49,.2);border-color:#e03131;color:#ff9d9d}
.status-fixed{display:inline-block;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600;color:#ff9d9d;background:rgba(224,49,49,.15);border:1px solid rgba(224,49,49,.4)}
.status-fixed.ok{color:#8ff0b6;background:rgba(31,168,85,.18);border-color:rgba(31,168,85,.45)}
.status-btn:disabled{opacity:.3;cursor:not-allowed}
.status-note{align-self:center;font-size:12px;opacity:.6}
.sms-actions,.edit-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.sms-actions.has-deeplink{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    width:min(100%,390px);
    margin-left:auto;
    margin-right:auto;
    align-items:stretch;
}
.sms-actions.has-deeplink #copyBtn{grid-column:1;grid-row:1}
.sms-actions.has-deeplink #editSmsBtn,.sms-actions.has-deeplink #reportSmsBtn{grid-column:2;grid-row:1}
.sms-actions.has-deeplink #copyDeeplinkBtn{
    grid-column:1 / -1;
    grid-row:2;
    justify-self:center;
    width:calc((100% - 10px)/2);
}
.sms-actions.has-deeplink #copyBtn,
.sms-actions.has-deeplink #editSmsBtn,
.sms-actions.has-deeplink #reportSmsBtn,
.sms-actions.has-deeplink #copyDeeplinkBtn{
    box-sizing:border-box;
    min-height:46px;
    height:46px;
    padding:10px 14px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    line-height:1.1;
}
.edit-btn{min-height:46px;padding:12px 18px;border-radius:12px;border:1px solid rgba(255,216,77,.55);background:rgba(255,216,77,.14);color:#ffd84d;font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:background .16s}
.edit-btn:hover{background:rgba(255,216,77,.26)}
.edit-cancel{min-height:46px;padding:12px 18px;border-radius:12px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);color:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.sms-edit{width:100%;min-height:110px;padding:16px;margin-bottom:14px;border-radius:12px;border:1px solid rgba(255,216,77,.5);background:rgba(0,0,0,.3);color:#fff;font:inherit;font-size:15px;line-height:1.5;resize:vertical}
.sms-edit:focus{outline:none;border-color:#ffd84d}
.copy-btn:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.6)}
.copy-btn:disabled:hover{filter:grayscale(.6)}
.rem-badge.urgent{background:#e03131;animation:remPulse 1.8s ease-in-out infinite}
@keyframes remPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}
.backup-hint{margin-top:6px;font-size:12.5px;opacity:.7;line-height:1.45}
.backup-row{display:flex;gap:10px;margin-top:10px}
.backup-btn{margin-top:0;flex:1;font-size:14px}
.hint-list{margin:8px 0 0 18px;padding:0;font-size:12.5px;line-height:1.5;opacity:.9}
.hint-list li{margin-bottom:3px}
@media(max-width:640px){.backup-row{flex-direction:column}}


/* ---- Кнопка инструкций в панели инструментов ---- */
.instructions-menu {
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: 100%;
}
.instructions-main {
    width: 100%;
}
.instructions-children {
    display: none;
    flex-direction: column;
    gap: 5px;
    padding-left: 12px;
}
.instructions-menu.open .instructions-children { display: flex; }
.instructions-sub {
    width: 100%;
    min-height: 26px;
    padding: 3px 12px;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,.2);
    color: #fff;
    font: inherit;
    font-size: 12.5px;
    font-weight: 700;
    cursor: pointer;
    background: linear-gradient(135deg, #206f9f, #174f79);
    transition: filter .16s ease, transform .12s ease;
}
.instructions-sub.sms-guide-btn {
    background: linear-gradient(135deg, #397c65, #245846);
}
.instructions-sub:hover { filter: brightness(1.12); transform: translateX(2px); }
.instructions-sub:focus-visible { outline: 2px solid #a2e2c1; outline-offset: 2px; }
.guide-lead { margin: 4px 0 16px; color: rgba(255,255,255,.78); }
.guide-section { margin: 18px 0; }
.guide-section h3 { color: #ffd84d; margin-bottom: 8px; font-size: 17px; }
.guide-section p { margin-bottom: 8px; }
.guide-section ol, .guide-section ul { margin: 8px 0 8px 22px; }
.guide-section li { margin-bottom: 7px; }
.guide-tip { padding: 11px 13px; border-radius: 10px; background: rgba(108,192,255,.11); border: 1px solid rgba(108,192,255,.3); }
.day-mode .instructions-sub { color:#17324a; border-color:rgba(18,58,94,.25); background:linear-gradient(135deg,#d9edf9,#b8d9ee); }
.day-mode .instructions-sub.sms-guide-btn { background:linear-gradient(135deg,#dff2e9,#b9ddca); }
.day-mode .guide-lead { color: #466279; }
.day-mode .guide-section h3 { color: #0d5fc4; }
.day-mode .guide-tip { background: #e7f4fd; border-color: #9fc6e2; }
@media (max-width: 640px) {
    .instructions-children { padding-left: 0; gap: 8px; }
    .instructions-sub { min-height: 44px; padding: 10px 12px; font-size: 14px; }
}

.copy-log-open{width:100%;margin-top:14px;padding:11px 14px;border:0;border-radius:10px;background:linear-gradient(135deg,#38a7c8,#216f9b);color:#fff;font:inherit;font-weight:800;cursor:pointer}.copy-log-open:hover{filter:brightness(1.08)}
.copy-log-list{display:flex;flex-direction:column;gap:10px;margin-top:14px;max-height:min(62vh,620px);overflow:auto;padding-right:4px}.copy-log-item{position:relative;padding:12px 50px 12px 14px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}.copy-log-meta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:6px;font-size:12px}.copy-log-time{color:#ffd84d;font-weight:800}.copy-log-path{color:#a2e2c1;font-weight:700}.copy-log-text{font-size:14px;line-height:1.45;white-space:pre-wrap;word-break:break-word}.copy-log-copy{position:absolute;right:10px;top:10px;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:rgba(255,255,255,.10);color:#fff;font:inherit;font-size:14px;cursor:pointer;transition:background .16s,transform .12s}.copy-log-copy:hover{background:rgba(255,255,255,.22);transform:translateY(-1px)}.copy-log-copy:focus-visible{outline:2px solid #a2e2c1;outline-offset:2px}.copy-log-actions{display:flex;justify-content:flex-end;margin-top:12px}.copy-log-clear{padding:8px 12px;border-radius:9px;border:1px solid rgba(255,120,120,.45);background:rgba(224,49,49,.15);color:#ffb0b0;font:inherit;font-weight:700;cursor:pointer}.copy-log-empty{text-align:center;padding:24px 10px;opacity:.65}.day-mode .copy-log-item{background:rgba(255,255,255,.86);border-color:rgba(18,58,94,.18)}.day-mode .copy-log-time{color:#a86f00}.day-mode .copy-log-path{color:#176f52}.day-mode .copy-log-text{color:#17324a}.day-mode .copy-log-copy{background:rgba(18,58,94,.09);border-color:rgba(18,58,94,.22);color:#17324a}.day-mode .copy-log-copy:hover{background:rgba(18,58,94,.18)}.day-mode .copy-log-clear{color:#a51f1f;background:rgba(224,49,49,.1);border-color:rgba(224,49,49,.4)}

/* Закреплённые ветки */
.branch-pin-btn{margin-left:8px;padding:4px 12px;border:1px solid rgba(255,216,77,.45);border-radius:20px;background:rgba(255,216,77,.12);color:#ffd84d;font:inherit;font-size:13px;font-weight:800;cursor:pointer;white-space:nowrap}
.branch-pin-btn.on{background:linear-gradient(135deg,#ffd84d,#f5b301);color:#10395f}
.pinned-title{font-size:15px;font-weight:800;color:#ffd84d;margin:4px 0 10px}.sms-fav-title{margin-top:24px}.pinned-branches{display:flex;flex-direction:column;gap:8px}.pinned-branch-card{position:relative;padding:13px 48px 13px 14px;border-radius:12px;background:rgba(255,216,77,.10);border:1px solid rgba(255,216,77,.32);cursor:pointer}.pinned-branch-card:hover{background:rgba(255,216,77,.17)}.pinned-branch-path{font-size:14px;font-weight:700;line-height:1.4}.pinned-branch-remove{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:0;border-radius:8px;background:rgba(255,255,255,.1);color:#fff;cursor:pointer}.compact-empty{padding:14px 10px}.day-mode .branch-pin-btn{color:#8a5e00;border-color:rgba(201,138,0,.45);background:rgba(255,190,0,.14)}.day-mode .branch-pin-btn.on{color:#10395f;background:linear-gradient(135deg,#ffd84d,#f5b301)}.day-mode .pinned-title{color:#a86f00}.day-mode .pinned-branch-card{background:rgba(255,190,0,.12);border-color:rgba(201,138,0,.35);color:#17324a}.day-mode .pinned-branch-remove{background:rgba(18,58,94,.1);color:#17324a}


/* ---- Профиль пользователя и конструктор кнопок ---- */
.user-greeting{position:fixed;top:10px;right:12px;z-index:9000;max-width:min(390px,calc(100vw - 24px));padding:9px 13px;border:1px solid rgba(255,255,255,.22);border-radius:11px;background:rgba(10,35,56,.9);box-shadow:0 8px 28px rgba(0,0,0,.3);font-size:13px;line-height:1.35;text-align:right;backdrop-filter:blur(8px)}
.user-greeting strong{color:#ffd84d}.user-greeting .user-role{color:#a2e2c1;font-weight:700}.user-greeting .user-account-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:3px}.user-greeting .user-logout-link{display:inline-block;padding:0;border:0;background:none;color:#d8e8f5;font:inherit;font-size:12px;font-weight:700;line-height:1.2;text-decoration:underline;text-underline-offset:2px;cursor:pointer;opacity:.88}.user-greeting .user-logout-link:hover{opacity:1;color:#fff}.user-greeting .user-settings-gear{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:7px;background:rgba(255,255,255,.08);color:#d8e8f5;font-size:15px;line-height:1;cursor:pointer;opacity:.9}.user-greeting .user-settings-gear:hover{opacity:1;background:rgba(255,255,255,.16);color:#fff;transform:translateY(-1px)}.day-mode .user-greeting{background:rgba(255,255,255,.9);border-color:rgba(18,58,94,.22);color:#17324a}.day-mode .user-greeting strong{color:#a86f00}.day-mode .user-greeting .user-role{color:#176f52}.day-mode .user-greeting .user-logout-link{color:#31536f}.day-mode .user-greeting .user-logout-link:hover{color:#17324a}.day-mode .user-greeting .user-settings-gear{color:#31536f;border-color:rgba(18,58,94,.2);background:rgba(18,58,94,.05)}.day-mode .user-greeting .user-settings-gear:hover{color:#17324a;background:rgba(18,58,94,.1)}
.admin-add-wrap{margin:16px 0 4px;text-align:center}.admin-add-btn{min-height:46px;padding:11px 20px;border-radius:12px;border:1px dashed rgba(255,216,77,.7);background:rgba(255,216,77,.12);color:#ffd84d;font:inherit;font-weight:800;cursor:pointer}.admin-add-btn:hover{background:rgba(255,216,77,.22)}.day-mode .admin-add-btn{color:#8a5e00;border-color:#c9922a;background:rgba(255,190,0,.14)}
.builder-box{max-width:620px;width:94%}.builder-form{display:grid;gap:13px;margin-top:16px}.builder-form label{display:grid;gap:6px;font-size:14px;font-weight:700}.builder-form input,.builder-form textarea,.builder-form select{width:100%;padding:11px 12px;border:1px solid rgba(255,255,255,.24);border-radius:10px;background:rgba(0,0,0,.2);color:#fff;font:inherit;outline:none}.builder-form textarea{min-height:130px;resize:vertical}.builder-form select option{color:#111}.builder-form input:focus,.builder-form textarea:focus,.builder-form select:focus{border-color:#6cc0ff}.builder-actions{display:flex;gap:10px;margin-top:4px}.builder-actions button{flex:1;min-height:46px;border:0;border-radius:11px;font:inherit;font-weight:800;cursor:pointer}.builder-save{background:linear-gradient(135deg,#1fa855,#158043);color:#fff}.builder-cancel{background:rgba(255,255,255,.14);color:#fff}.gradient-preview{min-height:54px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.3)}
.builder-country-fields,.builder-gradient-fields{display:none;gap:12px;padding:12px;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:rgba(255,255,255,.045)}
.builder-country-fields.visible,.builder-gradient-fields.visible{display:grid}
.builder-hex-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.builder-country-note,.builder-gradient-note{font-size:12.5px;opacity:.72;line-height:1.4}
.gradient-preview.country-live-preview{gap:10px;padding:8px 14px;background-image:none}
.gradient-preview.country-live-preview img{display:block;max-width:30px;max-height:24px;width:auto;height:auto;object-fit:contain;flex:0 0 auto}
.flag-custom-country{display:inline-flex!important;width:24px!important;height:24px!important;align-items:center;justify-content:center;overflow:visible!important;vertical-align:-7px!important;margin-right:7px!important;background:transparent!important}
.flag-custom-country img{display:block!important;max-width:24px!important;max-height:24px!important;width:auto!important;height:auto!important;object-fit:contain!important;clip-path:none!important;border-radius:0!important;box-shadow:none!important}
.day-mode .builder-country-fields,.day-mode .builder-gradient-fields{background:rgba(18,58,94,.04);border-color:rgba(18,58,94,.16)}
.day-mode .builder-form label{color:#17324a}
.day-mode .builder-form input,.day-mode .builder-form textarea,.day-mode .builder-form select{background:#fff;color:#17324a;border-color:#9cbdd5;box-shadow:0 1px 0 rgba(18,58,94,.03)}
.day-mode .builder-form input::placeholder,.day-mode .builder-form textarea::placeholder{color:#6c8192}
.day-mode .builder-form input:focus,.day-mode .builder-form textarea:focus,.day-mode .builder-form select:focus{border-color:#0d5fc4;box-shadow:0 0 0 2px rgba(13,95,196,.12)}
.day-mode .builder-cancel{background:#dbe6ef;color:#17324a;border:1px solid #a9bdcc}
.day-mode .builder-cancel:hover{background:#cbdce8}
.day-mode .builder-country-note,.day-mode .builder-gradient-note{color:#4d687d;opacity:1}
.day-mode .gradient-preview{border-color:rgba(18,58,94,.28)}
.day-mode .changes-box h2{color:#a86f00}
.day-mode .changes-close{background:#dbe6ef;color:#17324a;border:1px solid #b3c7d5}
.day-mode .changes-close:hover{background:#cbdce8}
.day-mode .pam-close{background:#dbe6ef;color:#17324a;border:1px solid #b3c7d5}
.day-mode .pam-close:hover{background:#cbdce8}
@media(max-width:640px){.builder-hex-row{grid-template-columns:1fr}}
.choice.custom-grad-1,.tree-leaf.custom-grad-1,.gradient-preview.custom-grad-1{background:linear-gradient(135deg,#123b45 0%,#176b72 35%,#1ba49a 68%,#d4b24c 100%)!important}
.choice.custom-grad-2,.tree-leaf.custom-grad-2,.gradient-preview.custom-grad-2{background:linear-gradient(135deg,#28155f 0%,#5b2fb3 42%,#b23fc7 72%,#ff7a45 100%)!important}
.choice.custom-grad-3,.tree-leaf.custom-grad-3,.gradient-preview.custom-grad-3{background:linear-gradient(135deg,#174a7e 0%,#2776b9 48%,#64b5e8 72%,#ffd166 100%)!important}
.choice.custom-grad-4,.tree-leaf.custom-grad-4,.gradient-preview.custom-grad-4{background:linear-gradient(135deg,#365a2c 0%,#5f963f 48%,#a9cf63 74%,#f4d35e 100%)!important}
.choice.custom-grad-5,.tree-leaf.custom-grad-5,.gradient-preview.custom-grad-5{background:linear-gradient(135deg,#7a1f2b 0%,#c53b47 40%,#f07b3f 72%,#ffd166 100%)!important}
.choice.custom-grad-6,.tree-leaf.custom-grad-6,.gradient-preview.custom-grad-6{background:linear-gradient(135deg,#263238 0%,#546e7a 42%,#90a4ae 70%,#eceff1 100%)!important;color:#fff}
.choice.custom-grad-7,.tree-leaf.custom-grad-7,.gradient-preview.custom-grad-7{background:linear-gradient(135deg,#0b3d2e 0%,#147d64 42%,#35c48d 72%,#d8f27d 100%)!important}
.choice.custom-grad-8,.tree-leaf.custom-grad-8,.gradient-preview.custom-grad-8{background:linear-gradient(135deg,#4a124f 0%,#8d2a8f 42%,#dd5db1 72%,#ffb36b 100%)!important}
.choice.custom-grad-9,.tree-leaf.custom-grad-9,.gradient-preview.custom-grad-9{background:linear-gradient(135deg,#102a56 0%,#255db5 42%,#43b7e8 72%,#72f1d1 100%)!important}
.choice.custom-grad-10,.tree-leaf.custom-grad-10,.gradient-preview.custom-grad-10{background:linear-gradient(135deg,#5c2400 0%,#b85100 40%,#ff9f1c 72%,#ffe169 100%)!important}
.choice.custom-grad-11,.tree-leaf.custom-grad-11,.gradient-preview.custom-grad-11{background:linear-gradient(135deg,#340c1b 0%,#861f41 42%,#d94a70 72%,#ff9bb0 100%)!important}
.choice.custom-grad-12,.tree-leaf.custom-grad-12,.gradient-preview.custom-grad-12{background:linear-gradient(135deg,#1d2b3a 0%,#36566f 42%,#5e8ca8 72%,#bfe4f1 100%)!important}
.choice.custom-grad-13,.tree-leaf.custom-grad-13,.gradient-preview.custom-grad-13{background:linear-gradient(135deg,#2a1a55 0%,#5d3ab0 42%,#8a72e8 72%,#c8b8ff 100%)!important}
.choice.custom-grad-14,.tree-leaf.custom-grad-14,.gradient-preview.custom-grad-14{background:linear-gradient(135deg,#3e3a05 0%,#7f7610 42%,#c7b72f 72%,#fff18a 100%)!important;color:#17202a}
@media(max-width:640px){.user-greeting{position:static;margin:8px 12px 0;max-width:none;text-align:center}.builder-actions{flex-direction:column}}


/* ---- Раздел «Что изменилось» ---- */
.changes-side-btn{position:fixed;top:92px;right:12px;z-index:8999;display:flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid rgba(255,255,255,.22);border-radius:11px;background:rgba(10,35,56,.9);color:#fff;font:inherit;font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 8px 28px rgba(0,0,0,.25);backdrop-filter:blur(8px)}
.changes-side-btn:hover{transform:translateY(-1px)}
.changes-side-bell{display:none;font-size:16px;line-height:1;animation:changesBell 1.5s ease-in-out infinite}
.changes-side-btn.has-changes .changes-side-bell{display:inline-block}
@keyframes changesBell{0%,100%{transform:rotate(0)}25%{transform:rotate(-12deg)}75%{transform:rotate(12deg)}}
.changes-modal{position:fixed;inset:0;z-index:12000;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,.65)}
.changes-modal.open{display:flex}
.changes-box{position:relative;width:min(720px,94vw);max-height:82vh;overflow:auto;padding:22px;border-radius:16px;border:1px solid rgba(255,255,255,.18);background:#102d46;color:#fff;box-shadow:0 22px 70px rgba(0,0,0,.5)}
.changes-box h2{margin:0 42px 16px 0;color:#ffd84d}
.changes-close{position:absolute;right:14px;top:12px;width:34px;height:34px;border:0;border-radius:9px;background:rgba(255,255,255,.1);color:#fff;font-size:18px;cursor:pointer}
.changes-list{display:flex;flex-direction:column;gap:10px}
.changes-item{padding:12px 13px;border-radius:11px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13)}
.changes-item-time{margin-top:5px;font-size:12px;opacity:.7}
.changes-empty{padding:20px;text-align:center;opacity:.75}
.day-mode .changes-side-btn{background:rgba(255,255,255,.94);border-color:rgba(18,58,94,.22);color:#17324a}
.day-mode .changes-box{background:#f7fbfe;color:#17324a;border-color:#b8ccda}
.day-mode .changes-item{background:#fff;border-color:#cbdbe6}
@media(max-width:640px){.changes-side-btn{position:static;margin:8px 12px 0;width:calc(100% - 24px);justify-content:center}}


/* ---- Памятки справа и редактирование ---- */
.bonus-memo-side-btn{position:fixed;top:145px;right:12px;z-index:8998;display:flex;align-items:center;gap:8px;padding:11px 14px;border:1px solid #e2a800;border-radius:11px;background:linear-gradient(135deg,#ffe36a,#ffc928);color:#3d3000;font:inherit;font-size:13px;font-weight:900;cursor:pointer;box-shadow:0 8px 28px rgba(0,0,0,.25)}
.bonus-memo-side-btn:hover{filter:brightness(1.04);transform:translateY(-1px)}
.memo-admin-actions{display:none;gap:8px;flex-wrap:wrap;margin:0 40px 14px 0}.memo-admin-actions.visible{display:flex}
.memo-admin-actions button{padding:8px 12px;border:0;border-radius:9px;font:inherit;font-weight:800;cursor:pointer}
.memo-edit-btn{background:#ffd84d;color:#17324a}.memo-save-btn{background:#28a967;color:#fff}.memo-cancel-btn{background:rgba(255,255,255,.14);color:#fff}
.bonus-knowledge-actions{display:flex;justify-content:flex-start;margin:0 40px 12px 0}.bonus-knowledge-open{padding:9px 13px;border:1px solid rgba(108,192,255,.42);border-radius:9px;background:linear-gradient(135deg,rgba(43,143,255,.24),rgba(13,95,196,.18));color:inherit;font:inherit;font-weight:850;cursor:pointer}.bonus-knowledge-open:hover{filter:brightness(1.08)}.day-mode .bonus-knowledge-open{background:#e7f3fc;color:#17324a;border-color:#8fb9d5}
.memo-editable-content[contenteditable="true"]{outline:2px dashed #ffd84d;outline-offset:8px;border-radius:8px;min-height:100px}
.memo-editable-content h3{margin:20px 0 8px}.memo-editable-content h4{margin:16px 0 7px}.memo-editable-content p{line-height:1.55}.memo-editable-content li{margin:6px 0;line-height:1.5}
.memo-important{margin-top:18px;padding:14px 16px;border-left:5px solid #ffd84d;border-radius:10px;background:rgba(255,216,77,.10)}
.day-mode .bonus-memo-side-btn{color:#3d3000}.day-mode .memo-cancel-btn{background:#dce8ef;color:#17324a}
@media(max-width:640px){.bonus-memo-side-btn{position:static;margin:8px 12px 0;width:calc(100% - 24px);justify-content:center}}

/* ---- Обращения менеджеров справа ---- */
.manager-reports-side-btn{position:fixed;top:198px;right:12px;z-index:8997;display:none;align-items:center;gap:8px;padding:10px 13px;border:1px solid rgba(180,125,255,.55);border-radius:11px;background:linear-gradient(135deg,#7544a8,#55327f);color:#fff;font:inherit;font-size:13px;font-weight:850;cursor:pointer;box-shadow:0 8px 28px rgba(0,0,0,.25)}
.manager-reports-side-btn.visible{display:flex}.manager-reports-side-btn:hover{transform:translateY(-1px)}
.manager-reports-count{display:none;min-width:21px;height:21px;padding:0 6px;align-items:center;justify-content:center;border-radius:999px;background:#ffd84d;color:#3d3000;font-size:12px;font-weight:900}.manager-reports-count.visible{display:inline-flex}
.manager-reports-list{display:flex;flex-direction:column;gap:10px;margin-top:14px}.manager-report-item{padding:13px;border-radius:11px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14)}
.manager-report-item.is-new{border-left:4px solid #ffd84d}.manager-report-title{font-weight:850;margin-bottom:6px}.manager-report-comment{white-space:pre-wrap;line-height:1.45}.manager-report-meta{font-size:12px;opacity:.72;margin-top:7px}.manager-report-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.manager-report-actions button{padding:7px 10px;border:0;border-radius:8px;color:#fff;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.manager-report-accept{background:#2b8fff}.manager-report-reject{background:#d94747}.manager-report-fixed{background:#1fa855}
.day-mode .manager-reports-side-btn{color:#fff}.day-mode .manager-report-item{background:#fff;color:#17324a;border-color:rgba(18,58,94,.18)}
@media(max-width:640px){.manager-reports-side-btn{position:static;margin:8px 12px 0;width:calc(100% - 24px);justify-content:center}}
/* ---- Кнопка обращения менеджера на карточке СМС ---- */
.report-btn{min-height:42px;padding:9px 14px;border-radius:10px;border:1px solid rgba(255,166,60,.65);background:rgba(255,166,60,.12);color:#ffd2a3;font:inherit;font-weight:800;cursor:pointer}.report-btn:hover{transform:translateY(-1px);background:rgba(255,166,60,.2)}.day-mode .report-btn{background:#fff4df;border-color:#e5a641;color:#7a4a00}.report-help{font-size:13px;line-height:1.45;opacity:.78;margin:-4px 0 12px}.report-send{background:linear-gradient(135deg,#f2a62b,#d77c12)!important}


/* ---- Удаление, восстановление и журнал кнопок ---- */
.choice-admin-wrap{position:relative;min-width:0}.choice-admin-wrap .choice{width:100%;height:100%}
.choice-delete-btn{position:absolute;top:6px;right:6px;z-index:4;width:28px;height:28px;border:1px solid rgba(255,255,255,.45);border-radius:8px;background:rgba(112,15,20,.88);color:#fff;font:900 14px/1 sans-serif;cursor:pointer;box-shadow:0 3px 10px rgba(0,0,0,.3)}
.choice-delete-btn:hover{background:#d63b43;transform:scale(1.05)}
.choice-hide-btn{position:absolute;top:6px;left:6px;z-index:4;width:28px;height:28px;border:1px solid rgba(255,255,255,.45);border-radius:8px;background:rgba(28,82,125,.9);color:#fff;font:900 14px/1 sans-serif;cursor:pointer;box-shadow:0 3px 10px rgba(0,0,0,.3)}
.choice-hide-btn:hover{background:#2980b9;transform:scale(1.05)}
.button-history-side-btn{position:fixed;top:251px;right:12px;z-index:8996;display:none;align-items:center;gap:8px;padding:10px 13px;border:1px solid rgba(92,205,255,.55);border-radius:11px;background:linear-gradient(135deg,#17658a,#124763);color:#fff;font:inherit;font-size:13px;font-weight:850;cursor:pointer;box-shadow:0 8px 28px rgba(0,0,0,.25)}
.button-history-side-btn.visible{display:flex}.button-history-side-btn:hover{transform:translateY(-1px)}
.button-history-list{display:flex;flex-direction:column;gap:10px;margin-top:14px}.button-history-item{padding:13px;border-radius:11px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14)}
.button-history-title{font-weight:850}.button-history-meta{font-size:12px;opacity:.72;margin-top:6px}.button-history-badge{display:inline-block;margin-right:7px;padding:3px 7px;border-radius:999px;font-size:11px;font-weight:900}.button-history-badge.added{background:#1f9d63}.button-history-badge.deleted{background:#c84950}.button-history-badge.restored{background:#2d83d5}
.button-restore-btn{margin-top:10px;padding:8px 12px;border:0;border-radius:8px;background:#1fa855;color:#fff;font:inherit;font-size:12px;font-weight:850;cursor:pointer}
.reserve-recovery-wrap{margin:14px 0 2px;text-align:center}.reserve-recovery-launch{min-height:46px;padding:11px 20px;border-radius:12px;border:1px solid rgba(65,190,125,.72);background:linear-gradient(135deg,rgba(31,168,85,.22),rgba(43,143,211,.18));color:#a9ffd0;font:inherit;font-weight:900;cursor:pointer}.reserve-recovery-launch:hover{background:linear-gradient(135deg,rgba(31,168,85,.34),rgba(43,143,211,.28));transform:translateY(-1px)}.day-mode .reserve-recovery-launch{color:#17663d;border-color:#54a779;background:linear-gradient(135deg,#e8fff1,#eaf5ff)}.recovery-kind{display:inline-block;margin-left:7px;padding:2px 7px;border-radius:999px;background:rgba(90,160,220,.2);font-size:11px;font-weight:900}.recovery-path{font-size:12px;opacity:.75;margin-top:5px;overflow-wrap:anywhere}.recovery-empty{padding:18px;border-radius:12px;text-align:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14)}.day-mode .recovery-empty{background:#fff;border-color:rgba(18,58,94,.18)}
.day-mode .button-history-item{background:#fff;color:#17324a;border-color:rgba(18,58,94,.18)}
.recovery-intro{padding:12px 14px;border-radius:12px;background:rgba(65,135,190,.12);border:1px solid rgba(95,170,225,.26);font-size:13px;line-height:1.45}
.recovery-step-title{margin:14px 0 8px;font-size:14px;font-weight:900;color:#ffd56a}.day-mode .recovery-step-title{color:#8b6200}
.recovery-items{display:grid;gap:9px}.recovery-pick{width:100%;text-align:left;padding:12px 13px;border-radius:11px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.055);color:inherit;font:inherit;cursor:pointer}.recovery-pick:hover{background:rgba(255,255,255,.1)}.recovery-pick.selected{border-color:#48bd7b;background:rgba(31,168,85,.14);box-shadow:0 0 0 2px rgba(31,168,85,.12)}.day-mode .recovery-pick{background:#fff;border-color:rgba(18,58,94,.18);color:#17324a}.day-mode .recovery-pick.selected{border-color:#2f9d62;background:#ebfff3}
.recovery-pick-head{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-weight:900}.recovery-action-badge{display:inline-block;padding:2px 7px;border-radius:999px;font-size:10.5px;font-weight:900;background:rgba(200,73,80,.2)}.recovery-action-badge.hidden{background:rgba(45,131,213,.2)}.recovery-action-badge.reserve{background:rgba(185,139,22,.24);color:#ffe8a0}.day-mode .recovery-action-badge.reserve{color:#765500;background:#fff0bd}
.recovery-destination{margin-top:14px;padding:14px;border-radius:12px;border:1px solid rgba(75,185,130,.34);background:rgba(20,100,70,.12)}.day-mode .recovery-destination{background:#f4fff8;border-color:#8bc6a5}.recovery-root-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}.recovery-root-btn{min-height:40px;padding:8px 10px;border-radius:9px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);color:inherit;font:inherit;font-weight:850;cursor:pointer}.recovery-root-btn.active{background:#2479c2;color:#fff;border-color:#5db2f3}.day-mode .recovery-root-btn{background:#fff;color:#17324a;border-color:#bdd0dd}.day-mode .recovery-root-btn.active{background:#2479c2;color:#fff;border-color:#2479c2}
.recovery-destination-select{width:100%;min-height:43px;padding:9px 10px;border-radius:9px;border:1px solid rgba(255,255,255,.22);background:#17324a;color:#fff;font:inherit;font-weight:700;outline:none}.day-mode .recovery-destination-select{background:#fff;color:#17324a;border-color:#b9cbd8}.recovery-route-preview{margin-top:8px;padding:9px 10px;border-radius:9px;background:rgba(0,0,0,.13);font-size:12px;line-height:1.4;overflow-wrap:anywhere}.day-mode .recovery-route-preview{background:#eaf2f7}.recovery-confirm{width:100%;min-height:44px;margin-top:10px;padding:10px 14px;border:0;border-radius:10px;background:linear-gradient(135deg,#1fa855,#2088ca);color:#fff;font:inherit;font-weight:900;cursor:pointer}.recovery-confirm:disabled{opacity:.5;cursor:wait}.recovery-relocated-note{margin-top:8px;font-size:11.5px;opacity:.72}.button-history-badge.relocated{background:#8b68cf}
.button-history-badge.reserve{background:#b98b16;color:#fff7d2}
.recovery-permanent{width:100%;min-height:42px;margin-top:8px;padding:9px 14px;border:1px solid rgba(255,110,110,.48);border-radius:10px;background:rgba(196,45,55,.18);color:#ffb8bd;font:inherit;font-weight:900;cursor:pointer}
.recovery-permanent:hover{background:rgba(196,45,55,.3)}
.day-mode .recovery-permanent{background:#fff0f1;border-color:#df8c93;color:#9c222c}
.reserve-stock-card{position:relative;overflow:visible!important;text-align:center}
.reserve-stock-card:hover{filter:brightness(1.06)}
.reserve-stock-card .reserve-stock-badge{position:absolute;right:6px;top:5px;z-index:5;padding:2px 6px;border-radius:999px;background:rgba(150,25,35,.86);color:#fff;font-size:9px;font-weight:900;line-height:1.25;box-shadow:0 2px 7px rgba(0,0,0,.18)}
.reserve-stock-card .reserve-stock-badge.hidden{background:rgba(35,109,174,.90)}
.day-mode .reserve-stock-card .reserve-stock-badge{color:#fff}
.reminder-launch{background:linear-gradient(135deg,rgba(255,216,77,.30),rgba(245,179,1,.16))!important;border-color:rgba(255,216,77,.62)!important;color:#fff4b0!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}
.reminder-launch:hover{filter:brightness(1.08)}
.day-mode .reminder-launch{background:linear-gradient(135deg,rgba(255,216,77,.42),rgba(245,179,1,.20))!important;border-color:#d2a62b!important;color:#6c5000!important}
@media(max-width:640px){.button-history-side-btn{position:static;margin:8px 12px 0;width:calc(100% - 24px);justify-content:center}}


.artifact-lang-select{min-width:76px;padding:8px 10px;border:1px solid rgba(255,255,255,.22);border-radius:9px;background:#17324a;color:#fff;font:inherit;font-weight:900;cursor:pointer}.day-mode .artifact-lang-select{background:#fff;color:#17324a;border-color:#b9cbd8}.memo-admin-actions .artifact-lang-select{height:38px}