:root {
    --lss-tms-facade-css-build-version: "0.1.9";
    --lss-tms-system-bottom: env(safe-area-inset-bottom, 0px);
    --lss-tms-driver-tabbar: 76px;
}

.tms-facade {
    width: 100%;
    max-width: none;
    min-width: 0;
    height: 100dvh;
    margin: 0;
    color: #2d3439;
    font-family: Aptos, "Segoe UI", Arial, sans-serif;
    overflow: hidden;
}

.lss-app-template--tms .tms-facade {
    height: 100dvh;
    overflow: hidden;
}

.tms-facade-desktop {
    padding: 24px;
}

.tms-facade-title {
    margin: 0 0 8px;
    font-size: 20px;
    font-weight: 600;
}

.tms-mobile-shell {
    position: fixed;
    inset: 0;
    z-index: 1;
    width: 100%;
    max-width: none;
    min-width: 0;
    height: 100dvh;
    max-height: 100dvh;
    display: grid;
    grid-template-rows: 64px minmax(0, 1fr) 62px;
    overflow: hidden;
    background: #f0f2f3;
}

.tms-app-content {
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

.tms-mobile-shell--chat .tms-app-content {
    padding-bottom: 0;
    box-sizing: border-box;
}

.tms-app-content > main {
    width: 100%;
    height: 100%;
    min-height: 0;
    max-height: 100%;
    box-sizing: border-box;
}

.tms-route-refresh-banner {
    position: fixed;
    z-index: 1200;
    bottom: calc(var(--lss-tms-driver-tabbar) + var(--lss-tms-system-bottom) + 12px);
    left: 12px;
    right: 12px;
    min-height: 42px;
    padding: 7px 8px 7px 12px;
    display: none;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
    border-radius: 6px;
    background: #26343a;
    color: #fff;
    box-shadow: 0 8px 24px rgba(25, 35, 40, .22);
}

.tms-route-refresh-banner.is-visible {
    display: grid;
}

.tms-route-refresh-banner span {
    min-width: 0;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
}

.tms-route-refresh-banner button {
    height: 28px;
    padding: 0 10px;
    border: 0;
    border-radius: 4px;
    background: #fff;
    color: #26343a;
    font-size: 12px;
    font-weight: 800;
}

.tms-appbar {
    min-width: 0;
    height: 64px;
    padding: 0 14px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    background: #58707a;
    color: #fff;
    box-shadow: 0 2px 8px rgba(30, 42, 48, .22);
}

.tms-appbar strong {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
}

.tms-appbar__calendar {
    color: rgba(255, 255, 255, .72);
    font-size: 11px;
}

.tms-appbar__day,
.tms-appbar__date,
.tms-appbar__time {
    display: inline-block;
    vertical-align: baseline;
    line-height: 1;
}

.tms-appbar strong .tms-appbar__day,
.tms-appbar strong .tms-appbar__date {
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgba(255, 255, 255, .9);
    font-weight: 600;
}

.tms-appbar strong .tms-appbar__time {
    margin: 0;
    color: rgba(255, 255, 255, .78);
    font-size: 13px;
    font-weight: 600;
}

.tms-appbar > span {
    min-width: 42px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: rgba(255, 255, 255, .9);
    color: #58707a;
    font-size: 13px;
    font-weight: 700;
}

.tms-appbar__icon {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
}

.tms-appbar__icon:last-child {
    grid-column: 3;
    justify-self: end;
    margin-left: auto;
}

.tms-facade .tms-appbar__icon:hover,
.tms-facade .tms-appbar__icon:focus,
.tms-facade .tms-appbar__icon:active {
    color: #fff !important;
    text-decoration: none !important;
    background: transparent !important;
}

.tms-route-screen,
.tms-point-screen,
.tms-chat-screen,
.tms-info-screen,
.tms-comment-screen,
.tms-mobile-empty {
    min-height: 0;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
}

.tms-route-screen {
    display: grid;
    grid-template-rows: auto auto auto minmax(0, 1fr) auto;
}

.tms-route-screen.is-route-accepted:not(.is-map-expanded) {
    grid-template-rows: auto minmax(0, 1fr) auto;
}

.tms-route-screen.is-map-expanded {
    grid-template-rows: minmax(0, 1fr) auto auto;
}

.tms-route-map {
    position: relative;
    height: 140px;
    min-height: 140px;
    overflow: hidden;
    background: #d9e2e4;
    border-bottom: 1px solid #cfd8dc;
    transition: height .22s ease;
}

.tms-route-screen.is-route-accepted:not(.is-map-expanded) .tms-route-map,
.tms-route-screen.is-route-accepted:not(.is-map-expanded) .tms-route-summary {
    display: none;
}

.tms-route-screen.is-map-expanded .tms-route-map {
    height: 100%;
    min-height: 0;
}

.tms-route-map__canvas {
    width: 100%;
    height: 100%;
    min-height: 140px;
    background: #dde6e8;
}

.tms-route-map__overlay {
    position: absolute;
    z-index: 401;
    left: 18px;
    right: 64px;
    top: 18px;
    min-height: 54px;
    padding: 8px 12px;
    display: grid;
    align-content: center;
    border-radius: 4px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 2px 8px rgba(31, 43, 49, .18);
}

.tms-route-map .leaflet-top {
    top: 14px;
}

.tms-route-map .leaflet-left {
    left: 14px;
}

.tms-route-map .leaflet-control {
    margin: 0;
}

.tms-route-map__overlay span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #718087;
    font-size: 12px;
}

.tms-route-map__overlay strong {
    min-width: 0;
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #263036;
    font-size: 16px;
    font-weight: 500;
}

.tms-route-map__locate {
    position: absolute;
    z-index: 402;
    right: 12px;
    bottom: 14px;
    width: 46px;
    height: 46px;
    border: 0;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, .96);
    color: #58707a;
    box-shadow: 0 2px 8px rgba(31, 43, 49, .22);
    font-size: 18px;
}

.tms-facade .tms-route-map__locate:hover,
.tms-facade .tms-route-map__locate:focus,
.tms-facade .tms-route-map__locate:active {
    color: #58707a !important;
    background: #fff !important;
}

.tms-driver-point-marker {
    border: 0;
    background: transparent;
}

.tms-driver-point-marker span {
    width: 30px;
    height: 30px;
    border-radius: 50% 50% 50% 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transform: rotate(-45deg);
    background: #78909c;
    color: #fff;
    box-shadow: 0 2px 6px rgba(31, 43, 49, .24);
    font-size: 13px;
    font-weight: 700;
}

.tms-driver-point-marker span i {
    transform: rotate(45deg);
    font-style: normal;
}

.tms-driver-point-marker.is-current span {
    background: #5f7b87;
}

.tms-driver-point-marker.is-done span {
    background: #9aa4a9;
}

.tms-driver-point-marker.is-problem span {
    background: #ff8a65;
}

.tms-driver-point-label {
    max-width: 112px;
    padding: 2px 6px;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, .94);
    color: #263036;
    box-shadow: 0 1px 4px rgba(31, 43, 49, .18);
    font-size: 10px;
    font-weight: 700;
    line-height: 1.15;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tms-driver-point-label:before {
    display: none;
}

.tms-driver-point-popup {
    min-width: 150px;
    display: grid;
    gap: 6px;
}

.tms-driver-point-popup strong {
    color: #263036;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
}

.tms-driver-point-popup small {
    color: #6d7b82;
    font-size: 10px;
    line-height: 1.25;
}

.tms-driver-point-popup span,
.tms-driver-point-popup em {
    color: #4d626b;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
}

.tms-driver-point-popup__types,
.tms-driver-point-popup__markets {
    display: flex;
    align-items: center;
    gap: 5px;
}

.tms-driver-point-popup__types b {
    min-width: 34px;
    padding: 3px 6px;
    border: 1px solid #dfe5e8;
    border-radius: 4px;
    color: #4d626b;
    background: #f7f9fa;
    font-size: 10px;
    line-height: 1;
    text-align: center;
}

.tms-driver-point-popup__types b.is-inactive {
    color: #a2acb1;
    background: #fff;
}

.tms-driver-point-popup__markets img {
    width: 28px;
    height: 28px;
    object-fit: contain;
}

.tms-driver-point-popup__markets img[alt="Yandex"] {
    width: 28px;
    height: 28px;
}

.tms-driver-point-popup__markets .is-inactive {
    filter: grayscale(1);
    opacity: .35;
}

.tms-driver-unit-marker {
    border: 0;
    background: transparent;
}

.tms-driver-unit-marker span {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #3f5f69;
    color: #fff;
    box-shadow: 0 2px 8px rgba(31, 43, 49, .3);
    font-size: 17px;
}

.tms-route-map .leaflet-control-zoom {
    border: 0;
    box-shadow: 0 2px 8px rgba(31, 43, 49, .18);
}

.tms-route-map .leaflet-control-zoom a {
    color: #58707a;
}

.tms-route-summary {
    min-height: 72px;
    padding: 8px;
    display: grid;
    grid-template-columns: minmax(72px, .8fr) minmax(150px, 1.8fr) minmax(72px, .8fr);
    gap: 6px;
    background: #f0f2f3;
    border-bottom: 1px solid #d9dee1;
}

.tms-route-summary div {
    min-width: 0;
    min-height: 52px;
    padding: 7px 8px;
    display: grid;
    align-content: center;
    justify-items: center;
    border: 1px solid #dfe5e8;
    border-radius: 5px;
    background: #fff;
}

.tms-route-summary span {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #6d7b82;
    font-size: 11px;
}

.tms-route-summary strong {
    min-width: 0;
    max-width: 100%;
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #4d626b;
    font-size: 12px;
    font-weight: 600;
}

.tms-route-accept {
    padding: 9px 8px;
    background: #f0f2f3;
    border-top: 1px solid #d9dee1;
    border-bottom: 1px solid #d9dee1;
}

.tms-route-screen.is-map-expanded .tms-route-accept {
    padding-bottom: calc(9px + var(--lss-tms-driver-tabbar) + var(--lss-tms-system-bottom));
}

.tms-route-accept .tms-primary-action {
    width: 100%;
    gap: 8px;
    background: #fff;
    color: #58707a;
    box-shadow: inset 0 0 0 1px #dfe5e8;
}

.tms-facade .tms-route-accept .tms-primary-action:hover,
.tms-facade .tms-route-accept .tms-primary-action:focus,
.tms-facade .tms-route-accept .tms-primary-action:active {
    background: #eef2f4 !important;
    color: #58707a !important;
}

.tms-route-list {
    min-height: 0;
    padding: 10px 8px calc(14px + var(--lss-tms-driver-tabbar) + var(--lss-tms-system-bottom));
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.tms-route-choice-screen {
    padding: 12px 10px calc(16px + var(--lss-tms-driver-tabbar) + var(--lss-tms-system-bottom));
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background: #f0f2f3;
}

.tms-shift-start-screen {
    padding: 12px 10px calc(16px + var(--lss-tms-driver-tabbar) + var(--lss-tms-system-bottom));
    height: 100%;
    display: grid;
    align-items: center;
    background: #f0f2f3;
}

.tms-shift-start-card {
    padding: 20px 16px;
    border-radius: 10px;
    display: grid;
    justify-items: center;
    gap: 12px;
    background: #fff;
    text-align: center;
    box-shadow: 0 1px 5px rgba(31, 43, 49, .12);
}

.tms-shift-start-card > i {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #eaf2f7;
    color: #2f80bd;
    font-size: 23px;
}

.tms-shift-start-card strong {
    color: #263036;
    font-size: 21px;
    font-weight: 700;
}

.tms-shift-start-card .tms-primary-action {
    width: 100%;
    max-width: 220px;
    min-height: 44px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.tms-route-choice-list {
    display: grid;
    gap: 10px;
}

.tms-vehicle-choice-list {
    display: grid;
    gap: 10px;
}

.tms-vehicle-choice-item {
    min-height: 68px;
    padding: 12px;
    border: 1px solid #dfe5e8;
    border-radius: 8px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 32px;
    gap: 12px;
    align-items: center;
    background: #fff;
    color: #263036;
    text-decoration: none;
}

.tms-vehicle-choice-item span {
    min-width: 0;
    display: grid;
    gap: 4px;
}

.tms-vehicle-choice-item strong {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #263036;
    font-size: 16px;
    font-weight: 800;
    white-space: nowrap;
}

.tms-vehicle-choice-item small {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #6d7b82;
    font-size: 11px;
    font-weight: 500;
    white-space: nowrap;
}

.tms-vehicle-choice-item em {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #eaf2f7;
    color: #2f80bd;
    font-size: 13px;
    font-style: normal;
    font-weight: 800;
}

.tms-vehicle-choice-item.is-disabled {
    opacity: .55;
    pointer-events: none;
}

.tms-facade .tms-vehicle-choice-item:hover,
.tms-facade .tms-vehicle-choice-item:focus,
.tms-facade .tms-vehicle-choice-item:active {
    border-color: #2f80bd;
    color: #263036 !important;
    text-decoration: none !important;
}

.tms-route-choice-item {
    min-height: 72px;
    padding: 11px 12px;
    border: 1px solid #dfe5e8;
    border-radius: 8px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 48px;
    gap: 12px;
    align-items: center;
    background: #fff;
    color: #263036;
    text-decoration: none;
}

.tms-route-choice-item span {
    min-width: 0;
    display: grid;
    gap: 5px;
}

.tms-route-choice-item strong {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #263036;
    font-size: 16px;
    font-weight: 800;
}

.tms-route-choice-item small {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #6d7b82;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
}

.tms-route-choice-meta {
    min-width: 0;
    display: grid;
    justify-items: center;
    gap: 5px;
    color: #6d7b82;
    font-style: normal;
}

.tms-route-choice-meta b {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eaf2f7;
    color: #2f80bd;
    font-size: 13px;
    font-weight: 800;
}

.tms-route-choice-meta small {
    max-width: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #6d7b82;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    white-space: nowrap;
}

.tms-facade .tms-route-choice-item:hover,
.tms-facade .tms-route-choice-item:focus,
.tms-facade .tms-route-choice-item:active {
    border-color: #2f80bd;
    color: #263036 !important;
    text-decoration: none !important;
}

.tms-route-screen.is-map-expanded .tms-route-list,
.tms-route-screen.is-map-expanded .tms-route-complete {
    display: none;
}

.tms-route-complete {
    padding: 10px 12px calc(12px + var(--lss-tms-driver-tabbar) + var(--lss-tms-system-bottom));
    background: #f0f2f3;
    border-top: 1px solid #d9dee1;
}

.tms-route-complete .tms-primary-action {
    width: 100%;
}

.tms-confirm-modal[hidden] {
    display: none !important;
}

.tms-confirm-modal {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: grid;
    place-items: center;
    padding: 18px;
}

.tms-confirm-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(16, 24, 28, .48);
}

.tms-confirm-modal__dialog {
    position: relative;
    z-index: 1;
    width: min(100%, 340px);
    padding: 16px;
    border-radius: 8px;
    display: grid;
    gap: 10px;
    background: #fff;
    box-shadow: 0 16px 42px rgba(16, 24, 28, .28);
}

.tms-confirm-modal__dialog strong {
    color: #263036;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.2;
}

.tms-confirm-modal__dialog span {
    color: #627178;
    font-size: 14px;
    line-height: 1.35;
}

.tms-confirm-modal__dialog div {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 8px;
}

.tms-confirm-modal__dialog button {
    min-height: 42px;
}

.tms-route-point {
    position: relative;
    min-height: 96px;
    margin-bottom: 10px;
    padding-left: 5px;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto auto;
    align-items: stretch;
    color: #2f373b;
    text-decoration: none;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 5px rgba(31, 43, 49, .22);
    overflow: hidden;
}

.tms-route-point[data-href] {
    cursor: pointer;
}

.tms-route-point.is-closed {
    min-height: 0;
    cursor: default;
}

.tms-route-point:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #5f7b87;
}

.tms-route-point.is-current:before,
.tms-route-point:hover:before,
.tms-route-point:focus:before,
.tms-route-point:active:before {
    background: #4f6d78;
}

.tms-route-point:hover,
.tms-route-point:focus,
.tms-route-point:active {
    color: #2f373b !important;
    text-decoration: none !important;
    background: #fff !important;
}

.tms-route-point--accepted:before {
    background: #4f6d78;
}

.tms-route-point--state-done {
    opacity: .86;
}

.tms-route-point--state-done:before,
.tms-route-point--state-done .tms-route-point__head strong i {
    background: #32a66a;
}

.tms-route-point--state-done:hover,
.tms-route-point--state-done:focus,
.tms-route-point--state-done:active {
    background: #fff !important;
}

.tms-route-point--state-done:hover:before,
.tms-route-point--state-done:focus:before,
.tms-route-point--state-done:active:before,
.tms-route-point--state-done.is-current:before,
.tms-route-point--state-done.is-active:before,
.tms-route-point--state-done:hover .tms-route-point__head strong i,
.tms-route-point--state-done:focus .tms-route-point__head strong i,
.tms-route-point--state-done:active .tms-route-point__head strong i,
.tms-route-point--state-done.is-current .tms-route-point__head strong i,
.tms-route-point--state-done.is-active .tms-route-point__head strong i {
    background: #32a66a;
}

.tms-route-point.is-closed .tms-route-point__body {
    display: none;
}

.tms-route-point.is-closed .tms-route-point__time {
    display: none;
}

.tms-route-point.is-closed .tms-route-point__head {
    border-bottom: 0;
}

.tms-route-point--skipped:before,
.tms-route-point--disputed:before,
.tms-route-point--state-problem:before,
.tms-route-point--state-problem .tms-route-point__head strong i {
    background: #ff8a65;
}

.tms-route-point__time {
    grid-column: 1;
    grid-row: 3;
    padding: 8px 11px 9px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #e3e8ea;
    text-align: center;
}

.tms-route-point__head {
    grid-column: 1 / -1;
    grid-row: 1;
    min-width: 0;
    padding: 9px 11px 8px 13px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    border-bottom: 1px solid #e3e8ea;
}

.tms-route-point__head strong {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #1f262a;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.15;
}

.tms-route-point__navigator-title {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    color: inherit;
    text-decoration: none;
}

.tms-route-point__navigator-title:hover,
.tms-route-point__navigator-title:focus,
.tms-route-point__navigator-title:active {
    color: inherit !important;
    text-decoration: none !important;
}

.tms-route-point__head strong > span {
    min-width: 0;
    display: block;
}

.tms-route-point__navigator-title > span {
    min-width: 0;
    display: block;
}

.tms-route-point__head small {
    display: inline;
    margin: 0 0 0 3px;
    color: #7b888e;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.15;
}

.tms-route-point__head strong i {
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #5f7b87;
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
}

.tms-route-point__head em {
    color: #151b1f;
    font-size: 14px;
    font-style: normal;
    font-weight: 800;
    line-height: 1.08;
    white-space: nowrap;
}

.tms-route-point__closed-actions {
    min-width: 0;
    display: grid;
    grid-template-columns: 30px 30px 30px minmax(64px, auto);
    align-items: center;
    justify-content: end;
    gap: 5px;
}

.tms-route-point__closed-actions a,
.tms-route-point__closed-actions span,
.tms-route-point__closed-actions em {
    min-width: 0;
    height: 28px;
    border: 1px solid #dde4e7;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: #58707a;
    text-decoration: none;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
}

.tms-route-point__closed-actions .is-disabled {
    color: #a1aaae;
    background: #eef2f4;
}

.tms-route-point__closed-actions .tms-route-point__status {
    width: auto;
    min-width: 64px;
    min-height: 28px;
    padding: 4px 8px;
}

.tms-route-point__status {
    border: 0;
    margin: 0;
    width: 82px;
    min-height: 24px;
    padding: 4px 7px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #eef3f5;
    color: #4d626b !important;
    font-size: 11px !important;
    font-weight: 700;
    text-transform: uppercase;
}

.tms-route-point__status-action {
    cursor: pointer;
}

.tms-route-point--state-done .tms-route-point__status,
.tms-route-point--picked_up .tms-route-point__status,
.tms-route-point--delivered .tms-route-point__status,
.tms-route-point--done .tms-route-point__status {
    background: #eef3f5;
    color: #6d777c !important;
}

.tms-route-point--accepted .tms-route-point__status {
    background: #e5eef1;
    color: #3f5f69 !important;
}

.tms-route-point--departed .tms-route-point__status {
    background: #e2f1fa;
    color: #0077b6 !important;
}

.tms-route-point--arrived .tms-route-point__status {
    background: #e7f7ef;
    color: #168250 !important;
}

.tms-route-point--skipped .tms-route-point__status,
.tms-route-point--disputed .tms-route-point__status,
.tms-route-point--state-problem .tms-route-point__status {
    background: #fff1ea;
    color: #d26338 !important;
}

.tms-route-point__time strong {
    color: #151b1f;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.08;
    white-space: nowrap;
}

.tms-route-point__time em {
    margin-top: 7px;
    color: #4f5c62;
    font-size: 12px;
    font-style: normal;
    line-height: 1.15;
}

.tms-route-point__body {
    grid-column: 1;
    grid-row: 2;
    min-width: 0;
    padding: 6px 12px 10px 12px;
}

.tms-route-point__actions {
    width: 100%;
    display: grid;
    grid-template-columns: 36px 36px minmax(0, 1fr) 36px 36px;
    gap: 6px;
}

.tms-route-point__actions a,
.tms-route-point__actions button,
.tms-route-point__actions span,
.tms-route-point__actions em {
    min-width: 0;
    height: 30px;
    border: 1px solid #dde4e7;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: #58707a;
    text-decoration: none;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
}

.tms-route-point__actions .tms-route-point__status {
    width: 100%;
    margin: 0;
}

.tms-route-point__actions button {
    cursor: pointer;
}

.tms-route-point__actions .is-disabled {
    color: #a1aaae;
    background: #eef2f4;
}

.tms-route-point__actions .tms-route-point__task-action {
    color: #0088cc;
    background: #e8f4fb;
    border-color: #b9dff2;
}

.tms-route-point__actions .tms-route-point__task-action.is-active,
.tms-route-point__actions .tms-route-point__task-action:hover,
.tms-route-point__actions .tms-route-point__task-action:focus {
    color: #fff;
    background: #0088cc;
    border-color: #0088cc;
}

.tms-route-point__chat-action.is-active {
    color: #0088cc !important;
    background: #e8f4fb !important;
    border-color: #b9dff2 !important;
}

.tms-route-point.is-current .tms-route-point__head strong i,
.tms-route-point:hover .tms-route-point__head strong i,
.tms-route-point:focus .tms-route-point__head strong i,
.tms-route-point:active .tms-route-point__head strong i {
    background: #4f6d78 !important;
}

.tms-route-point--state-done.is-current .tms-route-point__head strong i,
.tms-route-point--state-done:hover .tms-route-point__head strong i,
.tms-route-point--state-done:focus .tms-route-point__head strong i,
.tms-route-point--state-done:active .tms-route-point__head strong i {
    background: #32a66a !important;
}

.tms-route-point__body em,
.tms-route-point__body small {
    display: block;
    margin-top: 5px;
    color: #59666c;
    font-size: 13px;
    font-style: normal;
    line-height: 1.22;
}

.tms-route-point__details em {
    margin-left: 6px;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.tms-route-point__details em i {
    flex: 0 0 auto;
    color: #7b888e;
    font-size: 11px;
}

.tms-route-point__details small {
    margin-top: 3px;
    margin-left: 6px;
    margin-bottom: 6px;
    color: #7b888e;
    font-size: 10px;
    line-height: 1.15;
}

.tms-route-point__details {
    min-width: 0;
    display: block;
}

.tms-route-point__menu {
    display: none;
}

.tms-route-point__meta,
.tms-point-meta {
    min-width: 0;
    margin-top: 8px;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    gap: 6px;
    align-items: center;
    justify-items: start;
    overflow: hidden;
    color: #4d626b !important;
    font-size: 11px !important;
    font-weight: 700;
    text-transform: uppercase;
}

.tms-route-point__meta b,
.tms-route-point__meta span,
.tms-point-meta b,
.tms-point-meta span {
    min-width: 0;
    flex: 0 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tms-route-point__services {
    display: grid !important;
    grid-template-columns: minmax(74px, .9fr) minmax(92px, 1.1fr) minmax(74px, .9fr);
    gap: 0;
    width: 100%;
    overflow: hidden;
}

.tms-route-point__service {
    position: relative;
    min-width: 0;
    min-height: 46px;
    padding: 12px 5px 4px;
    border: 0;
    border-left: 1px solid #dfe5e8;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    align-items: center;
    justify-items: center;
    background: #fff;
}

.tms-route-point__service:first-child {
    border-left: 0;
}

.tms-route-point__service > b {
    position: absolute;
    top: 0;
    color: #4d626b;
    font-size: 9px;
    font-weight: 800;
    line-height: 1;
}

.tms-route-point__service[data-service="FBS"] > b {
    left: 20px;
}

.tms-route-point__service[data-service="FBO"] > b {
    right: 20px;
}

.tms-route-point__service.is-inactive {
    background: #fff;
}

.tms-route-point__service.is-inactive > b {
    color: #a2acb1;
}

.tms-route-point__service:not(.is-inactive) > b {
    color: #0088cc;
}

.tms-route-point__service-icons {
    display: grid !important;
    grid-template-columns: repeat(3, 22px);
    align-items: center;
    justify-content: center;
    gap: 3px;
}

.tms-route-point__service[data-service="INFO"] > b {
    display: none;
}

.tms-route-point__service[data-service="INFO"] .tms-route-point__service-icons {
    grid-column: 1 / -1;
    display: flex !important;
    justify-content: center;
    gap: 8px;
    min-width: 0;
}

.tms-route-point__service-icons > i {
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #7b888e;
    font-size: 16px;
}

.tms-route-point__pallets {
    min-width: 38px;
    height: 26px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 4px;
    color: #7b888e;
}

.tms-route-point__pallets.is-active {
    color: #0088cc;
}

.tms-route-point__pallets i,
.tms-route-point__volume i {
    font-size: 15px;
}

.tms-route-point__pallets b,
.tms-route-point__volume b {
    min-width: 20px;
    height: 22px;
    padding: 0 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: rgba(123, 136, 142, .14);
    color: inherit;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
}

.tms-route-point__pallets.is-active b,
.tms-route-point__volume.is-active b {
    background: rgba(0, 136, 204, .14);
}

.tms-route-point__service:not(.is-inactive) img:not(.is-inactive) {
    filter: none;
    opacity: 1;
}

.tms-route-point__pallets,
.tms-route-point__volume {
    opacity: .32;
}

.tms-route-point__pallets.is-active,
.tms-route-point__volume.is-active {
    color: #0088cc;
    opacity: 1;
}

.tms-route-point__volume {
    min-width: 44px;
    height: 26px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 3px;
    color: #7b888e;
}

.tms-route-point__volume i {
    font-size: 16px;
}

.tms-route-point__phone-action i {
    transform: scaleX(-1);
}

.tms-route-point__task {
    grid-column: 1;
    grid-row: 4;
    margin: 0 11px 10px;
    padding: 8px 10px;
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    gap: 7px;
    align-items: start;
    border-top: 1px solid #e3e8ea;
    background: #f6f8f9;
    color: #4d626b;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.35;
}

.tms-route-point__task[hidden] {
    display: none !important;
}

.tms-route-point__task i {
    color: #7b888e;
    font-size: 13px;
    line-height: 1.2;
}

.tms-route-point__task b {
    color: #20313a;
    font-weight: 900;
}

.tms-route-point__task-part {
    display: inline;
}

.tms-route-point__task-separator {
    color: #95a2a8;
    font-style: normal;
    font-weight: 900;
}

.tms-route-point__comment-mark {
    width: 26px;
    height: 26px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: rgba(123, 136, 142, .12);
    color: #7b888e;
    opacity: .32;
}

.tms-route-point__comment-mark.is-active {
    color: #0088cc;
    background: rgba(0, 136, 204, .12);
    opacity: 1;
}

.tms-route-point__comment-mark i {
    font-size: 15px;
}

.tms-route-point__cargo {
    display: flex !important;
    align-items: center;
    gap: 7px;
    text-transform: none;
}

.tms-route-point__cargo span {
    display: inline-flex !important;
    align-items: center;
    gap: 4px;
}

.tms-route-point__cargo i {
    color: #7b888e;
    font-size: 11px;
}

.tms-route-point__service .is-inactive {
    filter: grayscale(1);
    opacity: .35;
}

.tms-route-point__service img,
.tms-point-meta img {
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    border-radius: 4px;
    object-fit: contain;
    background: #fff;
}

.tms-route-point__service img[alt="Yandex"],
.tms-point-meta img[alt="Yandex"] {
    width: 22px;
    height: 22px;
    flex-basis: 22px;
}

@media (min-width: 560px) {
    .tms-route-point {
        min-height: 102px;
    }

    .tms-route-point__head {
        padding: 10px 18px 9px 22px;
    }

    .tms-route-point__head strong {
        font-size: 18px;
    }

    .tms-route-point__head small {
        font-size: 12px;
    }

    .tms-route-point__head em {
        font-size: 17px;
        font-weight: 800;
    }

    .tms-route-point__time {
        padding: 10px 18px 11px;
    }

    .tms-route-point__time strong {
        font-size: 18px;
    }

    .tms-route-point__time em {
        font-size: 14px;
    }

    .tms-route-point__body {
        padding: 14px 20px 13px 22px;
    }

    .tms-route-point__body em,
    .tms-route-point__body small {
        font-size: 14px;
    }

    .tms-route-point__details {
        grid-column: 1;
        grid-row: 2;
        min-width: 0;
        margin-top: 8px;
        display: block;
    }

    .tms-route-point__details em {
        min-width: 0;
        margin-top: 0;
        display: flex;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .tms-route-point__details small {
        font-size: 11px;
    }

    .tms-route-point__meta {
        margin-top: 0;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto;
        justify-content: stretch;
        align-content: center;
        gap: 8px 10px;
        font-size: 13px !important;
    }

    .tms-route-point__service {
        min-height: 58px;
        padding: 5px 7px;
        grid-template-columns: minmax(0, 1fr);
        gap: 5px;
    }

    .tms-route-point__service-icons {
        grid-template-columns: repeat(3, 24px);
        gap: 3px;
    }

    .tms-route-point__service-icons > i {
        width: 24px;
        height: 24px;
        font-size: 17px;
    }

    .tms-route-point__pallets i {
        font-size: 19px;
    }

    .tms-route-point__pallets b {
        font-size: 12px;
    }

    .tms-route-point__service img,
    .tms-point-meta img {
        width: 24px;
        height: 24px;
        flex-basis: 24px;
    }

    .tms-route-point__service img[alt="Yandex"] {
        width: 24px;
        height: 24px;
        flex-basis: 24px;
    }
}

.tms-mobile-empty {
    padding: 32px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.tms-mobile-empty i {
    width: 62px;
    height: 62px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #58707a;
    color: #fff;
    font-size: 26px;
}

.tms-mobile-empty strong {
    margin-top: 18px;
    font-size: 20px;
    font-weight: 600;
}

.tms-mobile-empty span {
    margin-top: 8px;
    color: #6b777d;
    font-size: 14px;
}

.tms-refresh-action {
    width: min(100%, 240px);
    margin-top: 22px;
}

.tms-point-screen {
    padding: 8px 8px 6px;
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto auto;
    gap: 6px;
    overflow: hidden;
}

.tms-comment-screen {
    padding: 12px;
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    gap: 12px;
    overflow: hidden;
}

.tms-point-card {
    min-height: 0;
    padding: 14px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background: #fff;
    box-shadow: 0 1px 5px rgba(31, 43, 49, .18);
}

.tms-back-link {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    margin-bottom: 18px;
    color: #58707a;
    text-decoration: none;
}

.tms-facade .tms-back-link:hover,
.tms-facade .tms-back-link:focus,
.tms-facade .tms-back-link:active {
    color: #58707a !important;
    text-decoration: none !important;
}

.tms-point-card__head {
    margin: -14px -14px 0;
    padding: 8px 14px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
    border-bottom: 1px solid #dfe5e8;
    border-radius: 6px 6px 0 0;
    background: #fff;
}

.tms-point-card__head strong {
    min-width: 0;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #263036;
    font-size: 13px;
    font-weight: 500;
    white-space: nowrap;
}

.tms-point-card__navigator-title {
    display: block;
    min-width: 0;
    overflow: hidden;
    color: inherit;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tms-point-card__navigator-title:hover,
.tms-point-card__navigator-title:focus,
.tms-point-card__navigator-title:active {
    color: inherit !important;
    text-decoration: none !important;
}

.tms-point-card__head strong:only-child {
    grid-column: 1 / -1;
}

.tms-point-card__head > b {
    min-width: 0;
    display: block;
    overflow: hidden;
    color: #263036;
    font-size: 13px;
    font-weight: 500;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tms-point-card__head strong,
.tms-point-card__head > b {
    font-size: 13px;
}

.tms-point-card em {
    display: block;
    margin-top: 8px;
    color: #4f5d63;
    font-size: 16px;
    font-style: normal;
}

.tms-point-card dl {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    margin: 12px 0 0;
    overflow: hidden;
    border: 1px solid #dfe5e8;
    border-radius: 6px;
}

.tms-point-card dl div {
    min-width: 0;
    padding: 7px 4px;
    text-align: center;
}

.tms-point-card dl div + div {
    border-left: 1px solid #dfe5e8;
}

.tms-point-card dt {
    color: #8a9499;
    font-size: 9px;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
}

.tms-point-card dd {
    min-width: 0;
    margin: 3px 0 0;
    overflow: hidden;
    color: #263036;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tms-point-card__phone dd {
    margin-top: 1px;
}

.tms-point-card__phone a,
.tms-point-card__phone dd > i {
    width: 26px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #58707a;
    font-size: 14px;
    text-decoration: none;
}

.tms-point-contact-actions {
    margin-top: 0;
    display: grid;
    grid-template-columns: repeat(2, 30px);
    gap: 6px;
    justify-content: end;
}

.tms-point-contact-actions a,
.tms-point-contact-actions > span {
    min-width: 0;
    width: 30px;
    min-height: 30px;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f6f8f9;
    color: #68777e;
    font-size: 0;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    text-decoration: none;
}

.tms-point-contact-actions i {
    font-size: 14px;
    text-align: center;
}

.tms-point-contact-actions__phone i {
    transform: scaleX(-1);
}

.tms-point-contact-actions .is-disabled {
    color: #a0aaae;
}

.tms-point-contact-actions__chat.is-active {
    color: #0088cc;
    background: #e8f4fb;
    border-color: #b9dff2;
}

.tms-point-plan-card.tms-point-acceptance__block {
    width: 100%;
    min-height: 46px;
    margin-top: 0;
    padding: 7px 9px;
    grid-template-columns: 24px minmax(0, 1fr) 24px;
    align-items: center;
    justify-items: stretch;
    gap: 8px;
    background: #eef4f8;
    color: #20313a;
    text-align: left;
}

.tms-point-plan-card.tms-point-acceptance__block > i {
    width: 22px;
    height: 22px;
    margin-top: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #58707a;
    font-size: 10px;
    font-style: normal;
    font-weight: 900;
}

.tms-point-plan-card.tms-point-acceptance__block strong {
    color: #20313a;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.25;
    text-transform: none;
}

.tms-point-plan-card__check {
    width: 22px;
    height: 22px;
    border: 2px solid #92a4ad;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, .68);
}

.tms-point-plan-card.is-accepted .tms-point-plan-card__check {
    border-color: #32a66a;
    background: #32a66a;
}

.tms-point-plan-card.is-accepted .tms-point-plan-card__check:before {
    content: "\f00c";
    color: #fff;
    font-family: "Font Awesome 5 Free";
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
}

.tms-point-plan-list {
    margin: 10px 0;
    display: grid;
    gap: 7px;
}

.tms-point-plan-inline {
    margin-top: -2px;
    padding: 8px;
    border: 1px solid #d8e1e7;
    border-radius: 8px;
    background: #f7f9fa;
    display: grid;
    gap: 7px;
}

.tms-point-plan-inline[hidden] {
    display: none;
}

.tms-point-plan-inline textarea {
    width: 100%;
    min-height: 58px;
    resize: vertical;
    border-color: #d8e1e7;
    background: #fff;
    color: #20313a;
    font-size: 13px;
    line-height: 1.35;
}

.tms-point-plan-inline__tools {
    min-height: 28px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.tms-point-plan-inline__tools button {
    position: relative;
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 8px;
    background: #e8eef2;
    color: #50636c;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.tms-point-plan-inline__tools span {
    min-width: 0;
    color: #6c7a80;
    font-size: 11px;
    line-height: 1.25;
}

.tms-point-plan-inline .js-tms-point-plan-confirm {
    gap: 8px;
    line-height: 1.2;
}

.tms-point-plan-inline .js-tms-point-plan-confirm i {
    flex: 0 0 auto;
}

.tms-point-plan-inline .js-tms-point-plan-confirm span {
    min-width: 0;
}

.tms-point-plan-summary {
    min-height: 54px;
    margin: 10px 0;
    padding: 9px 12px;
    border-radius: 10px;
    background: #f2f5f7;
    color: #20313a;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    text-decoration: none;
}

.tms-point-plan-summary > i {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: #fff;
    color: #0088cc;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

.tms-point-plan-summary span {
    min-width: 0;
    display: flex;
    align-items: baseline;
    gap: 6px;
}

.tms-point-plan-summary b {
    font-size: 18px;
    font-weight: 900;
    line-height: 1;
}

.tms-point-plan-summary strong {
    font-size: 12px;
    font-weight: 800;
    line-height: 1.1;
}

.tms-point-plan-summary em {
    color: #6c7a80;
    font-size: 11px;
    font-style: normal;
    font-weight: 800;
}

.tms-point-tasks-screen {
    gap: 12px;
}

.tms-point-tasks-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.tms-point-tasks-head strong {
    color: #20313a;
    font-size: 18px;
    font-weight: 900;
}

.tms-point-tasks-head span {
    min-width: 32px;
    height: 28px;
    padding: 0 8px;
    border-radius: 10px;
    background: #e7edf0;
    color: #20313a;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 900;
}

.tms-point-task-list {
    display: grid;
    gap: 8px;
}

.tms-point-task-row {
    min-height: 58px;
    padding: 9px 10px;
    border-radius: 10px;
    background: #f5f7f8;
    color: #20313a;
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) auto;
    gap: 9px;
    align-items: center;
    text-decoration: none;
}

.tms-point-task-row > i {
    width: 32px;
    height: 32px;
    border-radius: 10px;
    background: #fff;
    color: #7b888e;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.tms-point-task-row span {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.tms-point-task-row b {
    color: #7b888e;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
}

.tms-point-task-row strong {
    font-size: 13px;
    font-weight: 800;
    line-height: 1.25;
}

.tms-point-task-row em {
    color: #6c7a80;
    font-size: 11px;
    font-style: normal;
    font-weight: 800;
}

.tms-point-task-row.is-accepted {
    background: #e7f5ec;
}

.tms-point-task-row.is-accepted > i,
.tms-point-task-row.is-accepted em {
    color: #2f8f55;
}

.tms-point-task-row.has-discrepancy {
    background: #fff1e8;
}

.tms-point-card p {
    margin: 18px 0 0;
    color: #263036;
    font-size: 16px;
    line-height: 1.45;
}

.tms-point-quick-actions {
    margin-top: 16px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.tms-point-quick-actions a,
.tms-point-quick-actions > span {
    min-width: 0;
    min-height: 72px;
    padding: 10px;
    border-radius: 6px;
    display: grid;
    place-items: center;
    gap: 6px;
    background: #f1f4f5;
    color: #58707a;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
}

.tms-point-quick-actions i {
    font-size: 22px;
}

.tms-point-quick-actions .is-disabled {
    color: #9aa4a9;
}

.tms-point-address-card {
    margin-top: 14px;
    display: grid;
    gap: 10px;
    text-align: center;
}

.tms-point-address-card strong {
    color: #263036;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.35;
}

.tms-point-address-card img {
    width: 100%;
    min-height: 118px;
    max-height: 180px;
    display: block;
    border: 1px solid #dfe5e8;
    border-radius: 6px;
    object-fit: cover;
}

.tms-point-address-card span {
    color: #59666c;
    font-size: 14px;
    line-height: 1.35;
}

.tms-driver-report {
    padding: 12px;
    display: grid;
    gap: 10px;
    background: #fff;
    box-shadow: 0 1px 5px rgba(31, 43, 49, .18);
}

.tms-driver-report textarea {
    width: 100%;
    min-height: 86px;
    border: 0;
    border-bottom: 2px solid #58707a;
    outline: 0;
    resize: vertical;
    color: #263036;
    font-size: 16px;
    line-height: 1.4;
}

.tms-driver-report[hidden] {
    display: none !important;
}

.tms-point-acceptance {
    margin-top: 8px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    background: transparent;
}

.tms-point-acceptance__group {
    min-width: 0;
    display: block;
}

.tms-point-acceptance__group > div {
    min-width: 0;
    display: grid;
    gap: 4px;
    align-content: stretch;
}

.tms-point-acceptance__block {
    position: relative;
    min-width: 0;
    min-height: 86px;
    border: 0;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    gap: 2px 4px;
    padding: 25px 6px 9px;
    background: #fff;
    color: #4f5d63;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.15;
    text-transform: uppercase;
}

.tms-point-acceptance__block img {
    align-self: center;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 34px;
    height: 34px;
    object-fit: contain;
}

.tms-point-acceptance__block.is-yandex img {
    width: 36px;
    height: 36px;
}

.tms-point-acceptance__block i {
    color: #7b888e;
    font-size: 24px;
}

.tms-point-acceptance__block .tms-point-acceptance__pager {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
    gap: 1px;
    overflow: hidden;
    border-radius: 6px 6px 0 0;
}

.tms-point-acceptance__block .tms-point-acceptance__pager i {
    display: block;
    min-width: 0;
    height: 100%;
    background: rgba(77, 98, 107, .18);
}

.tms-point-acceptance__block.is-ozon .tms-point-acceptance__pager i.is-active {
    background: #de6a5c;
}

.tms-point-acceptance__block.is-wb .tms-point-acceptance__pager i.is-active {
    background: #9d76d8;
}

.tms-point-acceptance__block.is-yandex .tms-point-acceptance__pager i.is-active {
    background: #d6b85b;
}

.tms-point-acceptance__block .tms-point-acceptance__pager i.is-done {
    background: #4caf50;
}

.tms-point-acceptance__block .tms-point-acceptance__pager i.has-discrepancy {
    background: #d88b35;
}

.tms-point-acceptance__block .tms-point-acceptance__pager i.is-active.is-done {
    background: #4caf50;
}

.tms-point-acceptance__block .tms-point-acceptance__pager i.is-active.has-discrepancy {
    background: #d88b35;
}

.tms-point-acceptance__block small {
    position: absolute;
    top: 11px;
    left: 8px;
    right: 8px;
    grid-column: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: rgba(77, 98, 107, .68);
    font-size: 8px;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
}

.tms-point-acceptance__block span {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    color: #59666c;
    font-size: 10px;
    line-height: 1.2;
    white-space: nowrap;
}

.tms-point-acceptance__block span i {
    font-size: 10px;
}

.tms-point-acceptance__block span b {
    min-width: 0;
    overflow: hidden;
    color: #263036;
    font-size: 10px;
    font-weight: 700;
    text-overflow: ellipsis;
}

.tms-point-acceptance__block .tms-point-acceptance__metrics {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    gap: 4px;
}

.tms-point-acceptance__block .tms-point-acceptance__metric-line {
    min-width: 0;
    width: 100%;
    justify-self: stretch;
    min-height: 15px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: center;
    justify-items: center;
    gap: 3px;
}

.tms-point-acceptance__block .tms-point-acceptance__metric-line.is-extra {
    position: relative;
}

.tms-point-acceptance__block .tms-point-acceptance__metric-line.is-extra::before {
    content: '';
    width: 1px;
    height: 14px;
    position: absolute;
    left: -4px;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(77, 98, 107, .16);
}

.tms-point-acceptance__block .tms-point-acceptance__metric-line > span {
    min-width: 0;
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    color: #59666c;
    font-size: 9px;
    line-height: 1.1;
    white-space: nowrap;
}

.tms-point-acceptance__block .tms-point-acceptance__metric-line > span i {
    color: #7b888e;
    font-size: 9px;
}

.tms-point-acceptance__block .tms-point-acceptance__metric-line > span b {
    min-width: 0;
    overflow: hidden;
    color: #263036;
    font-size: 9px;
    font-weight: 700;
    text-overflow: ellipsis;
}

.tms-point-acceptance__block .tms-point-acceptance__metric-line > span.has-value i,
.tms-point-acceptance__block .tms-point-acceptance__metric-line > span.has-value b {
    color: #0088cc;
}

.tms-point-acceptance__block .tms-point-acceptance__icon-row {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(24px, 1fr) auto minmax(24px, 1fr);
    align-items: center;
    justify-items: stretch;
    gap: 6px;
}

.tms-point-acceptance__block .tms-point-acceptance__nav {
    width: 100%;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: rgba(77, 98, 107, .48);
    cursor: pointer;
}

.tms-point-acceptance__block .tms-point-acceptance__nav[hidden] {
    visibility: hidden;
    display: inline-flex !important;
}

.tms-point-acceptance__block .tms-point-acceptance__nav i {
    color: inherit;
    font-size: 16px;
}

.tms-point-acceptance__block.is-required.is-ozon .tms-point-acceptance__nav {
    color: #2f80bd;
}

.tms-point-acceptance__block.is-required.is-wb .tms-point-acceptance__nav {
    color: #8b3ffc;
}

.tms-point-acceptance__block.is-required.is-yandex .tms-point-acceptance__nav {
    color: #d6a800;
}

@media (max-width: 575px) {
    .tms-point-acceptance__block {
        min-height: 98px;
    }

    .tms-point-acceptance__block .tms-point-acceptance__metrics {
        grid-template-columns: minmax(0, 1fr);
        gap: 0;
    }

    .tms-point-acceptance__block .tms-point-acceptance__metric-line.is-extra {
        margin-top: 2px;
        padding-top: 3px;
        border-top: 1px solid rgba(77, 98, 107, .12);
    }

    .tms-point-acceptance__block .tms-point-acceptance__metric-line.is-extra::before {
        display: none;
    }
}

.tms-point-acceptance__block.is-required {
    cursor: pointer;
    background: #fff4f1;
}

.tms-point-acceptance__block.is-required small {
    color: #4d626b;
}

.tms-point-acceptance__block.is-optional {
    cursor: pointer;
    background: #f6f8f9;
}

.tms-point-acceptance__block.is-inactive {
    cursor: default;
    color: #a0aaae;
    background: #f6f8f9;
}

.tms-point-acceptance__block.is-inactive img {
    filter: grayscale(1);
    opacity: .28;
}

.tms-point-acceptance__block.is-inactive i {
    opacity: .32;
}

.tms-point-acceptance__block.is-accepted,
.tms-point-acceptance__block.is-inactive.is-accepted {
    cursor: default;
    background: #eef8f2;
}

.tms-point-acceptance__block.is-accepted img,
.tms-point-acceptance__block.is-inactive.is-accepted img {
    filter: none;
    opacity: 1;
}

.tms-point-acceptance__block.is-accepted i,
.tms-point-acceptance__block.is-accepted small,
.tms-point-acceptance__block.is-accepted span {
    color: #2b8f58;
    opacity: 1;
}

.tms-point-acceptance__block.has-discrepancy,
.tms-point-acceptance__block.is-accepted.has-discrepancy {
    background: #fff4e5;
}

.tms-point-acceptance__block.has-discrepancy i,
.tms-point-acceptance__block.has-discrepancy small,
.tms-point-acceptance__block.has-discrepancy span,
.tms-point-acceptance__block.has-discrepancy span b {
    color: #9a5a00;
}

.tms-point-returns {
    margin-top: 10px;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
}

.tms-point-returns .tms-point-acceptance__block {
    min-height: 64px;
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    text-align: center;
}

.tms-point-returns .tms-point-acceptance__block i {
    grid-column: 1;
    grid-row: auto;
    justify-self: center;
    font-size: 24px;
}

.tms-point-returns .tms-point-acceptance__block small {
    grid-column: 1;
    justify-self: center;
}

.tms-point-returns .tms-point-acceptance__block.is-optional {
    cursor: pointer;
}

.tms-point-extra-services {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #dfe5e8;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
}

.tms-point-extra-service-wrap {
    min-width: 0;
    display: grid;
    gap: 6px;
}

.tms-point-extra-service-wrap.is-hydrolift {
    grid-column: 1 / -1;
    grid-template-columns: 34px minmax(0, 1fr) 34px;
    align-items: stretch;
    gap: 6px;
}

.tms-point-extra-service {
    position: relative;
    min-width: 0;
    min-height: 52px;
    padding: 8px 4px;
    border: 0;
    border-radius: 6px;
    display: grid;
    place-items: center;
    gap: 5px;
    background: #f6f8f9;
    color: #58707a;
    font-size: 9px;
    font-weight: 800;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
}

.tms-point-extra-service:disabled {
    cursor: default;
    opacity: .45;
}

.tms-point-extra-service i {
    color: #7b888e;
    font-size: 20px;
}

.tms-point-extra-service b {
    position: absolute;
    top: 0;
    right: 9px;
    bottom: 0;
    min-width: 26px;
    height: 22px;
    margin: auto 0;
    padding: 0 7px;
    border-radius: 999px;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(29, 79, 115, .12);
    color: #1d4f73;
    font-size: 12px;
    line-height: 22px;
    pointer-events: none;
}

.tms-point-extra-service.is-selected {
    background: #eaf2f7;
    color: #1d4f73;
}

.tms-point-extra-service.is-selected i {
    color: #1d4f73;
}

.tms-point-extra-service.is-selected b {
    display: inline-flex;
}

.tms-point-extra-step {
    min-width: 0;
    min-height: 52px;
    border: 0;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #eaf2f7;
    color: #1d4f73;
    font-size: 14px;
}

.tms-point-extra-step:disabled {
    color: #a1aaae;
    background: #eef2f4;
}

.tms-acceptance-screen {
    display: block;
}

.tms-acceptance-wizard {
    display: grid;
    gap: 6px;
    margin-top: 8px;
}

.tms-acceptance-head {
    margin: -14px -14px 0;
    padding: 8px 12px 7px;
    border-bottom: 1px solid #dfe5e8;
    display: block;
    background: #fff;
    text-align: center;
}

.tms-acceptance-head strong {
    max-width: 100%;
    display: block;
    overflow: hidden;
    color: #263036;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.05;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.tms-acceptance-step,
.tms-acceptance-wizard__done {
    min-width: 0;
    display: grid;
    gap: 12px;
    padding: 13px 10px 15px;
    border: 1px solid rgba(38, 48, 54, 0.08);
    border-radius: 6px;
    background: #f8fafb;
}

.tms-acceptance-step[hidden],
.tms-acceptance-wizard__done[hidden] {
    display: none !important;
}

.tms-acceptance-step__main {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) auto;
    align-items: center;
    gap: 7px;
    padding-bottom: 11px;
    border-bottom: 1px solid #dfe5e8;
}

.tms-acceptance-step__main > i {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    background: #dff0fb;
    color: #0088cc;
    font-size: 15px;
}

.tms-acceptance-step__main span {
    color: #263036;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
}

.tms-acceptance-step__main strong {
    color: #263036;
    font-size: 22px;
    font-weight: 800;
    line-height: 1;
}

.tms-acceptance-step__actions {
    display: grid;
    grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
    gap: 8px;
}

.tms-acceptance-step__actions[hidden],
.tms-acceptance-step__edit[hidden] {
    display: none !important;
}

.tms-acceptance-step__edit {
    display: grid;
    gap: 9px;
}

.tms-acceptance-step__caption {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2px 2px 1px;
    color: #4d626b;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
}

.tms-acceptance-step__caption small {
    color: #7b888e;
    font-size: 10px;
    font-weight: 800;
}

.tms-acceptance-step__edit input {
    min-width: 0;
    width: 100%;
    height: 58px;
    border: 1px solid #dfe5e8;
    border-radius: 6px;
    padding: 4px 12px 2px;
    color: #263036;
    font-size: 24px;
    font-weight: 800;
    text-align: center;
    outline: 0;
}

.tms-acceptance-step__edit input:focus {
    border-color: #1d4f73;
    box-shadow: 0 0 0 2px rgba(29, 79, 115, 0.12);
}

.tms-acceptance-wizard__done {
    justify-items: center;
    text-align: center;
    color: #2b8f58;
    background: #eef8f2;
}

.tms-acceptance-wizard__done i {
    font-size: 28px;
}

.tms-acceptance-wizard__done strong {
    color: #226f45;
    font-size: 15px;
}

.tms-acceptance-wizard__done span {
    color: #47745c;
    font-size: 12px;
}

.tms-acceptance-hint {
    margin-top: 8px;
    padding: 8px 10px;
    border-radius: 6px;
    background: #eef5fb;
    color: #3d5969;
    font-size: 12px;
    line-height: 1.35;
}

.tms-acceptance-plan {
    margin-top: 8px;
    padding: 9px 10px;
    border-radius: 6px;
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    gap: 8px;
    align-items: start;
    background: #eef4f8;
    color: #20313a;
}

.tms-acceptance-plan i {
    margin-top: 1px;
    color: #58707a;
    font-size: 14px;
}

.tms-acceptance-plan span {
    font-size: 11px;
    font-weight: 700;
    line-height: 1.25;
}

.tms-acceptance-notes {
    margin-top: 8px;
    display: grid;
    gap: 6px;
}

.tms-acceptance-notes__head {
    width: 100%;
    min-height: 36px;
    border: 1px solid #cfe0ec;
    border-radius: 6px;
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    padding: 6px 9px;
    background: #eef6fb;
    color: #27465a;
    font-size: 12px;
    font-weight: 800;
    text-align: left;
}

.tms-acceptance-notes__head b {
    min-width: 20px;
    height: 20px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #0088cc;
    color: #fff;
    font-size: 11px;
}

.tms-acceptance-notes__body {
    display: grid;
    gap: 6px;
}

.tms-acceptance-notes__body[hidden] {
    display: none !important;
}

.tms-acceptance-notes article {
    padding: 8px 9px;
    border: 1px solid #dfe5e8;
    border-radius: 6px;
    background: #fff;
}

.tms-acceptance-notes article small {
    display: block;
    margin-bottom: 4px;
    color: #7b888e;
    font-size: 10px;
    font-weight: 700;
}

.tms-acceptance-notes article p {
    margin: 0;
    color: #263036;
    font-size: 12px;
    line-height: 1.3;
}

.tms-acceptance-discrepancy {
    display: grid;
    gap: 3px;
    padding: 10px 12px;
    border-radius: 6px;
    background: #fff4e5;
    color: #7a4b08;
    font-size: 12px;
    line-height: 1.35;
}

.tms-acceptance-discrepancy[hidden],
.tms-acceptance-screen textarea[hidden],
.tms-acceptance-screen .tms-comment-tools[hidden] {
    display: none !important;
}

.tms-acceptance-discrepancy strong {
    color: #5c3700;
    font-size: 13px;
}

.tms-acceptance-screen textarea {
    width: 100%;
    min-height: 66px;
    border: 1px solid #dfe5e8;
    border-radius: 6px;
    outline: 0;
    resize: vertical;
    padding: 9px 10px;
    color: #263036;
    font-size: 16px;
    line-height: 1.4;
}

.tms-acceptance-comment-slot {
    margin-top: 8px;
    min-height: 112px;
    display: grid;
    align-content: start;
    gap: 6px;
}

.tms-acceptance-comment-slot:not(.is-visible) {
    visibility: hidden;
}

.js-tms-driver-acceptance-screen-confirm {
    justify-self: stretch;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.tms-acceptance-step__confirm,
.tms-acceptance-inline-confirm {
    margin-top: 2px;
}

.tms-point-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.tms-point-card > .tms-point-actions {
    margin-top: 10px;
}

.tms-comment-card > .tms-point-actions {
    margin-top: 16px;
}

.tms-point-actions.has-no-primary {
    grid-template-columns: minmax(0, 1fr);
}

.tms-point-actions .tms-primary-action[disabled] {
    opacity: .45;
    cursor: default;
}

.tms-point-actions--waiting .tms-primary-action {
    grid-column: 1 / -1;
}

.tms-point-actions--accepted .tms-primary-action {
    grid-column: 1 / -1;
}

.tms-point-message-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
}

.tms-point-message-actions button {
    min-height: 42px;
    border: 0;
    border-radius: 4px;
    background: #fff;
    color: #58707a;
    box-shadow: 0 1px 4px rgba(31, 43, 49, .12);
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

.tms-wide-action {
    min-height: 48px;
    padding: 0 14px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    background: #fff;
    color: #58707a;
    box-shadow: 0 1px 4px rgba(31, 43, 49, .12);
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
}

.tms-facade .tms-wide-action:hover,
.tms-facade .tms-wide-action:focus,
.tms-facade .tms-wide-action:active {
    background: #eef2f4 !important;
    color: #58707a !important;
    text-decoration: none !important;
}

.tms-comment-card {
    min-height: 0;
    padding: 18px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background: #fff;
    box-shadow: 0 1px 5px rgba(31, 43, 49, .18);
}

.tms-comment-card strong {
    display: block;
    color: #263036;
    font-size: 22px;
    font-weight: 500;
}

.tms-comment-card > span {
    display: block;
    margin-top: 6px;
    color: #6f7d84;
    font-size: 14px;
}

.tms-comment-card textarea {
    width: 100%;
    margin-top: 22px;
    border: 0;
    border-bottom: 2px solid #58707a;
    outline: 0;
    resize: vertical;
    color: #263036;
    font-size: 17px;
    line-height: 1.45;
}

.tms-comment-tools {
    margin-top: 20px;
    display: flex;
    align-items: center;
    gap: 18px;
}

.tms-comment-tools button {
    position: relative;
    width: 42px;
    height: 42px;
    border: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    color: #58707a;
    font-size: 20px;
    opacity: .65;
}

.tms-comment-tools button.has-files,
.tms-point-plan-inline__tools button.has-files {
    opacity: 1;
}

.tms-comment-tools button.has-files::after,
.tms-point-plan-inline__tools button.has-files::after {
    content: attr(data-file-count);
    position: absolute;
    top: 2px;
    right: 2px;
    min-width: 18px;
    height: 18px;
    padding: 0 4px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #d9534f;
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    line-height: 18px;
}

.tms-comment-tools span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #6f7d84;
    font-size: 13px;
}

.tms-facade .tms-point-message-actions button:hover,
.tms-facade .tms-point-message-actions button:focus,
.tms-facade .tms-point-message-actions button:active {
    background: #eef2f4 !important;
    color: #58707a !important;
}

.tms-primary-action,
.tms-secondary-action {
    min-height: 48px;
    border: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
}

.tms-primary-action {
    background: #58707a;
    color: #fff;
}

.tms-secondary-action {
    background: #fff;
    color: #58707a;
}

.tms-secondary-action.is-disabled {
    color: #9aa4a9;
    background: #eef2f4;
}

.tms-facade .tms-primary-action:hover,
.tms-facade .tms-primary-action:focus,
.tms-facade .tms-primary-action:active {
    background: #4f6d78 !important;
    color: #fff !important;
    text-decoration: none !important;
}

.tms-facade .tms-secondary-action:hover,
.tms-facade .tms-secondary-action:focus,
.tms-facade .tms-secondary-action:active {
    background: #eef2f4 !important;
    color: #58707a !important;
    text-decoration: none !important;
}

.tms-chat-screen {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    background: #f7f7f7;
}

.tms-chat-title {
    min-width: 0;
    padding: 9px 12px;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    border-bottom: 1px solid #dfe3e5;
    background: #fff;
}

.tms-chat-title a {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #58707a;
    text-decoration: none;
}

.tms-chat-title span {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.tms-chat-title strong,
.tms-chat-list__item strong {
    min-width: 0;
    overflow: hidden;
    color: #263036;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tms-chat-title small,
.tms-chat-list__item small {
    min-width: 0;
    overflow: hidden;
    color: #7b888e;
    font-size: 11px;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tms-chat-list {
    min-height: 0;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow: auto;
    background: #f7f7f7;
}

.tms-chat-list__item {
    min-width: 0;
    min-height: 64px;
    padding: 10px 10px;
    border-radius: 6px;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) 22px;
    align-items: center;
    gap: 8px;
    background: #fff;
    color: #58707a;
    text-decoration: none;
    box-shadow: 0 1px 4px rgba(31, 43, 49, .12);
}

.tms-chat-list__item > i {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #eef3f5;
    color: #58707a;
    font-size: 16px;
}

.tms-chat-list__item span {
    min-width: 0;
    display: grid;
    gap: 4px;
}

.tms-chat-list__item b {
    color: #9aa4a9;
    text-align: right;
}

.tms-chat-bubbles {
    min-height: 0;
    padding: 16px 14px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 10px;
    overflow: auto;
}

.tms-chat-empty {
    align-self: center;
    margin-top: auto;
    margin-bottom: auto;
    color: #9aa2a6;
    font-size: 14px;
}

.tms-chat-message {
    max-width: 82%;
    padding: 9px 12px;
    border-radius: 8px;
    align-self: flex-end;
    background: #58707a;
    color: #fff;
    box-shadow: 0 2px 5px rgba(31, 43, 49, .25);
}

.tms-chat-message.is-incoming {
    align-self: flex-start;
    background: #eceff0;
    color: #343c40;
}

.tms-chat-message span {
    display: block;
    margin-bottom: 4px;
    color: rgba(255, 255, 255, .82);
    opacity: .72;
    font-size: 11px;
}

.tms-chat-message.is-incoming span {
    color: #5f6b70;
}

.tms-chat-context {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin: 0 0 5px;
    padding: 3px 6px;
    border-radius: 10px;
    background: rgba(255, 255, 255, .16);
    color: rgba(255, 255, 255, .9);
    font-size: 10px;
    font-style: normal;
    font-weight: 800;
    line-height: 1;
}

.tms-chat-message.is-incoming .tms-chat-context {
    background: #dce6ec;
    color: #3d5969;
}

.tms-chat-message p {
    margin: 0;
    color: #fff;
    white-space: pre-wrap;
    font-size: 15px;
    line-height: 1.35;
}

.tms-chat-message.is-incoming p {
    color: #343c40;
}

.tms-chat-attachments {
    margin-top: 8px;
    display: grid;
    gap: 6px;
}

.tms-chat-attachments a {
    color: inherit;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}

.tms-chat-attachments a i {
    margin-right: 6px;
}

.tms-chat-attachments img {
    max-width: 180px;
    max-height: 140px;
    border-radius: 6px;
    display: block;
    object-fit: cover;
}

.tms-chat-lightbox {
    position: fixed;
    inset: 0;
    z-index: 12000;
    padding: 18px;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(15, 23, 42, .74);
}

.tms-chat-lightbox.is-open {
    display: flex;
}

.tms-chat-lightbox img {
    max-width: 94vw;
    max-height: 84vh;
    border-radius: 8px;
    object-fit: contain;
}

.tms-chat-lightbox button {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, .94);
    color: #263036;
    font-size: 26px;
    line-height: 1;
}

.tms-chat-input {
    min-height: 56px;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) 42px;
    align-items: center;
    border-top: 1px solid #dfe3e5;
    background: #fff;
    color: #58707a;
}

.tms-chat-file {
    position: relative;
    height: 54px;
    margin: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.tms-chat-file.has-files {
    color: #0088cc;
}

.tms-chat-file.has-files i {
    display: none;
}

.tms-chat-file.has-files::after {
    content: attr(data-file-count);
    min-width: 26px;
    height: 26px;
    padding: 0 8px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #0088cc;
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
}

.tms-chat-file input {
    display: none;
}

.tms-chat-input input {
    height: 54px;
    border: 0;
    outline: 0;
    color: #263036;
    font-size: 16px;
}

.tms-chat-input i,
.tms-chat-input button {
    text-align: center;
    font-size: 18px;
}

.tms-chat-input button {
    width: 42px;
    height: 54px;
    border: 0;
    background: transparent;
    color: #58707a;
}

.tms-info-screen {
    padding: 12px;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.tms-info-card {
    min-height: min-content;
    padding: 18px;
    background: #fff;
    box-shadow: 0 1px 5px rgba(31, 43, 49, .18);
}

.tms-info-hero {
    position: relative;
    min-height: 132px;
    display: grid;
    justify-items: center;
    align-content: center;
    text-align: center;
}

.tms-info-hero > i {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #58707a;
    color: #fff;
    font-size: 24px;
}

.tms-info-hero span {
    margin-top: 12px;
    color: #77858c;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
}

.tms-info-hero strong {
    max-width: 100%;
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #263036;
    font-size: 22px;
    font-weight: 500;
}

.tms-profile-theme-action {
    position: absolute;
    top: 0;
    right: 0;
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #58707a;
    cursor: pointer;
}

.tms-profile-theme-action input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.tms-profile-theme-action .bx {
    font-size: 21px;
    line-height: 1;
}

.tms-profile-brief {
    display: grid;
    gap: 8px;
    margin: 14px 0 0;
}

.tms-profile-brief div {
    min-width: 0;
    padding: 10px 12px;
    border-radius: 8px;
    display: grid;
    grid-template-columns: 84px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    background: #f4f7f8;
}

.tms-profile-brief dt {
    color: #879399;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.tms-profile-brief dd {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #263036;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
}

.tms-info-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin: 18px 0 0;
}

.tms-info-grid div {
    min-width: 0;
    padding: 12px;
    border-radius: 4px;
    background: #f4f7f8;
}

.tms-info-grid dt {
    color: #879399;
    font-size: 12px;
    font-weight: 400;
}

.tms-info-grid dd {
    min-width: 0;
    margin: 4px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #263036;
    font-size: 15px;
    font-weight: 600;
}

.tms-profile-settings {
    margin: 16px 0 0;
}

.tms-profile-toggle {
    min-height: 58px;
    padding: 12px;
    border-radius: 8px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    background: #f4f7f8;
    cursor: pointer;
}

.tms-profile-toggle span {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.tms-profile-toggle strong {
    color: #263036;
    font-size: 15px;
    font-weight: 700;
}

.tms-profile-toggle small {
    color: #7b8990;
    font-size: 12px;
    line-height: 1.25;
}

.tms-profile-toggle input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.tms-profile-toggle i {
    width: 48px;
    height: 28px;
    border-radius: 999px;
    background: #c9d4d9;
    position: relative;
    transition: background .18s ease;
}

.tms-profile-toggle i::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 5px rgba(38, 48, 54, .22);
    transition: transform .18s ease;
}

.tms-profile-toggle input:checked + i {
    background: #2f80bd;
}

.tms-profile-toggle input:checked + i::before {
    transform: translateX(20px);
}

.tms-info-comment {
    margin: 12px 0 0;
    padding: 8px 10px;
    border-radius: 4px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    background: #f4f7f8;
    color: #263036;
    font-size: 13px;
    line-height: 1.2;
}

.tms-order-detail-card {
    min-height: min-content;
    padding: 18px;
    background: #fff;
    box-shadow: 0 1px 5px rgba(31, 43, 49, .18);
}

.tms-order-detail-head {
    margin-top: 6px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 32px;
    gap: 10px;
    align-items: start;
}

.tms-order-detail-head strong {
    min-width: 0;
    color: #263036;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.2;
}

.tms-order-detail-head button {
    width: 32px;
    height: 32px;
    border: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    color: #7b888e;
    font-size: 18px;
}

.tms-order-detail-card em {
    display: block;
    margin-top: 8px;
    color: #4f5d63;
    font-size: 15px;
    font-style: normal;
    line-height: 1.35;
}

.tms-order-detail-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 18px 0 0;
}

.tms-order-detail-list div {
    min-width: 0;
}

.tms-order-detail-list div:last-child {
    grid-column: 1 / -1;
}

.tms-order-detail-list dt {
    color: #8a9499;
    font-size: 12px;
    font-weight: 400;
}

.tms-order-detail-list dd {
    margin: 3px 0 0;
    color: #263036;
    font-size: 16px;
    font-weight: 500;
}

.tms-order-detail-card p {
    margin: 18px 0 0;
    color: #263036;
    font-size: 16px;
    line-height: 1.45;
}

.tms-order-cargo {
    margin-top: 16px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    overflow: hidden;
    border: 1px solid #dfe5e8;
    border-radius: 6px;
}

.tms-order-cargo__group {
    min-width: 0;
    display: grid;
    background: #fff;
}

.tms-order-cargo__group + .tms-order-cargo__group {
    border-left: 1px solid #dfe5e8;
}

.tms-order-cargo__group > strong {
    min-width: 0;
    padding: 8px 10px;
    display: block;
    border-bottom: 1px solid #dfe5e8;
    color: #263036;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.1;
    text-transform: uppercase;
}

.tms-order-cargo__row {
    min-width: 0;
    display: block;
    min-height: 128px;
    background: #fff;
}

.tms-order-cargo__row + .tms-order-cargo__row {
    border-top: 1px solid #dfe5e8;
}

.tms-order-cargo__market {
    min-width: 0;
    padding: 10px 8px;
}

.tms-order-cargo__market {
    height: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    justify-content: center;
    justify-items: center;
    gap: 5px 8px;
    color: #9aa4a9;
    font-weight: 700;
}

.tms-order-cargo__market img {
    grid-column: 1 / -1;
    width: 76px;
    height: 76px;
    border-radius: 0;
    object-fit: contain;
}

.tms-order-cargo__row.is-yandex .tms-order-cargo__market img {
    width: 54px;
    height: 54px;
}

.tms-order-cargo__market small {
    grid-column: 1 / -1;
    color: #4d626b;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
}

.tms-order-cargo__market span {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    color: #59666c;
    font-size: 11px;
    line-height: 1.2;
    white-space: nowrap;
}

.tms-order-cargo__market span i {
    color: #7b888e;
    font-size: 11px;
}

.tms-order-cargo__market span b {
    min-width: 0;
    overflow: hidden;
    color: #263036;
    font-size: 11px;
    font-weight: 700;
    text-overflow: ellipsis;
}

.tms-cargo-total {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 4px 4px;
    border-right: 1px solid #dfe5e8;
    white-space: nowrap;
}

.tms-cargo-total:last-child {
    border-right: 0;
}

.tms-cargo-total i {
    color: #7b888e;
    font-size: 13px;
}

.tms-cargo-total b {
    color: #263036;
    font-size: 12px;
    font-weight: 800;
}

.tms-order-cargo__row.is-inactive .tms-order-cargo__market img {
    filter: grayscale(1);
    opacity: .38;
}

.tms-order-cargo__row.is-inactive .tms-order-cargo__market small,
.tms-order-cargo__row.is-inactive .tms-order-cargo__market span,
.tms-order-cargo__row.is-inactive .tms-order-cargo__market span i,
.tms-order-cargo__row.is-inactive .tms-order-cargo__market span b {
    color: #9aa4a9;
}

.tms-bottom-actions {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 1055 !important;
    width: 100%;
    min-height: 64px;
    padding: 6px 10px calc(6px + env(safe-area-inset-bottom));
    display: flex !important;
    align-items: stretch;
    justify-content: space-around;
    border-top: 1px solid rgba(15, 23, 42, 0.1);
    background: rgba(255, 255, 255, 0.98);
    box-shadow: none;
}

.tms-bottom-actions a {
    flex: 1 1 0;
    min-width: 0;
    border: 0;
    background: transparent;
    color: #637083;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.1;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    text-decoration: none;
}

.tms-bottom-actions .lss-mobile-tabbar__icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 10px;
    font-size: 18px;
}

.tms-facade .tms-bottom-actions a:hover,
.tms-facade .tms-bottom-actions a:focus,
.tms-facade .tms-bottom-actions a:active,
.tms-facade .tms-bottom-actions a.is-active {
    color: #0088cc !important;
    text-decoration: none !important;
    background: transparent !important;
}

.tms-bottom-actions a.is-active .lss-mobile-tabbar__icon {
    background: #e8f4fb;
}

html.tms-driver-dark,
body.tms-driver-dark {
    background: #101820;
}

.tms-driver-dark .tms-mobile-shell {
    background: #101820;
    color: #e8eef2;
}

.tms-driver-dark .tms-route-screen,
.tms-driver-dark .tms-route-summary,
.tms-driver-dark .tms-route-accept,
.tms-driver-dark .tms-route-list,
.tms-driver-dark .tms-route-complete,
.tms-driver-dark .tms-shift-start-screen,
.tms-driver-dark .tms-route-choice-screen {
    background: #101820;
    border-color: rgba(255, 255, 255, .08);
}

.tms-driver-dark .tms-appbar {
    background: #172630;
    color: #f5f9fb;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
}

.tms-driver-dark .tms-info-card,
.tms-driver-dark .tms-order-detail-card,
.tms-driver-dark .tms-shift-start-card,
.tms-driver-dark .tms-route-summary div,
.tms-driver-dark .tms-route-point,
.tms-driver-dark .tms-confirm-modal__dialog,
.tms-driver-dark .tms-point-card,
.tms-driver-dark .tms-comment-card,
.tms-driver-dark .tms-chat-message,
.tms-driver-dark .tms-chat-input,
.tms-driver-dark .tms-acceptance-card,
.tms-driver-dark .tms-order-cargo,
.tms-driver-dark .tms-order-cargo__row {
    background: #16232c;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .35);
}

.tms-driver-dark .tms-info-hero > i {
    background: #2f80bd;
}

.tms-driver-dark .tms-shift-start-card > i,
.tms-driver-dark .tms-vehicle-choice-item em {
    background: rgba(47, 128, 189, .18);
    color: #7cc3ff;
}

.tms-driver-dark .tms-info-hero span,
.tms-driver-dark .tms-info-grid dt,
.tms-driver-dark .tms-profile-brief dt,
.tms-driver-dark .tms-vehicle-choice-item small,
.tms-driver-dark .tms-profile-toggle small {
    color: #9caeb8;
}

.tms-driver-dark .tms-info-hero strong,
.tms-driver-dark .tms-info-grid dd,
.tms-driver-dark .tms-profile-brief dd,
.tms-driver-dark .tms-profile-toggle strong,
.tms-driver-dark .tms-shift-start-card strong,
.tms-driver-dark .tms-vehicle-choice-item strong,
.tms-driver-dark .tms-route-choice-item strong,
.tms-driver-dark .tms-route-summary strong,
.tms-driver-dark .tms-route-point__head strong,
.tms-driver-dark .tms-confirm-modal__dialog strong,
.tms-driver-dark .tms-point-card strong,
.tms-driver-dark .tms-comment-card strong,
.tms-driver-dark .tms-order-detail-head strong,
.tms-driver-dark .tms-order-cargo__market strong,
.tms-driver-dark .tms-order-cargo__market span b {
    color: #f2f7fa;
}

.tms-driver-dark .tms-info-grid div,
.tms-driver-dark .tms-profile-brief div,
.tms-driver-dark .tms-profile-toggle,
.tms-driver-dark .tms-vehicle-choice-item,
.tms-driver-dark .tms-route-choice-item,
.tms-driver-dark .tms-route-map__overlay,
.tms-driver-dark .tms-route-map__locate,
.tms-driver-dark .tms-driver-point-popup,
.tms-driver-dark .tms-route-accept .tms-primary-action,
.tms-driver-dark .tms-chat-input textarea {
    background: #1e303b;
}

.tms-driver-dark .tms-route-summary span,
.tms-driver-dark .tms-route-choice-item small,
.tms-driver-dark .tms-route-point__meta,
.tms-driver-dark .tms-route-point__time,
.tms-driver-dark .tms-confirm-modal__dialog span,
.tms-driver-dark .tms-driver-point-popup small,
.tms-driver-dark .tms-driver-point-popup span,
.tms-driver-dark .tms-driver-point-popup em,
.tms-driver-dark .tms-order-detail-meta,
.tms-driver-dark .tms-order-cargo__meta {
    color: #9caeb8;
}

.tms-driver-dark .tms-route-map__overlay strong,
.tms-driver-dark .tms-driver-point-popup strong,
.tms-driver-dark .tms-chat-input textarea {
    color: #f2f7fa;
}

.tms-driver-dark .tms-route-choice-item {
    border-color: rgba(255, 255, 255, .08);
}

.tms-driver-dark .tms-vehicle-choice-item {
    border-color: rgba(255, 255, 255, .08);
}

.tms-driver-dark .tms-profile-theme-action {
    color: #9caeb8;
}

.tms-driver-dark .tms-route-choice-meta b {
    background: rgba(47, 128, 189, .18);
    color: #7cc3ff;
}

.tms-driver-dark .tms-route-choice-meta small {
    color: #9caeb8;
}

.tms-driver-dark .tms-route-summary {
    border-bottom-color: rgba(255, 255, 255, .06);
}

.tms-driver-dark .tms-route-summary div {
    border-color: rgba(255, 255, 255, .06);
}

.tms-driver-dark .tms-route-accept {
    border-top-color: rgba(255, 255, 255, .06);
    border-bottom-color: rgba(255, 255, 255, .06);
}

.tms-driver-dark .tms-route-accept .tms-primary-action {
    color: #d7e3ea;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .07);
}

.tms-driver-dark .tms-facade .tms-route-accept .tms-primary-action:hover,
.tms-driver-dark .tms-facade .tms-route-accept .tms-primary-action:focus,
.tms-driver-dark .tms-facade .tms-route-accept .tms-primary-action:active {
    background: #243845 !important;
    color: #f2f7fa !important;
}

.tms-driver-dark .tms-point-contact-actions a,
.tms-driver-dark .tms-point-contact-actions > span,
.tms-driver-dark .tms-info-comment {
    border-color: rgba(255, 255, 255, .07);
    background: #1a2a34;
    color: #c8d6dd;
}

.tms-driver-dark .tms-point-card__head {
    border-bottom-color: rgba(255, 255, 255, .07);
    background: #1a2a34;
}

.tms-driver-dark .tms-point-card__head strong,
.tms-driver-dark .tms-point-card__navigator-title {
    color: #f2f7fa;
}

.tms-driver-dark .tms-point-contact-actions i,
.tms-driver-dark .tms-info-comment i {
    color: #9caeb8;
}

.tms-driver-dark .tms-cargo-total {
    border-right-color: rgba(255, 255, 255, .07);
}

.tms-driver-dark .tms-cargo-total b {
    color: #f2f7fa;
}

.tms-driver-dark .tms-point-contact-actions__chat.is-active {
    border-color: rgba(124, 195, 255, .26);
    background: rgba(47, 128, 189, .18);
    color: #7cc3ff;
}

.tms-driver-dark .tms-point-contact-actions .is-disabled {
    color: #607783;
}

.tms-driver-dark .tms-route-point__head,
.tms-driver-dark .tms-route-point__time {
    border-color: rgba(255, 255, 255, .06);
}

.tms-driver-dark .tms-route-point__head small,
.tms-driver-dark .tms-route-point__body em,
.tms-driver-dark .tms-route-point__body small,
.tms-driver-dark .tms-route-point__time em {
    color: #9caeb8;
}

.tms-driver-dark .tms-route-point__head em,
.tms-driver-dark .tms-route-point__time strong {
    color: #f2f7fa;
}

.tms-driver-dark .tms-route-point__actions a,
.tms-driver-dark .tms-route-point__actions button,
.tms-driver-dark .tms-route-point__actions span,
.tms-driver-dark .tms-route-point__actions em,
.tms-driver-dark .tms-route-point__closed-actions a,
.tms-driver-dark .tms-route-point__closed-actions span,
.tms-driver-dark .tms-route-point__closed-actions em {
    border-color: rgba(255, 255, 255, .07);
    background: #1e303b;
    color: #cfe0e8;
}

.tms-driver-dark .tms-route-point__actions .is-disabled,
.tms-driver-dark .tms-route-point__closed-actions .is-disabled {
    background: #172630;
    color: #607783;
}

.tms-driver-dark .tms-route-point__status,
.tms-driver-dark .tms-route-point--state-done .tms-route-point__status,
.tms-driver-dark .tms-route-point--picked_up .tms-route-point__status,
.tms-driver-dark .tms-route-point--delivered .tms-route-point__status,
.tms-driver-dark .tms-route-point--done .tms-route-point__status {
    background: rgba(255, 255, 255, .06);
    color: #b8c8d0 !important;
}

.tms-driver-dark .tms-route-point--accepted .tms-route-point__status {
    background: rgba(47, 128, 189, .14);
    color: #7cc3ff !important;
}

.tms-driver-dark .tms-route-point--departed .tms-route-point__status {
    background: rgba(47, 128, 189, .2);
    color: #7cc3ff !important;
}

.tms-driver-dark .tms-route-point--arrived .tms-route-point__status {
    background: rgba(50, 166, 106, .16);
    color: #7bdca8 !important;
}

.tms-driver-dark .tms-route-point--skipped .tms-route-point__status,
.tms-driver-dark .tms-route-point--disputed .tms-route-point__status,
.tms-driver-dark .tms-route-point--state-problem .tms-route-point__status {
    background: rgba(255, 138, 101, .14);
    color: #ffb08d !important;
}

.tms-driver-dark .tms-route-point__meta,
.tms-driver-dark .tms-point-meta {
    color: #9caeb8 !important;
}

.tms-driver-dark .tms-route-point__service {
    border-left-color: rgba(255, 255, 255, .06);
    background: #16232c;
}

.tms-driver-dark .tms-route-point__service[data-service="FBS"],
.tms-driver-dark .tms-route-point__service[data-service="FBO"] {
    background: transparent;
}

.tms-driver-dark .tms-route-point__service.is-inactive {
    background: #16232c;
}

.tms-driver-dark .tms-route-point__service[data-service="FBS"].is-inactive,
.tms-driver-dark .tms-route-point__service[data-service="FBO"].is-inactive {
    background: transparent;
}

.tms-driver-dark .tms-route-point__service img,
.tms-driver-dark .tms-point-meta img {
    background: transparent;
    box-shadow: none;
}

.tms-driver-dark .tms-route-point__service > b,
.tms-driver-dark .tms-route-point__service-icons > i,
.tms-driver-dark .tms-route-point__details em i,
.tms-driver-dark .tms-route-point__details small {
    color: #9caeb8;
}

.tms-driver-dark .tms-route-point__service:not(.is-inactive) > b,
.tms-driver-dark .tms-route-point__pallets.is-active,
.tms-driver-dark .tms-route-point__volume.is-active,
.tms-driver-dark .tms-route-point__comment-mark.is-active {
    color: #7cc3ff;
}

.tms-driver-dark .tms-route-point__pallets b,
.tms-driver-dark .tms-route-point__volume b,
.tms-driver-dark .tms-route-point__comment-mark {
    background: transparent;
}

.tms-driver-dark .tms-route-point__pallets.is-active b,
.tms-driver-dark .tms-route-point__volume.is-active b,
.tms-driver-dark .tms-route-point__comment-mark.is-active {
    background: transparent;
}

.tms-driver-dark .tms-point-acceptance__block {
    background: #1a2a34;
    color: #9caeb8;
}

.tms-driver-dark .tms-point-acceptance__block.is-required {
    background: rgba(255, 138, 101, .10);
}

.tms-driver-dark .tms-point-acceptance__block.is-optional,
.tms-driver-dark .tms-point-acceptance__block.is-inactive {
    background: #172630;
}

.tms-driver-dark .tms-point-acceptance__block.is-accepted,
.tms-driver-dark .tms-point-acceptance__block.is-inactive.is-accepted {
    background: rgba(50, 166, 106, .12);
}

.tms-driver-dark .tms-point-acceptance__block.has-discrepancy,
.tms-driver-dark .tms-point-acceptance__block.is-accepted.has-discrepancy {
    background: rgba(255, 138, 101, .14);
}

.tms-driver-dark .tms-point-acceptance__block small {
    color: #9caeb8;
}

.tms-driver-dark .tms-point-acceptance__block span,
.tms-driver-dark .tms-point-acceptance__block i {
    color: #9caeb8;
}

.tms-driver-dark .tms-point-acceptance__block span b {
    color: #f2f7fa;
}

.tms-driver-dark .tms-point-acceptance__block.is-inactive img {
    filter: grayscale(1);
    opacity: .22;
}

.tms-driver-dark .tms-point-acceptance__block.is-accepted i,
.tms-driver-dark .tms-point-acceptance__block.is-accepted small,
.tms-driver-dark .tms-point-acceptance__block.is-accepted span,
.tms-driver-dark .tms-point-acceptance__block.is-accepted span b {
    color: #7bdca8;
}

.tms-driver-dark .tms-point-acceptance__block.has-discrepancy i,
.tms-driver-dark .tms-point-acceptance__block.has-discrepancy small,
.tms-driver-dark .tms-point-acceptance__block.has-discrepancy span,
.tms-driver-dark .tms-point-acceptance__block.has-discrepancy span b {
    color: #ffcfb8;
}

.tms-driver-dark .tms-point-plan-inline {
    border-color: rgba(255, 255, 255, .07);
    background: #1a2a34;
}

.tms-driver-dark .tms-point-plan-inline textarea {
    border-color: rgba(255, 255, 255, .08);
    background: #101820;
    color: #f2f7fa;
}

.tms-driver-dark .tms-point-plan-inline textarea:focus {
    border-color: rgba(124, 195, 255, .45);
    box-shadow: 0 0 0 2px rgba(47, 128, 189, .18);
}

.tms-driver-dark .tms-point-plan-inline textarea::placeholder {
    color: #7f929c;
}

.tms-driver-dark .tms-point-plan-inline__tools button {
    background: rgba(47, 128, 189, .14);
    color: #9fcff3;
}

.tms-driver-dark .tms-point-plan-inline__tools span {
    color: #9caeb8;
}

.tms-driver-dark .tms-point-plan-inline .js-tms-point-plan-confirm {
    background: #243845;
    color: #f2f7fa;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .07);
}

.tms-driver-dark .tms-point-extra-services {
    border-top-color: rgba(255, 255, 255, .08);
}

.tms-driver-dark .tms-point-extra-service,
.tms-driver-dark .tms-point-extra-step {
    background: #1a2a34;
    color: #9caeb8;
}

.tms-driver-dark .tms-point-extra-service i {
    color: #9caeb8;
}

.tms-driver-dark .tms-point-extra-service.is-selected,
.tms-driver-dark .tms-point-extra-step:not(:disabled) {
    background: rgba(47, 128, 189, .18);
    color: #7cc3ff;
}

.tms-driver-dark .tms-point-extra-service.is-selected i {
    color: #7cc3ff;
}

.tms-driver-dark .tms-point-extra-service b {
    background: rgba(47, 128, 189, .24);
    color: #cfeaff;
}

.tms-driver-dark .tms-point-extra-step:disabled,
.tms-driver-dark .tms-point-extra-service:disabled {
    background: #172630;
    color: #607783;
}

.tms-driver-dark .tms-route-point__task {
    border-top-color: rgba(255, 255, 255, .06);
    background: #1a2a34;
    color: #c8d6dd;
}

.tms-driver-dark .tms-route-point__task i,
.tms-driver-dark .tms-route-point__task-separator {
    color: #9caeb8;
}

.tms-driver-dark .tms-route-point__task b {
    color: #f2f7fa;
}

.tms-driver-dark .tms-acceptance-head {
    border-bottom-color: rgba(255, 255, 255, .06);
    background: #16232c;
}

.tms-driver-dark .tms-acceptance-head strong,
.tms-driver-dark .tms-acceptance-step__main span,
.tms-driver-dark .tms-acceptance-step__main strong {
    color: #f2f7fa;
}

.tms-driver-dark .tms-acceptance-step,
.tms-driver-dark .tms-acceptance-wizard__done {
    border-color: rgba(255, 255, 255, .07);
    background: #1a2a34;
}

.tms-driver-dark .tms-acceptance-step__main {
    border-bottom-color: rgba(255, 255, 255, .06);
}

.tms-driver-dark .tms-acceptance-step__main > i {
    background: rgba(47, 128, 189, .18);
    color: #7cc3ff;
}

.tms-driver-dark .tms-acceptance-step__caption {
    color: #c8d6dd;
}

.tms-driver-dark .tms-acceptance-step__caption small,
.tms-driver-dark .tms-acceptance-wizard__done span {
    color: #9caeb8;
}

.tms-driver-dark .tms-acceptance-step__edit input,
.tms-driver-dark .tms-acceptance-screen textarea {
    border-color: rgba(255, 255, 255, .08);
    background: #101820;
    color: #f2f7fa;
}

.tms-driver-dark .tms-acceptance-step__edit input:focus,
.tms-driver-dark .tms-acceptance-screen textarea:focus {
    border-color: rgba(124, 195, 255, .45);
    box-shadow: 0 0 0 2px rgba(47, 128, 189, .18);
}

.tms-driver-dark .tms-acceptance-wizard__done {
    color: #7bdca8;
    background: rgba(50, 166, 106, .12);
}

.tms-driver-dark .tms-acceptance-wizard__done strong {
    color: #7bdca8;
}

.tms-driver-dark .tms-acceptance-hint,
.tms-driver-dark .tms-acceptance-plan,
.tms-driver-dark .tms-acceptance-notes__head {
    border-color: rgba(255, 255, 255, .07);
    background: #1e303b;
    color: #c8d6dd;
}

.tms-driver-dark .tms-acceptance-plan i {
    color: #9caeb8;
}

.tms-driver-dark .tms-acceptance-notes__head b {
    background: #2f80bd;
    color: #fff;
}

.tms-driver-dark .tms-acceptance-notes article {
    border-color: rgba(255, 255, 255, .07);
    background: #16232c;
}

.tms-driver-dark .tms-acceptance-notes article small {
    color: #9caeb8;
}

.tms-driver-dark .tms-acceptance-notes article p {
    color: #f2f7fa;
}

.tms-driver-dark .tms-acceptance-discrepancy {
    background: rgba(255, 138, 101, .14);
    color: #ffcfb8;
}

.tms-driver-dark .tms-acceptance-discrepancy strong {
    color: #ffd7c6;
}

.tms-driver-dark .tms-route-point:hover,
.tms-driver-dark .tms-route-point:focus,
.tms-driver-dark .tms-route-point:active,
.tms-driver-dark .tms-route-point--state-done:hover,
.tms-driver-dark .tms-route-point--state-done:focus,
.tms-driver-dark .tms-route-point--state-done:active,
.tms-driver-dark .tms-facade .tms-vehicle-choice-item:hover,
.tms-driver-dark .tms-facade .tms-vehicle-choice-item:focus,
.tms-driver-dark .tms-facade .tms-vehicle-choice-item:active,
.tms-driver-dark .tms-facade .tms-route-choice-item:hover,
.tms-driver-dark .tms-facade .tms-route-choice-item:focus,
.tms-driver-dark .tms-facade .tms-route-choice-item:active {
    background: #1a2a34 !important;
}

.tms-driver-dark .tms-bottom-actions {
    border-top-color: rgba(255, 255, 255, .08);
    background: rgba(18, 29, 37, .98);
}

.tms-driver-dark .tms-bottom-actions a {
    color: #9caeb8;
}

.tms-driver-dark .tms-facade .tms-bottom-actions a:hover,
.tms-driver-dark .tms-facade .tms-bottom-actions a:focus,
.tms-driver-dark .tms-facade .tms-bottom-actions a:active,
.tms-driver-dark .tms-facade .tms-bottom-actions a.is-active {
    color: #5bb4e8 !important;
}

.tms-driver-dark .tms-bottom-actions a.is-active .lss-mobile-tabbar__icon {
    background: rgba(47, 128, 189, .18);
}

@media (min-width: 768px) {
    .tms-mobile-shell {
        left: 50%;
        right: auto;
        transform: translateX(-50%);
        width: min(100%, 460px);
        max-width: 460px;
        margin: 0 auto;
        box-shadow: 0 0 0 1px rgba(0, 0, 0, .05);
    }

}