/* ============================================================
   Макеты интерфейса — повторяют реальные экраны системы.
   Масштаб примерно 0,75 от настоящего размера.
   ============================================================ */

/* фирменный знак — настоящий герб SIXERP (assets/icons/icon-512.png,
   обрезан до самой шапочки, без подписи). Один и тот же файл, что и
   в шапке сайта и в фавиконе — раньше здесь была нарисованная от руки
   похожая, но другая иконка, из-за чего лого «расходилось» между
   разделами. */
.mark {
    width: 26px; height: 26px; flex: none; display: inline-block;
    background: no-repeat center/contain url("data:image/png;base64,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");
}
.mark.sm { width: 17px; height: 17px; }
.mark.lg { width: 34px; height: 34px; }

.ui {
    align-self: start;
    border-radius: 18px;
    overflow: hidden;
    background: #f6f8fc;
    box-shadow: 0 18px 44px rgba(20, 30, 50, .10), 0 2px 6px rgba(20, 30, 50, .05);
    font-size: 11px;
    line-height: 1.45;
    color: var(--ink);
}
.ui.z95 { zoom: .95; } .ui.z9 { zoom: .9; } .ui.z85 { zoom: .85; } .ui.z8 { zoom: .8; } .ui.z75 { zoom: .75; }

/* шапка сайта */
.ui-head {
    display: flex; align-items: center; gap: 16px;
    padding: 10px 16px; background: #fff;
}
.ui-logo { display: flex; align-items: center; gap: 7px; }
.ui-logo span {
    font-size: 8.5px; font-weight: 800; line-height: 1.05;
    letter-spacing: .02em; color: var(--accent-dark); text-transform: uppercase;
}
.ui-nav {
    display: flex; align-items: center; gap: 15px; margin: 0 auto;
    font-size: 10.5px; color: var(--ink-2); font-weight: 600;
}
.ui-nav span { white-space: nowrap; display: inline-flex; align-items: center; gap: 5px; }
.ui-nav .me { color: var(--ink); font-weight: 700; }
.ui-nav i {
    width: 11px; height: 11px; display: block; flex: none;
    /* не background-шорткард — см. пояснение у .phone-tabs i ниже:
       шорткард обнулял бы картинку, которую ставит .i-* класс того же <i> */
    background-repeat: no-repeat; background-position: center; background-size: contain;
}
.i-cal { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2366728a' stroke-width='2' stroke-linecap='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='3'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E"); }
.i-users { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2366728a' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='9' cy='8' r='3.4'/%3E%3Cpath d='M2.5 20c.6-3.4 3.3-5.2 6.5-5.2s5.9 1.8 6.5 5.2'/%3E%3Cpath d='M16.5 5.2a3.4 3.4 0 0 1 0 6.6M18 14.5c2.2.6 3.4 2.3 3.6 5'/%3E%3C/svg%3E"); }
.i-calchk { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2366728a' stroke-width='2' stroke-linecap='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='3'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4M9 15l2 2 4-4'/%3E%3C/svg%3E"); }
.i-dots { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2366728a'%3E%3Ccircle cx='5' cy='12' r='2'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3Ccircle cx='19' cy='12' r='2'/%3E%3C/svg%3E"); }
.i-book { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2366728a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5.5A2.5 2.5 0 0 1 5.5 3H11v18H5.5A2.5 2.5 0 0 1 3 18.5v-13Z'/%3E%3Cpath d='M21 5.5A2.5 2.5 0 0 0 18.5 3H13v18h5.5a2.5 2.5 0 0 0 2.5-2.5v-13Z'/%3E%3C/svg%3E"); }
.i-exam { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2366728a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='16' height='18' rx='3'/%3E%3Cpath d='M8 9h8M8 13h5M8 17h3'/%3E%3C/svg%3E"); }
.i-cap { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2366728a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4 2 8.5 12 13l10-4.5L12 4Z'/%3E%3Cpath d='M6 11v4.5c0 1.9 2.7 3.5 6 3.5s6-1.6 6-3.5V11'/%3E%3C/svg%3E"); }
.ui-theme {
    width: 14px; height: 14px; border-radius: 50%; flex: none;
    background: linear-gradient(90deg, var(--ink) 50%, #fff 50%);
    border: 1.5px solid var(--ink);
}

/* тело страницы */
.ui-body { background: #f6f8fc; padding: 15px 18px; }
.ui-body.white { background: #fff; }
.ui-h1 {
    font-size: 17px; font-weight: 800; letter-spacing: -.02em;
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    margin-bottom: 12px;
}
.ui-h1 .side { font-size: 10px; font-weight: 600; color: var(--accent); }
.ui-sec {
    font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase;
    color: var(--muted); margin: 0 0 8px;
}

/* чипы-показатели */
.ui-chips { display: flex; gap: 7px; flex-wrap: wrap; margin-bottom: 12px; }
.ui-chip {
    background: #fff; border-radius: 999px; padding: 7px 13px;
    font-size: 10px; color: var(--muted); white-space: nowrap;
    box-shadow: 0 1px 2px rgba(22, 32, 46, .06);
}
.ui-chip b { color: var(--ink); font-weight: 800; font-size: 11px; }
.ui-chip.on { background: var(--accent-bg); color: var(--accent-dark); font-weight: 700; }
.ui-chip.g b { color: var(--green); }
.ui-chip.r b { color: var(--red); }
.ui-chip.line { background: #fff; box-shadow: inset 0 0 0 1.4px var(--green); color: var(--green); font-weight: 700; }

/* карточки */
.ui-card {
    background: #fff; border-radius: 16px; padding: 14px 16px; margin-bottom: 10px;
    box-shadow: 0 1px 2px rgba(22, 32, 46, .05), 0 8px 20px rgba(22, 32, 46, .05);
}
.ui-card:last-child { margin-bottom: 0; }
.ui-card.soft { background: #eef2fa; box-shadow: none; }
.ui-card.tint { background: #f5f8ff; box-shadow: inset 0 0 0 1.4px var(--accent); }
.ui-ct {
    font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase;
    color: var(--muted); margin-bottom: 10px;
    display: flex; align-items: baseline; justify-content: space-between; gap: 10px;
}
.ui-ct .more { font-size: 9px; letter-spacing: 0; text-transform: none; color: var(--accent); font-weight: 600; }
.ui-title { font-size: 11.5px; font-weight: 700; margin-bottom: 8px; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.ui-sub { font-size: 9.5px; color: var(--muted); line-height: 1.5; }
.ui-empty { font-size: 10px; color: var(--muted); font-style: italic; }

/* строки */
.ui-lrow { display: flex; align-items: center; gap: 9px; background: #eef2fa; border-radius: 12px; padding: 9px 11px; margin-bottom: 6px; }
.ui-lrow:last-child { margin-bottom: 0; }
.ui-lrow.warn { background: #fbf1e0; }
.ui-lrow.plain { background: transparent; padding: 8px 0; border-bottom: 1px solid var(--line-2); border-radius: 0; }
.ui-lrow .t { font-weight: 800; font-size: 10.5px; flex: none; }
.ui-lrow .grow { flex: 1; min-width: 0; }
.ui .nm { display: block; font-weight: 700; font-size: 10.5px; }
.ui .dsc { display: block; font-size: 9.5px; color: var(--muted); margin-top: 1px; line-height: 1.4; }

/* аватар */
.ui-av {
    width: 26px; height: 26px; border-radius: 50%; flex: none;
    background: var(--accent-bg); color: var(--accent-dark);
    display: flex; align-items: center; justify-content: center;
    font-size: 9px; font-weight: 800;
}
.ui-av.lg { width: 34px; height: 34px; font-size: 11px; }
.ui-av.g { background: var(--green-bg); color: var(--green); }
.ui-av.o { background: var(--orange-bg); color: var(--orange); }
.ui-av.v { background: var(--violet-bg); color: var(--violet); }
.ui-av.r { background: var(--red-bg); color: var(--red); }

/* значки */
.ui-badge {
    display: inline-block; padding: 4px 9px; border-radius: 999px;
    font-size: 9px; font-weight: 700; white-space: nowrap;
    background: #eef1f6; color: var(--ink-2);
}
.ui-badge.g { background: var(--green-bg); color: var(--green); }
.ui-badge.r { background: var(--red-bg); color: var(--red); }
.ui-badge.o { background: var(--orange-bg); color: var(--orange); }
.ui-badge.a { background: var(--accent-bg); color: var(--accent-dark); }
.ui-badge.v { background: var(--violet-bg); color: var(--violet); }
.ui-badge.line { background: #fff; box-shadow: inset 0 0 0 1.3px var(--green); color: var(--green); }
.ui-badge.line-r { background: #fff; box-shadow: inset 0 0 0 1.3px var(--red); color: var(--red); }

/* кнопки */
.ui-btn {
    display: inline-flex; align-items: center; gap: 5px;
    padding: 7px 14px; border-radius: 12px; font-size: 10px; font-weight: 700;
    background: var(--accent); color: #fff; white-space: nowrap;
    box-shadow: 0 3px 10px rgba(52, 87, 213, .25);
}
.ui-btn.ghost { background: #fff; color: var(--ink-2); box-shadow: 0 1px 3px rgba(22, 32, 46, .1); }
.ui-btn.soft { background: #eef2fa; color: var(--ink-2); box-shadow: none; }
.ui-links { display: flex; gap: 13px; font-size: 10px; font-weight: 600; color: var(--accent); }
.ui-links .del { color: var(--red); }

/* таблицы */
.ui-table { width: 100%; border-collapse: collapse; font-size: 10px; }
.ui-table th {
    text-align: left; font-size: 8.5px; font-weight: 800; color: var(--muted);
    text-transform: uppercase; letter-spacing: .08em;
    padding: 0 8px 9px 0; border-bottom: 1px solid var(--line-2);
}
.ui-table td { padding: 9px 8px 9px 0; border-bottom: 1px solid var(--line-2); vertical-align: middle; }
.ui-table tr:last-child td { border-bottom: none; }
.ui-table td.n { font-weight: 700; }
.ui-table .r { text-align: right; }
.ui-table .c { text-align: center; }
.ui-table .lnk { color: var(--accent); font-weight: 700; }
.ui-table tr.hi td { background: #fffaf0; }

/* поля формы */
.ui-field { margin-bottom: 11px; }
.ui-label { font-size: 9px; color: var(--muted); font-weight: 700; margin-bottom: 5px; display: block; }
.ui-input {
    border: 1px solid var(--line); border-radius: 12px; background: #fff;
    padding: 8px 11px; font-size: 10px; min-height: 30px; display: flex; align-items: center;
    justify-content: space-between;
}
.ui-input.ph { color: var(--faint); }
.ui-input.area { min-height: 52px; align-items: flex-start; line-height: 1.5; }
.ui-check { display: inline-flex; align-items: flex-start; gap: 6px; }
.ui-check i { width: 11px; height: 11px; border: 1.4px solid var(--line); border-radius: 3px; display: block; background: #fff; flex: none; margin-top: 1px; }
.ui-check i.on {
    background: var(--accent) no-repeat center/9px
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5 10 17 19 7'/%3E%3C/svg%3E");
    border-color: var(--accent);
}

.ui-warn { background: #fbf1e0; color: #8a5a12; border-radius: 12px; padding: 9px 12px; font-size: 9.5px; font-weight: 600; margin-bottom: 10px; }

/* ---------- календарь месяца ---------- */
.ui-cal { display: grid; grid-template-columns: repeat(7, 1fr); gap: 6px; }
.ui-cal .wd { font-size: 8.5px; color: var(--muted); text-align: center; font-weight: 800; letter-spacing: .08em; padding-bottom: 2px; }
.ui-day {
    background: #fff; border: 1px solid var(--line); border-radius: 12px;
    min-height: 50px; padding: 5px 6px;
}
.ui-day .dh { display: flex; justify-content: space-between; align-items: center; margin-bottom: 4px; }
.ui-day .dh .d { font-size: 9px; color: var(--muted); font-weight: 700; }
.ui-day .dh .pl { font-size: 9px; color: var(--faint); }
.ui-day.out { background: #f4f6fb; border-color: transparent; }
.ui-day.out .d { color: var(--faint); }
.ui-day.today { border-color: var(--accent); box-shadow: 0 0 0 1.5px var(--accent); }
.ui-slot {
    display: flex; align-items: center; gap: 4px;
    font-size: 8px; font-weight: 700; border-radius: 999px;
    padding: 3px 7px; margin-bottom: 3px; white-space: nowrap; overflow: hidden;
    background: #e6f5ec; color: #15803d;
    border-left: 3px solid #16a34a;
}
.ui-slot .tm { margin-left: auto; opacity: .85; font-weight: 700; }
.ui-slot.plan { background: #eef1f6; color: #4b5565; border-left-color: #9aa3b2; }
.ui-slot.off { background: #fdeaea; color: var(--red); border-left-color: var(--red); text-decoration: line-through; }
.ui-slot.moved { background: #fbf1e0; color: #a9641a; border-left-color: var(--orange); text-decoration: line-through; }
.ui-slot.movedin { background: var(--accent-bg); color: var(--accent-dark); border-left-color: var(--accent); }
.ui-slot.grp { background: #f1ebfe; color: var(--violet); border-left-color: var(--violet); }
.ui-slot.dim { background: #f4f6fb; color: var(--faint); border-left-color: #d7dce6; }
.ui-legend { display: flex; gap: 11px; flex-wrap: wrap; margin-top: 11px; font-size: 8.5px; color: var(--muted); justify-content: center; }
.ui-legend span { display: inline-flex; align-items: center; gap: 4px; }
.ui-legend i { width: 6px; height: 6px; border-radius: 50%; display: block; }

/* матрица оценок */
.ui-matrix { width: 100%; border-collapse: separate; border-spacing: 4px; font-size: 9px; }
.ui-matrix th { font-size: 8px; font-weight: 700; color: var(--muted); text-align: center; padding: 0 2px 3px; line-height: 1.25; }
.ui-matrix th.l, .ui-matrix td.l { text-align: left; font-weight: 700; color: var(--accent-dark); white-space: nowrap; }
.ui-matrix td { text-align: center; padding: 6px 4px; border-radius: 999px; background: #f2f4f8; font-weight: 700; color: var(--ink-2); }
.ui-matrix td.hi { background: #d9f0e2; color: #0f7038; }
.ui-matrix td.mid { background: #fbf1e0; color: #a9641a; }
.ui-matrix td.low { background: #fbe3e3; color: #b91c1c; }
.ui-matrix td.none { background: #f2f4f8; color: var(--faint); font-weight: 500; }
.ui-matrix td.sum { background: var(--accent-bg); color: var(--accent-dark); }

/* полосы, показатели, кольцо */
.ui-bar-line { height: 6px; border-radius: 4px; background: #eef2fa; overflow: hidden; }
.ui-bar-line i { display: block; height: 100%; background: var(--accent); border-radius: 4px; }
.ui-bar-line i.g { background: var(--green); }

.ui-kpi { display: flex; gap: 9px; }
.ui-kpi > div { flex: 1; background: #fff; border-radius: 14px; padding: 11px 12px; box-shadow: 0 1px 3px rgba(22, 32, 46, .06); }
.ui-kpi .v { font-size: 15px; font-weight: 800; letter-spacing: -.02em; }
.ui-kpi .k { font-size: 8.5px; color: var(--muted); margin-top: 2px; }

.ui-donut {
    width: 52px; height: 52px; border-radius: 50%; flex: none;
    display: flex; align-items: center; justify-content: center;
    font-size: 11px; font-weight: 800; color: var(--ink);
    background: conic-gradient(var(--orange) var(--p, 77%), #e7ebf2 0);
    position: relative;
}
.ui-donut.g { background: conic-gradient(var(--green) var(--p, 94%), #e7ebf2 0); }
.ui-donut::before { content: ""; position: absolute; inset: 7px; border-radius: 50%; background: #fff; }
.ui-donut span { position: relative; }

.ui-chart { width: 100%; height: 78px; display: block; }

/* ---------- Телефон ---------- */
.phone {
    width: 250px; flex: none;
    border: 9px solid #1b232e; border-radius: 34px;
    background: #1b232e; overflow: hidden;
    box-shadow: 0 22px 50px rgba(20, 30, 50, .22);
}
.phone-screen { background: #f6f8fc; height: 470px; overflow: hidden; position: relative; display: flex; flex-direction: column; }
.phone-status {
    height: 22px; background: #fff; display: flex; align-items: center;
    justify-content: space-between; padding: 0 14px; font-size: 8.5px;
    color: var(--ink); font-weight: 700; flex: none;
}
.phone-top { background: #fff; padding: 7px 12px; display: flex; align-items: center; gap: 7px; flex: none; }
.phone-body { flex: 1; padding: 10px 11px; overflow: hidden; }
.phone-tabs {
    flex: none; background: #fff; display: flex; padding: 7px 4px 9px;
    box-shadow: 0 -1px 0 rgba(22, 32, 46, .06);
}
.phone-tabs div { flex: 1; text-align: center; font-size: 7.5px; font-weight: 700; color: var(--muted); }
.phone-tabs div.on { color: var(--accent-dark); }
/* Раньше здесь стоял шорткард `background: no-repeat center/contain` —
   он сам не задаёт картинку, но, будучи шорткардом, обнуляет
   background-image в любом случае (в том числе там, где её ставит .i-book
   и другие .i-* классы у того же <i>), из-за чего иконки вкладок были
   невидимы. Явные background-repeat/position/size это не трогают. */
.phone-tabs i { width: 13px; height: 13px; display: block; margin: 0 auto 3px; background-repeat: no-repeat; background-position: center; background-size: contain; }
.phone .ui-card { margin-bottom: 8px; border-radius: 14px; }

/* ---------- Telegram ---------- */
.tg {
    align-self: start; width: 100%;
    border-radius: 16px; overflow: hidden;
    background: #0e1621;
    box-shadow: 0 18px 44px rgba(20, 30, 50, .18);
    font-size: 10.5px; color: #e9eef4;
}
.tg-head {
    background: #17212b; padding: 9px 13px; display: flex; align-items: center; gap: 9px;
    border-bottom: 1px solid #0b1219;
}
.tg-head .av {
    width: 26px; height: 26px; border-radius: 50%; flex: none;
    background: linear-gradient(135deg, #4a90e2, #2b5278);
    display: flex; align-items: center; justify-content: center;
    font-size: 10px; font-weight: 800; color: #fff;
}
.tg-head .nm { font-size: 11px; font-weight: 700; color: #fff; }
.tg-head .st { font-size: 8.5px; color: #7e8b9a; }
.tg-body {
    padding: 12px; display: flex; flex-direction: column; gap: 8px;
    background:
      radial-gradient(circle at 20% 20%, rgba(76, 120, 180, .10), transparent 45%),
      radial-gradient(circle at 80% 70%, rgba(76, 120, 180, .08), transparent 40%),
      #0e1621;
}
.tg-msg {
    background: #182533; border-radius: 12px 12px 12px 4px; padding: 9px 11px;
    max-width: 92%; white-space: pre-line; line-height: 1.5;
}
.tg-msg.out { align-self: flex-end; background: #2b5278; border-radius: 12px 12px 4px 12px; }
.tg-msg .time { font-size: 8.5px; color: #7e8b9a; text-align: right; margin-top: 4px; }
.tg-msg b { color: #fff; font-weight: 700; }
.tg-msg .lnk { color: #6fb2f0; }
.tg-kb { display: flex; flex-direction: column; gap: 3px; margin-top: 8px; }
.tg-kb.row { flex-direction: row; }
.tg-kb span {
    background: #1e2c3b; border-radius: 8px; padding: 7px 10px;
    font-size: 10px; font-weight: 700; color: #dbe6f2; text-align: center; flex: 1;
}
.tg-input {
    background: #17212b; padding: 8px 13px; display: flex; align-items: center; gap: 9px;
    color: #6c7a89; font-size: 10px;
}
.tg-input .fld { flex: 1; }
.tg-input .ic { width: 12px; height: 12px; border-radius: 3px; background: #2b3844; flex: none; }

/* ---------- ВКонтакте ---------- */
.vk {
    align-self: start; width: 100%;
    border-radius: 16px; overflow: hidden; background: #edeef0;
    box-shadow: 0 18px 44px rgba(20, 30, 50, .12);
    font-size: 10.5px; color: #000;
}
.vk-head {
    background: #fff; padding: 9px 13px; display: flex; align-items: center; gap: 9px;
    border-bottom: 1px solid #e3e5e8;
}
.vk-head .av {
    width: 26px; height: 26px; border-radius: 50%; flex: none;
    background: #4a76a8; color: #fff; display: flex; align-items: center; justify-content: center;
    font-size: 10px; font-weight: 800;
}
.vk-head .nm { font-size: 11px; font-weight: 700; }
.vk-head .st { font-size: 8.5px; color: #818c99; }
.vk-body { padding: 12px; display: flex; flex-direction: column; gap: 8px; background: #edeef0; }
.vk-msg {
    background: #fff; border-radius: 14px 14px 14px 4px; padding: 9px 11px;
    max-width: 92%; white-space: pre-line; line-height: 1.5;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .06);
}
.vk-msg.out { align-self: flex-end; background: #cce4ff; border-radius: 14px 14px 4px 14px; }
.vk-msg .time { font-size: 8.5px; color: #818c99; text-align: right; margin-top: 4px; }
.vk-kb { display: flex; gap: 5px; margin-top: 8px; }
.vk-kb span {
    background: #e5ebf1; border-radius: 8px; padding: 7px 10px; flex: 1; text-align: center;
    font-size: 10px; font-weight: 600; color: #2a5885;
}
.vk-input {
    background: #fff; padding: 8px 13px; display: flex; align-items: center; gap: 9px;
    color: #818c99; font-size: 10px; border-top: 1px solid #e3e5e8;
}
.vk-input .fld { flex: 1; }
.vk-input .ic { width: 12px; height: 12px; border-radius: 3px; background: #e3e5e8; flex: none; }