.task-filters {
    grid-template-columns: minmax(210px, 1.5fr) repeat(3, minmax(170px, 1fr)) auto;
}

.view-switch,
.pipeline-tabs,
.task-card-top,
.task-card-meta {
    display: flex;
}

.section-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

.section-head h2 {
    margin-bottom: 4px;
}

.section-head p {
    margin: 0;
}

.panel > .issue {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.panel > .issue > div > p {
    margin: 4px 0 0;
}

.task-finance-summary {
    position: relative;
    overflow: hidden;
    border-color: rgba(155, 135, 245, .28);
    background:
        radial-gradient(circle at 88% -30%, rgba(155, 135, 245, .2), transparent 42%),
        linear-gradient(145deg, #171c28, #11151e);
    box-shadow: 0 20px 50px rgba(0, 0, 0, .16);
}

.task-finance-summary::before {
    content: '';
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: linear-gradient(180deg, var(--accent), #67e8f9);
}

.task-finance-head,
.task-finance-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.task-finance-head {
    margin-bottom: 18px;
}

.task-finance-head h2 {
    margin: 3px 0 2px;
    font-size: 22px;
}

.task-finance-head p:last-child {
    margin: 0;
    color: var(--muted);
}

.task-finance-details {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
    padding: 9px 12px;
    border: 1px solid rgba(155, 135, 245, .28);
    border-radius: 11px;
    background: rgba(155, 135, 245, .08);
    color: #c7bbff;
    font-size: 13px;
    font-weight: 750;
    text-decoration: none;
    transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

.task-finance-details:hover {
    border-color: rgba(155, 135, 245, .55);
    background: rgba(155, 135, 245, .14);
    transform: translateY(-1px);
}

.task-finance-grid {
    display: grid;
    grid-template-columns: 1.18fr repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.task-finance-metric {
    min-width: 0;
    padding: 15px 16px;
    border: 1px solid rgba(72, 83, 104, .5);
    border-radius: 15px;
    background: rgba(10, 14, 21, .5);
}

.task-finance-metric > span,
.task-finance-metric > small {
    display: block;
    color: var(--muted);
}

.task-finance-metric > span {
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.task-finance-metric > strong {
    display: block;
    margin: 7px 0 5px;
    overflow-wrap: anywhere;
    font-size: clamp(19px, 2vw, 25px);
    line-height: 1.15;
}

.task-finance-metric > small {
    font-size: 11px;
    line-height: 1.4;
}

.task-finance-metric.is-profit {
    border-color: rgba(66, 200, 135, .34);
    background: linear-gradient(145deg, rgba(36, 102, 75, .42), rgba(12, 31, 25, .55));
}

.task-finance-metric.is-profit > strong {
    color: #72e4aa;
}

.task-finance-metric.is-profit.is-negative {
    border-color: rgba(239, 102, 115, .4);
    background: linear-gradient(145deg, rgba(105, 42, 53, .42), rgba(36, 17, 23, .55));
}

.task-finance-metric.is-profit.is-negative > strong,
.task-finance-foot .is-negative {
    color: var(--danger);
}

.task-finance-metric.is-cost > strong {
    color: #f0bd68;
}

.task-finance-foot {
    margin-top: 12px;
    padding: 12px 14px;
    border: 1px solid rgba(72, 83, 104, .38);
    border-radius: 13px;
    background: rgba(10, 14, 21, .34);
}

.task-finance-foot p {
    margin: 0;
    color: #c7ceda;
    font-size: 12px;
}

.task-finance-foot p > span {
    margin-right: 8px;
    color: var(--muted);
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .07em;
    text-transform: uppercase;
}

@media(max-width: 980px) {
    .task-finance-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media(max-width: 640px) {
    .task-finance-head,
    .task-finance-foot {
        display: grid;
    }

    .task-finance-details {
        justify-self: start;
    }

    .task-finance-grid {
        grid-template-columns: 1fr;
    }
}

.view-switch {
    gap: 8px;
}

.view-switch .button {
    padding: 9px 13px;
}

.view-switch .active {
    background: var(--accent);
    color: #0d0c14;
}

.pipeline-tabs {
    gap: 8px;
    overflow-x: auto;
    margin: 0 0 16px;
    padding-bottom: 5px;
}

.pipeline-tab {
    border: 1px solid var(--line);
    border-radius: 999px;
    padding: 8px 13px;
    color: var(--muted);
    text-decoration: none;
    white-space: nowrap;
}

.pipeline-tab.active {
    border-color: var(--accent);
    color: var(--text);
    background: #211d36;
}

.pipeline-tab span {
    display: inline-flex;
    min-width: 22px;
    justify-content: center;
    margin-left: 5px;
    padding: 1px 6px;
    border-radius: 999px;
    background: #27223f;
    color: var(--text);
    font-size: 11px;
}

.kanban {
    display: flex;
    gap: 14px;
    overflow-x: auto;
    align-items: flex-start;
    padding-bottom: 18px;
    scroll-snap-type: x proximity;
}

.kanban-column {
    position: relative;
    flex: 0 0 284px;
    background: #10141c;
    border: 1px solid var(--line);
    border-radius: 15px;
    scroll-snap-align: start;
    overflow: hidden;
    transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}

.kanban-column::before {
    content: '';
    position: absolute;
    inset: -1px;
    pointer-events: none;
    background: radial-gradient(circle at 50% -12%, rgba(139, 92, 246, .13), transparent 38%);
    opacity: .5;
}

.kanban-column > header {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 14px;
    border-bottom: 1px solid var(--line);
}

.stage-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--stage-color);
}

.stage-count {
    margin-left: auto;
    color: var(--muted);
    font-size: 12px;
}

.kanban-cards {
    position: relative;
    display: grid;
    gap: 10px;
    min-height: 110px;
    padding: 10px;
}

.kanban-cards.drag-over {
    background: linear-gradient(145deg, rgba(139, 92, 246, .14), rgba(34, 211, 238, .055));
    box-shadow: inset 0 0 0 1px rgba(139, 92, 246, .38), inset 0 0 34px rgba(139, 92, 246, .08);
}

.kanban-cards.stage-arrival {
    animation: stage-arrival .7s cubic-bezier(.22, 1, .36, 1);
}

.task-card {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 13px;
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
    transform: translateZ(0);
    transition: border-color .22s ease, box-shadow .22s ease, opacity .22s ease;
}

.task-card a {
    -webkit-user-drag: none;
}

.task-card.dragging {
    opacity: .45;
}

.task-card.is-transferring {
    pointer-events: none;
    border-color: rgba(139, 92, 246, .82);
    box-shadow: 0 0 0 1px rgba(34, 211, 238, .12), 0 14px 38px rgba(73, 55, 163, .35);
}

.task-card.is-transferring::after {
    content: '';
    position: absolute;
    z-index: -1;
    top: -70%;
    bottom: -70%;
    width: 38%;
    left: -55%;
    transform: rotate(12deg);
    background: linear-gradient(90deg, transparent, rgba(168, 139, 250, .2), rgba(103, 232, 249, .15), transparent);
    animation: task-scan 1.05s ease-in-out infinite;
}

.task-card.transfer-complete {
    animation: transfer-complete .72s cubic-bezier(.22, 1, .36, 1);
}

.task-card.transfer-failed {
    animation: transfer-failed .62s ease;
}

.task-transfer-orb {
    position: fixed;
    z-index: 9998;
    width: 15px;
    height: 15px;
    pointer-events: none;
    border-radius: 50%;
    background: radial-gradient(circle at 35% 30%, #fff 0 8%, #67e8f9 24%, #8b5cf6 58%, transparent 72%);
    box-shadow: 0 0 12px #67e8f9, 0 0 28px rgba(139, 92, 246, .9), 0 0 52px rgba(139, 92, 246, .46);
}

.task-toast {
    position: fixed;
    z-index: 10000;
    right: 24px;
    bottom: 24px;
    max-width: min(390px, calc(100vw - 32px));
    padding: 13px 16px;
    color: #eafcff;
    background: rgba(17, 21, 31, .92);
    border: 1px solid rgba(103, 232, 249, .42);
    border-radius: 13px;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .46), 0 0 30px rgba(34, 211, 238, .09);
    backdrop-filter: blur(18px);
    opacity: 0;
    transform: translate3d(0, 14px, 0) scale(.96);
    pointer-events: none;
    transition: opacity .25s ease, transform .36s cubic-bezier(.22, 1, .36, 1);
}

.task-toast.visible {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
}

.task-toast[data-tone="error"] {
    color: #ffe9ec;
    border-color: rgba(251, 113, 133, .58);
    box-shadow: 0 18px 48px rgba(0, 0, 0, .46), 0 0 30px rgba(251, 113, 133, .11);
}

@keyframes task-scan {
    0% { left: -55%; opacity: 0; }
    25% { opacity: 1; }
    100% { left: 125%; opacity: 0; }
}

@keyframes stage-arrival {
    0% { box-shadow: inset 0 0 0 1px rgba(103, 232, 249, 0), inset 0 0 0 rgba(139, 92, 246, 0); }
    35% { box-shadow: inset 0 0 0 1px rgba(103, 232, 249, .52), inset 0 0 42px rgba(139, 92, 246, .14); }
    100% { box-shadow: inset 0 0 0 1px rgba(103, 232, 249, 0), inset 0 0 0 rgba(139, 92, 246, 0); }
}

@keyframes transfer-complete {
    0% { border-color: rgba(103, 232, 249, .72); }
    45% { box-shadow: 0 0 0 1px rgba(103, 232, 249, .26), 0 0 30px rgba(139, 92, 246, .24); }
    100% { border-color: var(--line); box-shadow: none; }
}

@keyframes transfer-failed {
    0%, 100% { transform: translateX(0); border-color: var(--line); }
    22% { transform: translateX(-7px); border-color: rgba(251, 113, 133, .7); }
    46% { transform: translateX(6px); }
    68% { transform: translateX(-3px); }
}

.task-card-top,
.task-card-meta {
    justify-content: space-between;
    gap: 10px;
}

.source-chip {
    display: inline-flex;
    margin-right: 5px;
    padding: 2px 6px;
    border: 1px solid rgba(155, 135, 245, .45);
    border-radius: 999px;
    color: var(--accent);
    font-size: 9px;
    font-weight: 750;
}

.task-source-link {
    display: inline-block;
    margin-top: 9px;
    color: var(--accent);
    font-size: 11px;
    text-decoration: none;
}

.task-list-title {
    color: var(--text);
    font-weight: 750;
    text-decoration: none;
}

.task-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 22px;
    color: var(--muted);
}

.task-card-title {
    display: block;
    color: var(--text);
    font-weight: 750;
    text-decoration: none;
    margin: 9px 0 5px;
}

.task-card p {
    color: var(--muted);
    font-size: 13px;
    margin: 0 0 12px;
}

.task-card-meta {
    color: var(--muted);
    font-size: 12px;
}

.mobile-stage-form {
    display: none;
    margin-top: 12px;
}

.mobile-stage-form select {
    padding: 9px 10px;
}

@media (max-width: 980px) {
    .task-filters { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 760px) {
    .task-filters { grid-template-columns: 1fr; }
    .task-page-head { display: grid; }
    .kanban { margin-right: -16px; padding-right: 16px; }
    .kanban-column { flex-basis: min(86vw, 330px); }
    .task-card { cursor: default; }
    .mobile-stage-form { display: block; }
    .task-toast { right: 16px; bottom: 16px; }
    .section-head, .panel > .issue { align-items: stretch; flex-direction: column; }
}

.compensation-order{border:1px solid var(--line);border-radius:12px;padding:16px;background:#10141c}.compensation-order+.compensation-order{margin-top:14px}.compensation-row{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(130px,.7fr) minmax(190px,1fr) minmax(130px,.7fr);gap:14px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}.compensation-row strong,.compensation-row small{display:block}.compensation-row small{color:var(--muted);margin-top:4px}.compensation-row label{margin:0}@media(max-width:900px){.compensation-row{grid-template-columns:1fr 1fr}}@media(max-width:600px){.compensation-row{grid-template-columns:1fr}}
.service-line{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(90px,.45fr) minmax(120px,.55fr) minmax(160px,.7fr);gap:14px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.service-line strong,.service-line small{display:block}.service-line small{color:var(--muted);margin-top:4px}.service-add{margin-top:16px}.service-order+.service-order{margin-top:14px}.service-search-field{position:relative}.service-search-status{display:block;margin-top:6px}.service-search-results{position:absolute;z-index:20;left:0;right:0;top:calc(100% - 2px);display:grid;gap:4px;max-height:290px;overflow:auto;padding:8px;border:1px solid var(--line);border-radius:12px;background:#10141c;box-shadow:0 18px 42px rgba(0,0,0,.42)}.service-search-result{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 12px;width:100%;padding:10px 12px;border:0;border-radius:8px;background:transparent;color:var(--text);text-align:left;cursor:pointer}.service-search-result:hover,.service-search-result:focus{outline:none;background:#1a2030}.service-search-result strong,.service-search-result small{display:block;min-width:0}.service-search-result small{grid-column:1;color:var(--muted)}.service-search-result span{grid-row:1/3;grid-column:2;align-self:center;color:var(--text)}@media(max-width:900px){.service-line{grid-template-columns:1fr 1fr}}@media(max-width:600px){.service-line{grid-template-columns:1fr}.service-search-result{grid-template-columns:1fr}.service-search-result span{grid-row:auto;grid-column:auto}}
.task-hero{display:block;margin-bottom:18px}.task-title-block{max-width:980px}.task-title-block h1{margin:8px 0 6px;font-size:34px;line-height:1.16;letter-spacing:-.035em}.task-kicker{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.task-kicker span::before{content:'·';margin-right:10px;color:#4b5364}.task-kicker a{text-decoration:none}.task-kicker a:not(.code){color:#b8adff;letter-spacing:0;text-transform:none}.task-subtitle{margin:0;color:#a8b0c1;font-size:15px}.task-cloud-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);gap:14px;align-items:start;margin-bottom:18px}.task-cloud-stack{display:grid;gap:14px;align-content:start;min-width:0}.task-cloud{position:relative;overflow:hidden;min-width:0;margin:0;padding:18px;border:1px solid #262f3f;border-radius:18px;background:#151923;box-shadow:0 10px 30px rgba(0,0,0,.16)}.task-cloud::after{content:'';position:absolute;right:-46px;top:-58px;width:130px;height:130px;border-radius:999px;background:rgba(139,92,246,.08);pointer-events:none}.cloud-head{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px}.cloud-head h2{margin:0;font-size:19px;line-height:1.25}.section-overline{display:block;margin-bottom:4px;color:#8f98aa;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:28px;padding:0 10px;border:1px solid #303746;border-radius:999px;color:#cbd3e3;background:#111722;font-size:12px;font-weight:750;white-space:nowrap}.task-description{position:relative;z-index:1;max-width:760px;margin:0;color:#f2f5fb;font-size:16px;line-height:1.65}.task-checklist{position:relative;z-index:1;display:grid;gap:8px;margin:0;padding:0;list-style:none}.task-checklist li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:11px;align-items:start;padding:12px 13px;border:1px solid #293140;border-radius:12px;background:#111722}.task-checklist li strong{font-size:15px;line-height:1.45;font-weight:650}.check-marker{width:18px;height:18px;border:1.5px solid #687285;border-radius:5px;flex:0 0 auto;margin-top:2px;background:#0d1118}.check-marker::after{content:'';display:none}.task-cloud-controls{display:grid;align-content:start;gap:12px}.task-cloud-controls form{min-width:0}.quick-select{display:grid;gap:6px;color:#a8b0c1;font-size:12px;font-weight:700}.quick-select select{width:100%;min-height:42px;border-radius:11px;border:1px solid #303746;background:#0f141d;color:var(--text);padding:0 34px 0 12px;cursor:pointer}.quick-select:hover select,.quick-select select:focus{border-color:#687285;outline:none;box-shadow:0 0 0 3px rgba(148,163,184,.09)}.task-edit-button{width:max-content;min-width:160px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;background:#202636;color:#f5f7fb;border-color:#303746}.task-context-chips{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.task-context-chips>div{min-width:0;padding:12px;border:1px solid #293140;border-radius:14px;background:#111722}.task-context-chips span{display:block;margin-bottom:5px;color:#8f98aa;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.task-context-chips strong{display:block;color:#f2f5fb;font-size:14px;line-height:1.35;overflow-wrap:anywhere}.task-context-chips a{color:#b8adff;text-decoration:none}.task-toast{position:fixed;right:22px;bottom:22px;z-index:100;padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:#161d2a;color:var(--text);box-shadow:0 18px 42px rgba(0,0,0,.35);opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}.task-toast.show{opacity:1;transform:none}@media(max-width:980px){.task-cloud-grid{grid-template-columns:1fr}.task-context-chips{grid-template-columns:1fr 1fr}.task-edit-button{width:100%}}@media(max-width:640px){.task-title-block h1{font-size:28px}.task-context-chips{grid-template-columns:1fr}.task-cloud{padding:16px;border-radius:16px}}

@media (prefers-reduced-motion: reduce) {
    .kanban-column,
    .task-card,
    .task-toast {
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}
.attachment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}.attachment-card{display:block;color:var(--text);text-decoration:none;background:#10141c;border:1px solid var(--line);border-radius:12px;overflow:hidden}.attachment-card img{display:block;width:100%;height:140px;object-fit:cover;background:#090b10}.attachment-meta{display:block;padding:12px}.attachment-meta strong,.attachment-meta small{display:block;overflow-wrap:anywhere}.attachment-meta small{color:var(--muted);margin-top:4px}.checklist-item{display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.checklist-item input{width:auto}.checklist-item small{color:var(--muted)}.task-worklog .section-head{margin-bottom:16px}.task-visit-list{display:grid;gap:14px}.task-visit-card{display:grid;gap:16px;padding:16px;border:1px solid #293140;border-radius:16px;background:#111722}.task-visit-main{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.task-visit-title{display:grid;gap:6px}.task-visit-title h3{margin:0;font-size:20px}.task-visit-title p{margin:0}.task-visit-facts{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.task-visit-facts span{padding:6px 10px;border:1px solid #293140;border-radius:999px;color:#a8b0c1;background:#0f141d;font-size:12px;font-weight:700}.task-visit-actions{display:flex;flex-wrap:wrap;gap:10px}.task-visit-actions .button,.task-visit-actions form{min-width:150px}.task-visit-actions .button,.task-visit-actions button{width:100%;text-align:center}.task-visit-tools{display:grid;gap:12px}.task-visit-tools details{margin:0;padding:14px;border:1px solid #293140;border-radius:14px;background:#0f141d}.task-visit-tools summary,.task-visit-create summary{font-weight:800}.task-visit-tools .upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.task-visit-tools .upload-card{margin:0;padding:14px;border:1px solid #293140;border-radius:12px;background:#111722}.task-visit-tools .upload-card h3,.task-visit-tools [data-inline-draft-form] h3{margin:0}.compact-attachments{margin:12px 0}.task-visit-report{padding:12px 14px;border:1px solid #293140;border-radius:12px;background:#0f141d}.task-visit-report p{margin:6px 0 0}.task-visit-create{margin-top:16px;padding:14px;border:1px dashed rgba(151,135,245,.5);border-radius:14px;background:rgba(151,135,245,.07)}@media(max-width:760px){.task-visit-main{display:grid}.task-visit-facts{justify-content:flex-start}.task-visit-tools .upload-grid{grid-template-columns:1fr}.task-visit-actions .button,.task-visit-actions form{min-width:0;width:100%}}

.moysklad-readable-list {
    display: grid;
    gap: 14px;
    margin-top: 14px;
}

.service-search-results[hidden] {
    display: none !important;
}

.task-cloud:has([data-ms-order-editor]) {
    overflow: visible;
}

.moysklad-order-card {
    position: relative;
    overflow: visible;
    border: 1px solid #2a3345;
    border-radius: 18px;
    background: linear-gradient(180deg, #121824 0%, #0f141d 100%);
}

.moysklad-order-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 16px 18px;
    border-bottom: 1px solid #273044;
    background: rgba(151, 135, 245, .055);
}

.moysklad-order-head strong,
.moysklad-order-head span {
    display: block;
}

.moysklad-order-head strong {
    color: #f4f7fb;
    font-size: 17px;
}

.moysklad-order-head span {
    margin-top: 3px;
    color: #a8b0c1;
    font-size: 13px;
}

.moysklad-order-head a {
    color: #b8adff;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
}

.moysklad-table-head,
.moysklad-position-row {
    display: grid;
    grid-template-columns: 44px minmax(260px, 1fr) 112px 138px 128px minmax(220px, .7fr) 44px;
    gap: 14px;
    align-items: center;
}

.moysklad-table-head {
    padding: 12px 18px;
    border-bottom: 1px solid #222b3b;
    color: #8f98aa;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.moysklad-position-row {
    position: relative;
    padding: 16px 18px;
    border-top: 1px solid #222b3b;
    transition: background .18s ease, opacity .18s ease;
}

.moysklad-position-row:nth-of-type(odd) {
    background: rgba(255, 255, 255, .018);
}

.moysklad-position-row:nth-of-type(even) {
    background: rgba(151, 135, 245, .026);
}

.moysklad-position-row.is-service {
    box-shadow: inset 3px 0 0 rgba(151, 135, 245, .42);
}

.moysklad-position-row.is-product {
    box-shadow: inset 3px 0 0 rgba(72, 144, 226, .34);
}

.moysklad-position-row.is-bundle {
    box-shadow: inset 3px 0 0 rgba(237, 170, 64, .42);
}

.moysklad-position-row:hover {
    background: rgba(151, 135, 245, .06);
}

.moysklad-position-row.is-saving {
    opacity: .58;
}

.moysklad-position-row strong,
.moysklad-position-row small {
    display: block;
}

.moysklad-position-row small {
    margin-top: 4px;
    color: #8f98aa;
    font-size: 13px;
}

.position-title {
    position: relative;
    min-width: 0;
}

.position-number {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #293140;
    border-radius: 999px;
    color: #a8b0c1;
    background: #0f141d;
    font-size: 12px;
    font-weight: 850;
}

.position-name-line {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.position-title strong {
    color: #f3f6fb;
    font-size: 16px;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.position-name-button {
    min-width: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: #f3f6fb;
    font: inherit;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.35;
    text-align: left;
    cursor: text;
    overflow-wrap: anywhere;
}

.position-name-button:hover {
    color: #cfc7ff;
}

.position-replace-input {
    width: 100%;
    min-height: 38px;
}

.position-quantity input,
.position-price input {
    width: 100%;
    min-height: 38px;
    padding: 0 10px;
    font-weight: 800;
}

.type-pill {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    height: 24px;
    padding: 0 9px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.type-pill.service {
    color: #d9d1ff;
    background: rgba(151, 135, 245, .16);
    border: 1px solid rgba(151, 135, 245, .36);
}

.type-pill.product {
    color: #b8d7ff;
    background: rgba(72, 144, 226, .12);
    border: 1px solid rgba(72, 144, 226, .28);
}

.type-pill.bundle {
    color: #ffdfa7;
    background: rgba(237, 170, 64, .13);
    border: 1px solid rgba(237, 170, 64, .32);
}

.position-assignee select {
    width: 100%;
    min-height: 38px;
}

.position-rate strong {
    display: block;
    color: #f3f6fb;
    font-size: 15px;
    font-weight: 850;
}

.position-rate small {
    display: block;
    margin-top: 4px;
    color: #8f98aa;
    font-size: 12px;
}

.position-rate .muted-dash {
    color: #8f98aa;
}

.position-delete-button {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 103, 125, .28);
    border-radius: 10px;
    background: rgba(255, 103, 125, .08);
    opacity: 0;
    color: #ff7a8f;
    cursor: pointer;
    transition: opacity .16s ease, background .16s ease;
}

.moysklad-position-row:hover .position-delete-button,
.position-delete-button:focus {
    opacity: 1;
}

.position-delete-button:hover {
    background: rgba(255, 103, 125, .16);
}

.moysklad-add-row {
    display: grid;
    grid-template-columns: 44px minmax(260px, 1fr) 112px 138px 128px minmax(140px, .45fr) 44px;
    gap: 14px;
    align-items: start;
    padding: 16px 18px;
    border-top: 1px dashed rgba(151, 135, 245, .38);
    background: rgba(151, 135, 245, .04);
}

.moysklad-add-row label {
    margin: 0;
}

.moysklad-add-search,
.moysklad-add-field {
    display: grid;
    gap: 7px;
    color: #a8b0c1;
    font-size: 12px;
    font-weight: 850;
}

.moysklad-add-search {
    z-index: 40;
}

.moysklad-add-search .service-search-results {
    z-index: 80;
    top: calc(100% + 6px);
    max-height: 360px;
}

.moysklad-add-row .service-search-status {
    margin: 0;
    min-height: 18px;
    font-size: 12px;
    font-weight: 700;
}

.moysklad-add-row input {
    min-height: 42px;
}

.moysklad-add-row .button {
    min-height: 42px;
    align-self: end;
    margin-bottom: 18px;
}

@media(max-width: 980px) {
    .moysklad-table-head {
        display: none;
    }

    .moysklad-position-row {
        grid-template-columns: 34px minmax(0, 1fr) 100px 130px 110px 42px;
    }

    .position-assignee {
        grid-column: 2 / -2;
    }

    .moysklad-add-row {
        grid-template-columns: 34px minmax(0, 1fr) 100px 130px 110px;
    }

    .moysklad-add-row .button {
        grid-column: 2 / -1;
    }
}

@media(max-width: 640px) {
    .moysklad-order-head,
    .moysklad-position-row {
        display: grid;
    }

    .moysklad-position-row {
        grid-template-columns: 1fr;
    }

    .position-assignee {
        grid-column: auto;
    }

    .position-delete-button {
        opacity: 1;
    }

    .moysklad-add-row {
        grid-template-columns: 1fr;
    }
}

.payment-panel {
    max-width: none;
}

.payment-panel .section-head {
    margin-bottom: 16px;
}

.payment-balance {
    display: grid;
    grid-template-columns: minmax(270px, 1.35fr) minmax(170px, .72fr) minmax(170px, .72fr);
    gap: 10px;
    margin-bottom: 16px;
}

.payment-balance > div {
    display: grid;
    align-content: center;
    min-height: 112px;
    padding: 18px;
    border: 1px solid var(--line);
    border-radius: 15px;
    background: #10151e;
}

.payment-balance span {
    color: var(--muted);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.payment-balance strong {
    display: block;
    margin: 5px 0 3px;
    font-size: 22px;
    line-height: 1.15;
    white-space: nowrap;
}

.payment-balance small {
    color: var(--muted);
    font-size: 12px;
}

.payment-balance__main {
    position: relative;
    overflow: hidden;
}

.payment-balance__main::before {
    content: '';
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: var(--accent);
}

.payment-balance__main strong {
    font-size: 30px;
}

.payment-balance.is-debt .payment-balance__main {
    border-color: rgba(242, 184, 75, .42);
    background: linear-gradient(135deg, rgba(73, 51, 18, .5), #111720);
}

.payment-balance.is-debt .payment-balance__main::before {
    background: var(--warn);
}

.payment-balance.is-debt .payment-balance__main strong {
    color: #f7c968;
}

.payment-balance.is-advance .payment-balance__main,
.payment-balance.is-settled .payment-balance__main {
    border-color: rgba(66, 200, 135, .34);
    background: linear-gradient(135deg, rgba(20, 66, 48, .42), #111720);
}

.payment-balance.is-advance .payment-balance__main::before,
.payment-balance.is-settled .payment-balance__main::before {
    background: var(--ok);
}

.payment-balance.is-advance .payment-balance__main strong,
.payment-balance.is-settled .payment-balance__main strong {
    color: #70dca5;
}

.payment-create {
    margin: 0 0 20px;
    padding: 0;
    border: 0;
}

.payment-create > summary.button {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    width: auto;
    list-style: none;
    color: #0d0c14;
}

.payment-create > summary.button::-webkit-details-marker {
    display: none;
}

.payment-create > summary.button::marker {
    content: '';
}

.payment-create[open] > summary {
    margin-bottom: 14px;
}

.payment-create form {
    margin-top: 0;
    padding: 18px;
    border: 1px solid rgba(155, 135, 245, .28);
    border-radius: 15px;
    background: rgba(10, 14, 22, .48);
}

.payment-create__error {
    margin: 0;
    padding: 14px;
    border: 1px solid rgba(239, 102, 115, .28);
    border-radius: 12px;
    background: rgba(239, 102, 115, .07);
}

.payment-unavailable {
    margin: 0 0 16px;
    padding: 14px;
    border: 1px solid var(--line);
    border-radius: 13px;
    color: var(--muted);
    background: #10151e;
}

.payment-history-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 6px 0 10px;
}

.payment-history-head span,
.payment-history-head small {
    display: block;
}

.payment-history-head span {
    font-weight: 850;
}

.payment-history-head small {
    margin-top: 2px;
    color: var(--muted);
    font-size: 12px;
}

.payment-history-head > strong {
    display: grid;
    place-items: center;
    min-width: 32px;
    height: 32px;
    padding: 0 9px;
    border-radius: 10px;
    background: rgba(155, 135, 245, .12);
    color: var(--accent);
}

.payment-panel .table-wrap a {
    color: var(--accent);
    text-decoration: none;
}

@media(max-width: 820px) {
    .payment-balance {
        grid-template-columns: 1fr 1fr;
    }

    .payment-balance__main {
        grid-column: 1 / -1;
    }
}

@media(max-width: 560px) {
    .payment-balance {
        grid-template-columns: 1fr;
    }

    .payment-balance__main {
        grid-column: auto;
    }

    .payment-balance > div {
        min-height: 96px;
    }

    .payment-balance__main strong {
        font-size: 26px;
    }

    .payment-create > summary.button {
        justify-content: center;
        width: 100%;
    }
}