body{background-color:#dadada}.image-uploader>.ant-upload{width:100%!important}.ant-card-head-title{color:rgba(0,0,0,.45)}.login-form{max-width:300px}.login-form-forgot{float:right}.ant-btn-width-100,.login-form-button{width:100%}.ant-btn-width-100 .ant-btn:first-child{width:calc(100% - 32px)}.page-header{width:100%;border-bottom:1px solid #d4d4d5;padding-bottom:24px}.ant-layout-header{padding:0!important}.main-header{height:64px!important;box-shadow:0 1px 4px rgba(0,21,41,.08)!important;position:relative}.ant-page-header,.main-header{background:#fff!important}.main-header .right{float:right;height:100%}.main-header .right .action{cursor:pointer;padding:0 12px;display:inline-block;transition:all .3s;height:100%}.main-header .right .action>i{font-size:16px;vertical-align:middle;color:rgba(0,0,0,.65)}.main-header .right .action.ant-popover-open,.main-header .right .action:hover{background:#e6f7ff}.main-header .right .search{padding:0;margin:0 12px}.main-header .right .search:hover{background:transparent}.main-header .right .account .avatar{margin:0 8px 0 0;color:#1890ff;background:hsla(0,0%,100%,.85);vertical-align:middle}.main-header i.trigger{font-size:20px;line-height:64px;cursor:pointer;transition:all .3s,padding 0s;padding:0 24px}.main-header i.trigger:hover{background:#e6f7ff}@media only screen and (max-width:768px){.main-header .header .ant-divider-vertical{vertical-align:unset}.main-header .header .name{display:none}.main-header .header i.trigger{padding:0 12px}.main-header .header .logo{padding-right:12px;position:relative}.main-header .header .right{position:absolute;right:12px;top:0;background:#fff}}.ant-layout-sider-help{font-size:18px;position:fixed;bottom:0;z-index:1;height:84px;color:#fff;line-height:48px;text-align:center;background:#001529;cursor:pointer;transition:all .3s,padding 0s;opacity:.8}.ant-layout{min-height:100vh;overflow-x:hidden}.logo{height:64px;line-height:58px;vertical-align:top;padding:0 0 0 24px;cursor:pointer;font-size:20px}.logo,.logo img{display:inline-block}.logo img{vertical-align:middle}.menu .anticon{margin-right:8px}.menu .ant-dropdown-menu-item{width:160px}.ant-table-row .ant-table-total-column{background:#f2f4f5}.ant-table-row.ant-table-total-row{background:#f2f4f5;font-weight:700}.ant-table-title{background-color:#fafafa}.table-row-selected{background-color:rgba(0,102,255,.4)}.editable-cell{position:relative}.editable-cell-value-wrap{padding:5px 12px;cursor:pointer}.editable-row:hover .editable-cell-value-wrap{border:1px solid #d9d9d9;border-radius:4px;padding:4px 11px}.ant-divider-inner-text{opacity:.5}.logo-uploader>.ant-upload{width:64px;height:64px;cursor:pointer}.custom-filter-dropdown{width:250px;padding:8px;border-radius:6px;background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.2)}.react-calendar-timeline *{box-sizing:border-box}.react-calendar-timeline .rct-outer{display:block;overflow:hidden;white-space:nowrap}.react-calendar-timeline .rct-scroll{display:inline-block;white-space:normal;vertical-align:top;overflow-x:scroll;overflow-y:hidden;touch-action:none}.react-calendar-timeline .rct-item:hover{z-index:88}.react-calendar-timeline .rct-item .rct-item-content{position:sticky;position:-webkit-sticky;left:0;overflow:hidden;display:inline-block;border-radius:2px;padding:0 6px;height:100%}.react-calendar-timeline .rct-sidebar{overflow:hidden;white-space:normal;display:inline-block;vertical-align:top;position:relative;box-sizing:border-box;border-right:1px solid #bbb}.react-calendar-timeline .rct-sidebar.rct-sidebar-right{border-right:0;border-left:1px solid #bbb}.react-calendar-timeline .rct-sidebar .rct-sidebar-row{padding:0 4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;margin:0;border-bottom:1px solid #bbb}.react-calendar-timeline .rct-sidebar .rct-sidebar-row.rct-sidebar-row-odd{background:rgba(0,0,0,.05)}.react-calendar-timeline .rct-sidebar .rct-sidebar-row.rct-sidebar-row-even{background:transparent}.react-calendar-timeline .rct-vertical-lines .rct-vl{position:absolute;border-left:1px solid #bbb;z-index:30}.react-calendar-timeline .rct-vertical-lines .rct-vl.rct-vl-first{border-left-width:2px}.react-calendar-timeline .rct-vertical-lines .rct-vl.rct-day-0,.react-calendar-timeline .rct-vertical-lines .rct-vl.rct-day-6{background:rgba(250,246,225,.5)}.react-calendar-timeline .rct-horizontal-lines{-webkit-user-select:none;user-select:none}.react-calendar-timeline .rct-horizontal-lines .rct-hl-even,.react-calendar-timeline .rct-horizontal-lines .rct-hl-odd{border-bottom:1px solid #bbb;box-sizing:border-box;z-index:40}.react-calendar-timeline .rct-horizontal-lines .rct-hl-odd{background:rgba(0,0,0,.05)}.react-calendar-timeline .rct-horizontal-lines .rct-hl-even{background:transparent}.react-calendar-timeline .rct-cursor-line{position:absolute;width:2px;background:#2196f3;z-index:51}.react-calendar-timeline .rct-dateHeader{display:flex;align-items:center;justify-content:center;height:100%;border-bottom:1px solid #bbb;cursor:pointer;font-size:14px;background-color:#f0f0f0;border-left:2px solid #bbb}.react-calendar-timeline .rct-dateHeader-primary{background-color:initial;border-left:1px solid #bbb;border-right:1px solid #bbb}.react-calendar-timeline .rct-header-root{background:#fff;border-bottom:1px solid #bbb}.react-calendar-timeline .rct-calendar-header{border:1px solid #bbb}.progress-row{font-size:12px}.page-header-with-notices .ant-page-header-heading{padding-top:12px}.large.ant-badge-status .ant-badge-status-dot{width:10px;height:10px}.ql-editor{min-height:100px}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:1px;border-top-color:#ccc;border-top-style:solid}.ant-comment .ant-typography blockquote{font-size:12px;font-style:italic;border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ticket-overdue-divider:before{border-width:1px!important;border-color:red!important}.ticket-overdue-divider .ant-divider-inner-text{font-size:2em;opacity:1}.ticket-overdue-divider:after{border-width:1px!important;border-color:red!important}.chartCard{position:relative}.chartCard .chartTop{position:relative;overflow:hidden;width:100%}.chartCard .chartTopMargin{margin-bottom:12px}.chartCard .chartTopHasMargin{margin-bottom:20px}.chartCard .metaWrap{float:left}.chartCard .avatar{position:relative;top:4px;float:left;margin-right:20px}.chartCard .avatar img{border-radius:100%}.chartCard .meta{color:rgba(0,0,0,.45);font-size:14px;line-height:22px;height:22px}.chartCard .action{cursor:pointer;position:absolute;top:0;right:0}.chartCard .total{overflow:hidden;text-overflow:ellipsis;word-break:break-all;white-space:nowrap;color:rgba(0,0,0,.85);margin-top:4px;margin-bottom:0;font-size:30px;line-height:38px;height:38px}.chartCard .content{position:relative;width:100%}.chartCard .contentFixed{position:absolute;left:0;bottom:0;width:100%}.chartCard .footer{border-top:1px solid #e8e8e8;padding-top:9px;margin-top:8px}.chartCard .footer>*{position:relative}.chartCard .footerMargin{margin-top:20px}.field{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.field span{font-size:14px;line-height:22px}.field span:last-child{font-family:Tahoma,Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-weight:400;margin-left:8px;color:#1777d1;font-size:18px}.container-header-dropdown>*{background-color:#fff;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15)}@media screen and (max-width:480px){.container-header-dropdown{width:100%!important}.container-header-dropdown>*{border-radius:0!important}}.notice-list{max-height:400px;overflow:auto}.notice-list::-webkit-scrollbar{display:none}.notice-list .item{padding-right:24px;padding-left:24px;overflow:hidden;cursor:pointer;transition:all .3s}.notice-list .item .meta{width:100%}.notice-list .item .avatar{margin-top:4px;background:#fff}.notice-list .item .iconElement{font-size:32px}.notice-list .item.read{opacity:.6}.notice-list .item:last-child{border-bottom:0}.notice-list .item:hover{background:#e8f8ff}.notice-list .item .title{margin-bottom:8px;font-weight:400}.notice-list .item .datetime,.notice-list .item .description{font-size:12px;line-height:1.5}.notice-list .item .datetime{margin-top:4px}.notice-list .item .extra{float:right;margin-top:-1.5px;margin-right:0;color:rgba(0,0,0,.45);font-weight:400}.notice-list .loadMore{padding:8px 0;color:#1777d1;text-align:center;cursor:pointer}.notice-list .loadMore.loadedAll{color:rgba(0,0,0,.25);cursor:unset}.notFound{padding:73px 0 88px;color:rgba(0,0,0,.45);text-align:center}.notFound img{display:inline-block;height:76px;margin-bottom:16px}.bottomBar{height:46px;color:rgba(0,0,0,.65);line-height:46px;text-align:center;border-top:1px solid #e8e8e8;border-radius:0 0 4px 4px;transition:all .3s}.bottomBar div{display:inline-block;width:50%;cursor:pointer;transition:all .3s;-webkit-user-select:none;user-select:none}.bottomBar div:only-child{width:100%}.bottomBar div:not(:only-child):last-child{border-left:1px solid #e8e8e8}.noticeBottomBar{color:rgba(0,0,0,.65);text-align:center;border-top:1px solid #e8e8e8;border-radius:0 0 4px 4px;transition:all .3s}.noticeBottomBar div{display:inline-block;width:50%;cursor:pointer;transition:all .3s;-webkit-user-select:none;user-select:none}.noticeBottomBar div:only-child{width:100%}.noticeBottomBar div:not(:only-child):last-child{border-left:1px solid #e8e8e8}.popover,.popoverButton{position:relative;width:436px}.popoverButton{padding-right:20px}.noticeButton{display:inline-block;cursor:pointer;transition:all .3s}.icon{padding:4px;vertical-align:middle}.badge{font-size:16px}.tabs :global .ant-tabs-nav-scroll{text-align:center}.tabs :global .ant-tabs-bar{margin-bottom:0}.loginpagewrap{padding-top:50px;width:100%;height:100%;overflow:hidden}.loginpagewrap p{text-align:center;font-size:27px;font-family:"cursive";margin-top:10%;margin-bottom:1.4%;font-weight:700;color:#888}.loginWrap{width:24%;margin:0 auto;border:1px solid #ccc;padding:2%;border-radius:5px}.loginWrap .loginBtn{width:100%}
/*# sourceMappingURL=main.7a4895fb.chunk.css.map */.ticket-plan-expired-row>td{background-color:#fff1f0!important}.ticket-plan-expired-row:hover>td{background-color:#ffd6d1!important}.ticket-order-marker{color:#8c8c8c;font-family:Arial,sans-serif;font-size:12px;line-height:16px;margin-top:2px}.orders-list-row-overdue>td{background:#ffd6d1!important}.orders-list-row-overdue:hover>td{background:#ffc9c2!important}.orders-list-row-today>td{background:#e6f7ff!important}.orders-list-row-today:hover>td{background:#d6f0ff!important}@media (max-width:768px){.orders-list-page .orders-list-row-overdue{background:#ffd6d1!important}.orders-list-page .orders-list-row-today{background:#e6f7ff!important}}

@media (max-width: 768px) {
  .tickets-list-page.ant-page-header {
    padding: 10px 10px 0 10px;
  }

  .tickets-list-page .ant-page-header-heading {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding-top: 4px;
  }

  .tickets-list-page .ant-page-header-back {
    margin-right: 0;
  }

  .tickets-list-page .ant-page-header-heading-title {
    font-size: 18px;
    line-height: 28px;
    margin-right: auto;
  }

  .tickets-list-page .ant-page-header-heading-extra {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    width: 100%;
    margin-left: 0;
    padding-top: 4px;
  }

  .tickets-list-page .ant-page-header-heading-extra > * {
    margin-left: 0 !important;
  }

  .tickets-list-page .ant-page-header-heading-extra .ant-input-search {
    order: 10;
    width: 100% !important;
  }

  .tickets-list-page .ant-page-header-content {
    padding-top: 0;
  }

  .tickets-list-page .ant-table-wrapper,
  .tickets-list-page .ant-spin-nested-loading,
  .tickets-list-page .ant-spin-container,
  .tickets-list-page .ant-table,
  .tickets-list-page .ant-table-content,
  .tickets-list-page .ant-table-body {
    overflow: visible !important;
  }

  .tickets-list-page .ant-table-thead {
    display: none;
  }

  .tickets-list-page .ant-table table,
  .tickets-list-page .ant-table-tbody,
  .tickets-list-page .ant-table-tbody > tr,
  .tickets-list-page .ant-table-tbody > tr > td {
    display: block;
    width: 100% !important;
  }

  .tickets-list-page .ant-table-tbody > tr {
    position: relative;
    margin: 10px 0;
    padding: 12px;
    border: 1px solid #e8e8e8;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  }

  .tickets-list-page .ant-table-tbody > tr.ticket-plan-expired-row {
    background: #fff1f0;
  }

  .tickets-list-page .ant-table-tbody > tr > td {
    min-height: 0;
    padding: 7px 0 !important;
    border-bottom: 0 !important;
    text-align: left !important;
    white-space: normal;
    word-break: normal;
  }

  .tickets-list-page .ant-table-tbody > tr > td.ant-table-row-expand-icon-cell,
  .tickets-list-page .ant-table-tbody > tr > td.ant-table-selection-column {
    display: none !important;
  }

  .tickets-list-page .ant-table-tbody > tr > td::before {
    display: block;
    margin-bottom: 3px;
    color: rgba(0, 0, 0, 0.45);
    font-size: 11px;
    line-height: 14px;
    text-transform: uppercase;
  }

  .tickets-list-page .ant-table-tbody > tr > td:nth-child(3)::before { content: "Статус"; }
  .tickets-list-page .ant-table-tbody > tr > td:nth-child(4)::before { content: "Номер"; }
  .tickets-list-page .ant-table-tbody > tr > td:nth-child(5)::before { content: "План"; }
  .tickets-list-page .ant-table-tbody > tr > td:nth-child(6)::before { content: "Выполнение"; }
  .tickets-list-page .ant-table-tbody > tr > td:nth-child(7)::before { content: "Клиент / Объект"; }
  .tickets-list-page .ant-table-tbody > tr > td:nth-child(8)::before { content: "Тема / Раздел"; }
  .tickets-list-page .ant-table-tbody > tr > td:nth-child(9)::before { content: "Ответственный"; }

  .tickets-list-page .ant-table-tbody > tr > td:nth-child(3),
  .tickets-list-page .ant-table-tbody > tr > td:nth-child(4) {
    display: inline-block;
    width: 49% !important;
    vertical-align: top;
  }

  .tickets-list-page .ant-table-tbody > tr > td:nth-child(10) {
    position: absolute;
    top: 10px;
    right: 10px;
    width: auto !important;
    padding: 0 !important;
  }

  .tickets-list-page .ant-table-tbody > tr > td:nth-child(10)::before {
    display: none;
  }

  .tickets-list-page .ant-typography {
    margin-bottom: 4px;
  }

  .tickets-list-page .ant-tag {
    max-width: 100%;
    white-space: normal;
    line-height: 20px;
  }

  .tickets-list-page .ant-pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 4px;
  }

  .tickets-list-page .ant-pagination-total-text {
    width: 100%;
    margin-right: 0;
    text-align: right;
  }

  .ant-layout-sider,
  .ant-menu-inline-collapsed {
    max-width: 52px !important;
    min-width: 52px !important;
    width: 52px !important;
  }
}

@media (max-width: 768px) {
  .ticket-form-page .ant-card {
    border-radius: 0;
  }

  .ticket-form-page > .ant-card > .ant-card-head {
    padding: 0 10px;
  }

  .ticket-form-page > .ant-card > .ant-card-head .ant-card-head-wrapper {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }

  .ticket-form-page > .ant-card > .ant-card-head .ant-card-head-title {
    padding: 10px 0 6px;
    white-space: normal;
  }

  .ticket-form-page > .ant-card > .ant-card-head .ant-card-head-title h2 {
    font-size: 17px;
    line-height: 22px;
  }

  .ticket-form-page > .ant-card > .ant-card-head .ant-card-extra {
    float: none;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 0 0 10px;
    margin-left: 0;
  }

  .ticket-form-page > .ant-card > .ant-card-head .ant-card-extra > * {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .ticket-form-page > .ant-card > .ant-card-body {
    padding: 10px;
  }

  .ticket-form-page .ant-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .ticket-form-page .ant-col,
  .ticket-form-page [class*="ant-col-"] {
    float: none;
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .ticket-form-page .ant-form-item {
    margin-bottom: 12px;
  }

  .ticket-form-page .ant-form-item-label {
    padding-bottom: 3px;
    line-height: 18px;
  }

  .ticket-form-page .ant-form-item-label > label {
    font-size: 13px;
  }

  .ticket-form-page .ant-input,
  .ticket-form-page .ant-select,
  .ticket-form-page .ant-calendar-picker,
  .ticket-form-page textarea {
    width: 100% !important;
    max-width: 100% !important;
  }

  .ticket-form-page .ant-card .ant-card {
    margin-top: 10px;
    border-color: #d9e8ff !important;
  }

  .ticket-form-page .ant-tabs-bar {
    margin-bottom: 10px;
  }

  .ticket-form-page .ant-tabs-nav-container {
    overflow: visible;
    font-size: 13px;
  }

  .ticket-form-page .ant-tabs-nav-wrap {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }

  .ticket-form-page .ant-tabs-nav-scroll {
    overflow: visible;
    white-space: nowrap;
  }

  .ticket-form-page .ant-tabs-tab {
    margin-right: 14px !important;
    padding: 10px 0 !important;
  }

  .ticket-form-page .ant-list-item {
    align-items: flex-start;
    padding-left: 0;
    padding-right: 0;
  }

  .ticket-form-page .ant-divider-inner-text {
    font-size: 13px;
  }

  .ticket-form-page .ant-upload-list-item-name,
  .ticket-form-page .ant-list-item-meta-title,
  .ticket-form-page .ant-list-item-meta-description {
    white-space: normal;
    word-break: break-word;
  }
}

@media (max-width: 768px) {
  .tickets-filter-drawer .ant-drawer-content-wrapper {
    width: calc(100vw - 52px) !important;
    max-width: calc(100vw - 52px) !important;
  }

  .tickets-filter-drawer .ant-drawer-body {
    padding: 14px 12px 20px;
    overflow-x: hidden;
  }

  .tickets-filter-drawer .ant-drawer-header {
    padding: 14px 12px;
  }

  .tickets-filter-drawer .ant-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .tickets-filter-drawer .ant-col,
  .tickets-filter-drawer [class*="ant-col-"] {
    float: none;
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .tickets-filter-drawer .ant-form-item {
    margin-bottom: 14px;
  }

  .tickets-filter-drawer .ant-form-item-label {
    padding-bottom: 3px;
    line-height: 18px;
  }

  .tickets-filter-drawer .ant-form-item-label > label {
    font-size: 13px;
  }

  .tickets-filter-drawer .ant-calendar-picker,
  .tickets-filter-drawer .ant-input,
  .tickets-filter-drawer .ant-select,
  .tickets-filter-drawer .ant-select-selection,
  .tickets-filter-drawer textarea {
    width: 100% !important;
    max-width: 100% !important;
  }

  .tickets-filter-drawer .ant-calendar-range-picker-input {
    width: 42%;
    font-size: 12px;
  }

  .tickets-filter-drawer .ant-calendar-range-picker-separator {
    width: 8%;
    min-width: 14px;
  }

  .tickets-filter-drawer .ant-select-selection--multiple .ant-select-selection__rendered {
    margin-bottom: 2px;
  }
}

@media (max-width: 768px) {
  .ant-layout-sider {
    max-width: 44px !important;
    min-width: 44px !important;
    width: 44px !important;
    flex: 0 0 44px !important;
  }

  .ant-layout-sider .logo {
    width: 44px;
    padding: 0;
  }

  .ant-layout-sider .ant-menu-inline-collapsed {
    width: 44px !important;
  }

  .ant-layout-sider .ant-menu-inline-collapsed > .ant-menu-item,
  .ant-layout-sider .ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title {
    left: 0;
    padding: 0 14px !important;
  }

  .ant-layout-sider-help {
    width: 44px !important;
    height: 64px;
    line-height: 44px;
  }

  body > div .ant-layout .ant-layout {
    margin-left: 44px !important;
  }

  .main-header {
    height: 52px !important;
    left: 44px;
    width: calc(100% - 44px) !important;
  }

  .main-header i.trigger {
    line-height: 52px;
    padding: 0 12px;
  }

  .main-header .right {
    position: absolute;
    top: 0;
    right: 6px;
    height: 52px;
    padding-right: 0 !important;
    background: #fff;
  }

  .main-header .right .action {
    padding: 0 6px;
  }

  .main-header .right .account .name {
    display: none;
  }

  .main-header .right .account .avatar {
    margin-right: 0;
  }

  body > div .ant-layout .ant-layout > .ant-layout-content {
    margin: 64px 8px 8px 8px !important;
  }

  .tickets-list-page .ant-page-header-heading-title,
  .ticket-form-page > .ant-card > .ant-card-head .ant-card-head-title h2 {
    word-break: normal;
    overflow-wrap: anywhere;
  }

  .tickets-list-page .ant-page-header-heading {
    align-items: flex-start;
  }

  .tickets-list-page .ant-page-header-heading-extra .ant-btn,
  .ticket-form-page > .ant-card > .ant-card-head .ant-card-extra .ant-btn {
    height: 30px;
    padding: 0 10px;
    font-size: 12px;
  }

  .ticket-form-page > .ant-card > .ant-card-head .ant-card-extra {
    align-items: center;
  }
}



@media (max-width: 768px) {
  .ant-layout-sider:not(.ant-layout-sider-collapsed) {
    max-width: 224px !important;
    min-width: 224px !important;
    width: 224px !important;
    flex: 0 0 224px !important;
    z-index: 1202;
    box-shadow: 8px 0 20px rgba(15, 23, 42, 0.22);
  }

  .ant-layout-sider:not(.ant-layout-sider-collapsed) .logo {
    width: 224px;
  }

  .ant-layout-sider:not(.ant-layout-sider-collapsed) .ant-menu-inline,
  .ant-layout-sider:not(.ant-layout-sider-collapsed) .ant-menu {
    width: 224px !important;
  }

  .ant-layout-sider:not(.ant-layout-sider-collapsed) .ant-menu-item,
  .ant-layout-sider:not(.ant-layout-sider-collapsed) .ant-menu-submenu-title {
    height: 42px;
    line-height: 42px;
    padding-left: 18px !important;
    padding-right: 14px !important;
  }

  .ant-layout-sider:not(.ant-layout-sider-collapsed) .ant-menu-item .anticon,
  .ant-layout-sider:not(.ant-layout-sider-collapsed) .ant-menu-submenu-title .anticon {
    margin-right: 10px;
  }

  .mobile-sidebar-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 224px;
    z-index: 1201;
    background: rgba(255, 255, 255, 0.02);
  }

  .ant-layout-sider:not(.ant-layout-sider-collapsed) + .mobile-sidebar-overlay + .ant-layout-sider-help {
    display: none;
  }
}

@media (min-width: 769px) {
  .mobile-sidebar-overlay {
    display: none;
  }
}

@media (max-width: 768px) {
  .entity-tasks-list-page {
    padding: 8px 8px 0;
  }

  .entity-tasks-list-page .ant-page-header-heading {
    display: flex;
    align-items: flex-start;
    gap: 6px;
  }

  .entity-tasks-list-page .ant-page-header-back {
    margin-right: 4px;
    line-height: 30px;
  }

  .entity-tasks-list-page .ant-page-header-heading-title {
    max-width: 100%;
    font-size: 18px;
    line-height: 26px;
    word-break: normal;
    overflow-wrap: anywhere;
  }

  .entity-tasks-list-page .ant-page-header-heading-extra {
    width: 100%;
    float: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin-left: 0;
    padding-top: 6px;
  }

  .entity-tasks-list-page .ant-page-header-heading-extra > * {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .entity-tasks-list-page .ant-page-header-heading-extra .ant-input-search {
    order: 10;
    width: 100% !important;
  }

  .entity-tasks-list-page .ant-page-header-heading-extra .ant-btn {
    height: 30px;
    padding: 0 10px;
    font-size: 12px;
  }

  .entity-tasks-list-page .ant-page-header-footer {
    margin-top: 10px;
  }

  .entity-tasks-list-page .ant-table-wrapper,
  .entity-tasks-list-page .ant-table,
  .entity-tasks-list-page .ant-table-content,
  .entity-tasks-list-page .ant-table-body {
    overflow: visible !important;
  }

  .entity-tasks-list-page .ant-table table,
  .entity-tasks-list-page .ant-table thead,
  .entity-tasks-list-page .ant-table tbody,
  .entity-tasks-list-page .ant-table tr,
  .entity-tasks-list-page .ant-table th,
  .entity-tasks-list-page .ant-table td {
    display: block;
    width: 100% !important;
  }

  .entity-tasks-list-page .ant-table thead {
    display: none;
  }

  .entity-tasks-list-page .ant-table-row {
    position: relative;
    margin-bottom: 12px;
    padding: 12px 12px 10px;
    border: 1px solid #edf0f2;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
  }

  .entity-tasks-list-page .ant-table-row > td {
    min-height: 0;
    padding: 4px 0 !important;
    border-bottom: 0 !important;
    text-align: left !important;
    white-space: normal;
    word-break: break-word;
  }

  .entity-tasks-list-page .ant-table-selection-column {
    display: none !important;
  }

  .entity-tasks-list-page .ant-table-row > td::before {
    display: block;
    margin-bottom: 2px;
    color: rgba(0, 0, 0, 0.42);
    font-size: 10px;
    font-weight: 700;
    line-height: 14px;
    text-transform: uppercase;
  }

  .entity-tasks-list-page .ant-table-row > td:nth-child(2)::before { content: "#"; }
  .entity-tasks-list-page .ant-table-row > td:nth-child(3)::before { content: "Статус"; }
  .entity-tasks-list-page .ant-table-row > td:nth-child(4)::before { content: "План"; }
  .entity-tasks-list-page .ant-table-row > td:nth-child(5)::before { content: "Начало"; }
  .entity-tasks-list-page .ant-table-row > td:nth-child(6)::before { content: "Окончание"; }
  .entity-tasks-list-page .ant-table-row > td:nth-child(7)::before { content: "Клиент / Объект"; }
  .entity-tasks-list-page .ant-table-row > td:nth-child(8)::before { content: "Раздел"; }
  .entity-tasks-list-page .ant-table-row > td:nth-child(9)::before { content: "Ответственный"; }

  .entity-tasks-list-page .ant-tag {
    max-width: 100%;
    white-space: normal;
    line-height: 20px;
  }

  .entity-tasks-list-page .ant-pagination {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 4px;
  }

  .entity-tasks-filter-drawer .ant-drawer-content-wrapper {
    width: calc(100vw - 52px) !important;
    max-width: calc(100vw - 52px) !important;
  }

  .entity-tasks-filter-drawer .ant-drawer-body {
    padding: 14px 12px 20px;
    overflow-x: hidden;
  }

  .entity-tasks-filter-drawer .ant-drawer-header {
    padding: 14px 12px;
  }

  .entity-tasks-filter-drawer .ant-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .entity-tasks-filter-drawer .ant-col,
  .entity-tasks-filter-drawer [class*="ant-col-"] {
    float: none;
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .entity-tasks-filter-drawer .ant-form-item {
    margin-bottom: 14px;
  }

  .entity-tasks-filter-drawer .ant-calendar-picker,
  .entity-tasks-filter-drawer .ant-input,
  .entity-tasks-filter-drawer .ant-select,
  .entity-tasks-filter-drawer .ant-select-selection {
    width: 100% !important;
    max-width: 100% !important;
  }

  .entity-task-form-page > .ant-card {
    border: 0;
  }

  .entity-task-form-page > .ant-card > .ant-card-head {
    padding: 0 10px;
    min-height: 0;
  }

  .entity-task-form-page > .ant-card > .ant-card-head .ant-card-head-title {
    padding: 10px 0 6px;
    white-space: normal;
  }

  .entity-task-form-page > .ant-card > .ant-card-head .ant-card-head-title h2 {
    margin-bottom: 4px;
    font-size: 18px;
    line-height: 24px;
    word-break: normal;
    overflow-wrap: anywhere;
  }

  .entity-task-form-page > .ant-card > .ant-card-head .ant-card-extra {
    float: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    padding: 0 0 10px;
    margin-left: 0;
  }

  .entity-task-form-page > .ant-card > .ant-card-head .ant-card-extra > * {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .entity-task-form-page > .ant-card > .ant-card-head .ant-card-extra .ant-btn {
    height: 30px;
    padding: 0 10px;
    font-size: 12px;
  }

  .entity-task-form-page > .ant-card > .ant-card-body {
    padding: 10px;
  }

  .entity-task-form-page .ant-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .entity-task-form-page .ant-col,
  .entity-task-form-page [class*="ant-col-"] {
    float: none;
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .entity-task-form-page .ant-table-wrapper {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .entity-task-form-page .ant-tabs-bar {
    margin-bottom: 10px;
  }

  .entity-task-form-page .ant-tabs-nav-wrap {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }

  .entity-task-form-page .ant-tabs-nav-scroll {
    overflow: visible;
    white-space: nowrap;
  }

  .entity-task-form-page .ant-tabs-tab {
    margin-right: 14px !important;
    padding: 10px 0 !important;
  }
}


@media (max-width: 768px) {
  .orders-list-page {
    padding: 12px 10px !important;
  }

  .orders-list-page .ant-page-header-heading {
    display: flex;
    align-items: flex-start;
    gap: 8px;
  }

  .orders-list-page .ant-page-header-heading-title {
    font-size: 20px;
    line-height: 28px;
    white-space: normal;
  }

  .orders-list-page .ant-page-header-heading-extra {
    float: none;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    width: 100%;
    margin-left: 0;
    padding-top: 8px;
  }

  .orders-list-page .ant-page-header-heading-extra > * {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .orders-list-page .ant-page-header-heading-extra .ant-input-search {
    order: 10;
    width: 100% !important;
  }

  .orders-list-page .ant-page-header-content {
    padding-top: 8px;
  }

  .orders-list-page .ant-table-wrapper,
  .orders-list-page .ant-spin-nested-loading,
  .orders-list-page .ant-spin-container,
  .orders-list-page .ant-table,
  .orders-list-page .ant-table-content,
  .orders-list-page .ant-table-body,
  .orders-list-page table,
  .orders-list-page tbody {
    display: block;
    width: 100% !important;
  }

  .orders-list-page colgroup,
  .orders-list-page .ant-table-thead {
    display: none;
  }

  .orders-list-page .ant-table-tbody {
    display: block;
  }

  .orders-list-page .ant-table-tbody > tr.ant-table-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px 12px;
    margin: 0 0 12px;
    padding: 12px;
    border: 1px solid #e8eef5;
    border-radius: 6px;
    background: #fff;
  }

  .orders-list-page .ant-table-tbody > tr.ant-table-row > td {
    display: block;
    width: auto !important;
    padding: 0 !important;
    border-bottom: 0 !important;
    text-align: left !important;
    font-size: 13px;
    word-break: break-word;
  }

  .orders-list-page .ant-table-selection-column,
  .orders-list-page .ant-table-tbody > tr > td:last-child {
    display: none !important;
  }

  .orders-list-page .ant-table-tbody > tr > td::before {
    display: block;
    margin-bottom: 3px;
    color: #8c8c8c;
    font-size: 10px;
    font-weight: 700;
    line-height: 14px;
    text-transform: uppercase;
  }

  .orders-list-page .ant-table-tbody > tr > td:nth-child(2)::before { content: "\0412\044B\043F\043E\043B\043D\0435\043D\0438\0435"; }
  .orders-list-page .ant-table-tbody > tr > td:nth-child(3)::before { content: "\041D\043E\043C\0435\0440"; }
  .orders-list-page .ant-table-tbody > tr > td:nth-child(4)::before { content: "\0414\0430\0442\0430 \0441\043E\0437\0434\0430\043D\0438\044F"; }
  .orders-list-page .ant-table-tbody > tr > td:nth-child(5)::before { content: "\0414\0430\0442\0430 \043F\0440\0438\043D\044F\0442\0438\044F"; }
  .orders-list-page .ant-table-tbody > tr > td:nth-child(6)::before { content: "\0421\0443\043C\043C\0430"; }
  .orders-list-page .ant-table-tbody > tr > td:nth-child(7)::before { content: "\041A\043B\0438\0435\043D\0442 / \041E\0431\044A\0435\043A\0442"; }
  .orders-list-page .ant-table-tbody > tr > td:nth-child(8)::before { content: "\0422\0435\043C\0430 / \0420\0430\0437\0434\0435\043B"; }
  .orders-list-page .ant-table-tbody > tr > td:nth-child(9)::before { content: "\041E\0442\0432\0435\0442\0441\0442\0432\0435\043D\043D\044B\0439"; }

  .orders-list-page .ant-table-tbody > tr > td:nth-child(7),
  .orders-list-page .ant-table-tbody > tr > td:nth-child(8),
  .orders-list-page .ant-table-tbody > tr > td:nth-child(9) {
    grid-column: 1 / -1;
  }

  .orders-list-page .ant-typography {
    margin-bottom: 4px;
    white-space: normal;
  }

  .orders-list-page .ant-tag {
    max-width: 100%;
    margin-top: 4px;
    white-space: normal;
    line-height: 20px;
  }

  .orders-list-page .ant-pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
  }

  .orders-list-page .ant-pagination-total-text {
    width: 100%;
    height: auto;
    line-height: 18px;
    text-align: left;
    white-space: normal;
  }
}

@media (max-width: 768px) {
  .orders-filter-drawer .ant-drawer-content-wrapper {
    width: calc(100vw - 52px) !important;
    max-width: calc(100vw - 52px) !important;
  }

  .orders-filter-drawer .ant-drawer-body {
    padding: 14px 12px 20px;
    overflow-x: hidden;
  }

  .orders-filter-drawer .ant-drawer-header {
    padding: 14px 12px;
  }

  .orders-filter-drawer .ant-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .orders-filter-drawer .ant-col,
  .orders-filter-drawer [class*="ant-col-"] {
    float: none;
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .orders-filter-drawer .ant-form-item {
    margin-bottom: 14px;
  }

  .orders-filter-drawer .ant-calendar-picker,
  .orders-filter-drawer .ant-input,
  .orders-filter-drawer .ant-select,
  .orders-filter-drawer .ant-select-selection,
  .orders-filter-drawer textarea {
    width: 100% !important;
    max-width: 100% !important;
  }

  .orders-filter-drawer .ant-calendar-range-picker-input {
    width: 42%;
    font-size: 12px;
  }

  .orders-filter-drawer .ant-calendar-range-picker-separator {
    width: 8%;
    min-width: 14px;
  }
}

@media (max-width: 768px) {
  .order-form-page > .ant-card {
    margin: 0 !important;
    border-radius: 0;
  }

  .order-form-page > .ant-card > .ant-card-head {
    padding: 0 10px;
    min-height: 0;
  }

  .order-form-page > .ant-card > .ant-card-head .ant-card-head-wrapper {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }

  .order-form-page > .ant-card > .ant-card-head .ant-card-head-title {
    padding: 10px 0 6px;
    white-space: normal;
  }

  .order-form-page > .ant-card > .ant-card-head .ant-card-head-title h2 {
    font-size: 18px;
    line-height: 24px;
    word-break: normal;
    overflow-wrap: anywhere;
  }

  .order-form-page > .ant-card > .ant-card-head .ant-card-extra {
    float: none;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 0 0 10px;
    margin-left: 0;
  }

  .order-form-page > .ant-card > .ant-card-head .ant-card-extra > * {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .order-form-page > .ant-card > .ant-card-head .ant-card-extra .ant-btn {
    height: 30px;
    padding: 0 10px;
    font-size: 12px;
  }

  .order-form-page > .ant-card > .ant-card-body {
    padding: 10px;
  }

  .order-form-page .ant-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .order-form-page .ant-col,
  .order-form-page [class*="ant-col-"] {
    float: none;
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .order-form-page .ant-form-item {
    margin-bottom: 12px;
  }

  .order-form-page .ant-input,
  .order-form-page .ant-input-number,
  .order-form-page .ant-select,
  .order-form-page .ant-calendar-picker,
  .order-form-page textarea {
    width: 100% !important;
    max-width: 100% !important;
  }

  .order-form-page .ant-tabs-nav-wrap {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }

  .order-form-page .ant-tabs-nav-scroll {
    overflow: visible;
    white-space: nowrap;
  }

  .order-form-page .ant-tabs-tab {
    margin-right: 14px !important;
    padding: 10px 0 !important;
  }

  .order-form-page .ant-table-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .order-form-page .ant-table {
    min-width: 520px;
  }

  .order-form-page .ant-upload-list-item-name,
  .order-form-page .ant-list-item-meta-title,
  .order-form-page .ant-list-item-meta-description {
    white-space: normal;
    word-break: break-word;
  }
}
@media (max-width: 768px) {
  .order-tasks-list-page {
    padding: 8px 8px 0;
  }

  .order-tasks-list-page .ant-page-header-heading {
    display: flex;
    align-items: flex-start;
    gap: 6px;
  }

  .order-tasks-list-page .ant-page-header-back {
    margin-right: 4px;
    line-height: 30px;
  }

  .order-tasks-list-page .ant-page-header-heading-title {
    max-width: 100%;
    font-size: 18px;
    line-height: 26px;
    word-break: normal;
    overflow-wrap: anywhere;
  }

  .order-tasks-list-page .ant-page-header-heading-extra {
    width: 100%;
    float: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin-left: 0;
    padding-top: 6px;
  }

  .order-tasks-list-page .ant-page-header-heading-extra > * {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .order-tasks-list-page .ant-page-header-heading-extra .ant-input-search {
    order: 10;
    width: 100% !important;
  }

  .order-tasks-list-page .ant-page-header-heading-extra .ant-btn {
    height: 30px;
    padding: 0 10px;
    font-size: 12px;
  }

  .order-tasks-list-page .ant-page-header-footer {
    margin-top: 10px;
  }

  .order-tasks-list-page .ant-table-wrapper,
  .order-tasks-list-page .ant-table,
  .order-tasks-list-page .ant-table-content,
  .order-tasks-list-page .ant-table-body {
    overflow: visible !important;
  }

  .order-tasks-list-page .ant-table table,
  .order-tasks-list-page .ant-table thead,
  .order-tasks-list-page .ant-table tbody,
  .order-tasks-list-page .ant-table tr,
  .order-tasks-list-page .ant-table th,
  .order-tasks-list-page .ant-table td {
    display: block;
    width: 100% !important;
  }

  .order-tasks-list-page .ant-table thead {
    display: none;
  }

  .order-tasks-list-page .ant-table-row {
    position: relative;
    margin-bottom: 12px;
    padding: 12px 12px 10px;
    border: 1px solid #edf0f2;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
  }

  .order-tasks-list-page .ant-table-row > td {
    min-height: 0;
    padding: 4px 0 !important;
    border-bottom: 0 !important;
    text-align: left !important;
    white-space: normal;
    word-break: break-word;
  }

  .order-tasks-list-page .ant-table-selection-column {
    display: none !important;
  }

  .order-tasks-list-page .ant-table-row > td::before {
    display: block;
    margin-bottom: 2px;
    color: rgba(0, 0, 0, 0.42);
    font-size: 10px;
    font-weight: 700;
    line-height: 14px;
    text-transform: uppercase;
  }

  .order-tasks-list-page .ant-table-row > td:nth-child(2)::before { content: "\0421\0442\0430\0442\0443\0441"; }
  .order-tasks-list-page .ant-table-row > td:nth-child(3)::before { content: "\041D\043E\043C\0435\0440 / \0422\0438\043F / \0417\0430\043A\0430\0437"; }
  .order-tasks-list-page .ant-table-row > td:nth-child(4)::before { content: "\041F\043B\0430\043D"; }
  .order-tasks-list-page .ant-table-row > td:nth-child(5)::before { content: "\041D\0430\0447\0430\043B\043E"; }
  .order-tasks-list-page .ant-table-row > td:nth-child(6)::before { content: "\041E\043A\043E\043D\0447\0430\043D\0438\0435"; }
  .order-tasks-list-page .ant-table-row > td:nth-child(7)::before { content: "\041A\043B\0438\0435\043D\0442 / \041E\0431\044A\0435\043A\0442"; }
  .order-tasks-list-page .ant-table-row > td:nth-child(8)::before { content: "\041E\0442\0432\0435\0442\0441\0442\0432\0435\043D\043D\044B\0439"; }

  .order-tasks-list-page .ant-pagination {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 4px;
  }

  .order-tasks-list-page .ant-pagination-total-text {
    width: 100%;
    margin-right: 0;
    text-align: right;
    white-space: normal;
  }

  .order-tasks-filter-drawer .ant-drawer-content-wrapper {
    width: calc(100vw - 52px) !important;
    max-width: calc(100vw - 52px) !important;
  }

  .order-tasks-filter-drawer .ant-drawer-body {
    padding: 14px 12px 20px;
    overflow-x: hidden;
  }

  .order-tasks-filter-drawer .ant-drawer-header {
    padding: 14px 12px;
  }

  .order-tasks-filter-drawer .ant-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .order-tasks-filter-drawer .ant-col,
  .order-tasks-filter-drawer [class*="ant-col-"] {
    float: none;
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .order-tasks-filter-drawer .ant-form-item {
    margin-bottom: 14px;
  }

  .order-tasks-filter-drawer .ant-calendar-picker,
  .order-tasks-filter-drawer .ant-input,
  .order-tasks-filter-drawer .ant-select,
  .order-tasks-filter-drawer .ant-select-selection {
    width: 100% !important;
    max-width: 100% !important;
  }

  .order-tasks-filter-drawer .ant-calendar-range-picker-input {
    width: 42%;
    font-size: 12px;
  }

  .order-tasks-filter-drawer .ant-calendar-range-picker-separator {
    width: 8%;
    min-width: 14px;
  }

  .order-task-form-page > .ant-card {
    border: 0;
  }

  .order-task-form-page > .ant-card > .ant-card-head {
    padding: 0 10px;
    min-height: 0;
  }

  .order-task-form-page > .ant-card > .ant-card-head .ant-card-head-wrapper {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }

  .order-task-form-page > .ant-card > .ant-card-head .ant-card-head-title {
    padding: 10px 0 6px;
    white-space: normal;
  }

  .order-task-form-page > .ant-card > .ant-card-head .ant-card-head-title h2 {
    margin-bottom: 4px;
    font-size: 18px;
    line-height: 24px;
    word-break: normal;
    overflow-wrap: anywhere;
  }

  .order-task-form-page > .ant-card > .ant-card-head .ant-card-extra {
    float: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    padding: 0 0 10px;
    margin-left: 0;
  }

  .order-task-form-page > .ant-card > .ant-card-head .ant-card-extra > * {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .order-task-form-page > .ant-card > .ant-card-head .ant-card-extra .ant-btn {
    height: 30px;
    padding: 0 10px;
    font-size: 12px;
  }

  .order-task-form-page > .ant-card > .ant-card-body {
    padding: 10px;
  }

  .order-task-form-page .ant-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .order-task-form-page .ant-col,
  .order-task-form-page [class*="ant-col-"] {
    float: none;
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .order-task-form-page .ant-form-item {
    margin-bottom: 12px;
  }

  .order-task-form-page .ant-input,
  .order-task-form-page .ant-input-number,
  .order-task-form-page .ant-select,
  .order-task-form-page .ant-calendar-picker,
  .order-task-form-page textarea {
    width: 100% !important;
    max-width: 100% !important;
  }

  .order-task-form-page .ant-tabs-nav-wrap {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }

  .order-task-form-page .ant-tabs-nav-scroll {
    overflow: visible;
    white-space: nowrap;
  }

  .order-task-form-page .ant-tabs-tab {
    margin-right: 14px !important;
    padding: 10px 0 !important;
  }

  .order-task-form-page .ant-table-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 768px) {
  .orders-list-page .orders-list-row-overdue {
    background: #ffd6d1 !important;
  }

  .orders-list-page .orders-list-row-today {
    background: #e6f7ff !important;
  }
}



/* Mobile header/profile and auth polish */
@media (max-width: 768px) {
  .main-header {
    z-index: 1300 !important;
  }

  .main-header .right {
    right: 8px !important;
    padding-right: 0 !important;
    z-index: 1301;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: auto;
    max-width: calc(100vw - 96px);
    pointer-events: auto;
  }

  .main-header .right .action {
    height: 52px;
    line-height: 52px;
    padding: 0 6px !important;
  }

  .main-header .right .account {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    padding: 0 6px !important;
  }

  .main-header .right .account .avatar {
    margin: 0 !important;
  }

  .main-header .right .account .name {
    display: none !important;
  }

  .ant-popover {
    z-index: 1400 !important;
  }

  .loginpagewrap {
    min-height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px 16px;
    background: #f3f5f7;
  }

  .loginWrap {
    width: 100%;
    max-width: 360px;
    padding: 28px 22px;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.12);
  }

  .loginWrap h2 {
    margin-bottom: 22px !important;
    font-size: 22px;
    line-height: 28px;
  }

  .loginWrap .ant-row,
  .loginWrap .ant-col,
  .loginWrap [class*="ant-col-"] {
    float: none;
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .loginWrap .ant-form,
  .loginWrap .ant-form-item,
  .loginWrap .ant-input-affix-wrapper,
  .loginWrap .ant-input,
  .loginWrap .ant-btn {
    width: 100% !important;
  }

  .loginWrap .ant-form-item {
    margin-bottom: 18px;
  }

  .loginWrap .login-form-forgot {
    float: none;
    display: block;
    text-align: center;
    margin-top: 4px;
  }
}

@media (max-width: 420px) {
  .loginpagewrap {
    padding: 18px 12px;
  }

  .loginWrap {
    max-width: 320px;
    padding: 24px 18px;
  }
}

@media (max-width:768px){.orders-filter-drawer,.order-tasks-filter-drawer{left:52px!important;width:calc(100vw - 52px)!important;max-width:calc(100vw - 52px)!important;overflow:hidden!important}.orders-filter-drawer .ant-drawer-content-wrapper,.order-tasks-filter-drawer .ant-drawer-content-wrapper{left:0!important;right:0!important;width:100%!important;max-width:100%!important;min-width:0!important;transform:none}.orders-filter-drawer .ant-drawer-content,.orders-filter-drawer .ant-drawer-wrapper-body,.order-tasks-filter-drawer .ant-drawer-content,.order-tasks-filter-drawer .ant-drawer-wrapper-body{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important}.orders-filter-drawer .ant-drawer-body,.order-tasks-filter-drawer .ant-drawer-body{width:100%!important;max-width:100%!important;padding:12px 10px 18px!important;overflow-x:hidden!important;box-sizing:border-box}.orders-filter-drawer .ant-form,.orders-filter-drawer .ant-row,.orders-filter-drawer .ant-form-item,.orders-filter-drawer .ant-form-item-control-wrapper,.orders-filter-drawer .ant-form-item-control,.order-tasks-filter-drawer .ant-form,.order-tasks-filter-drawer .ant-row,.order-tasks-filter-drawer .ant-form-item,.order-tasks-filter-drawer .ant-form-item-control-wrapper,.order-tasks-filter-drawer .ant-form-item-control{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box}.orders-filter-drawer .ant-calendar-picker,.orders-filter-drawer .ant-calendar-picker-input,.orders-filter-drawer .ant-input,.orders-filter-drawer .ant-select,.orders-filter-drawer .ant-select-selection,.order-tasks-filter-drawer .ant-calendar-picker,.order-tasks-filter-drawer .ant-calendar-picker-input,.order-tasks-filter-drawer .ant-input,.order-tasks-filter-drawer .ant-select,.order-tasks-filter-drawer .ant-select-selection{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box}.orders-filter-drawer .ant-calendar-range-picker-input,.order-tasks-filter-drawer .ant-calendar-range-picker-input{width:calc((100% - 28px)/2)!important;min-width:0!important;font-size:11px!important;text-align:center}.orders-filter-drawer .ant-calendar-range-picker-separator,.order-tasks-filter-drawer .ant-calendar-range-picker-separator{width:28px!important;min-width:28px!important;padding:0!important;text-align:center}.orders-filter-drawer .ant-select-selection__rendered,.order-tasks-filter-drawer .ant-select-selection__rendered{margin-left:8px!important;margin-right:8px!important;overflow:hidden}.orders-filter-drawer .ant-select-selection--multiple .ant-select-selection__rendered,.order-tasks-filter-drawer .ant-select-selection--multiple .ant-select-selection__rendered{margin-bottom:0}.orders-filter-drawer .ant-select-selection--multiple .ant-select-selection__choice,.order-tasks-filter-drawer .ant-select-selection--multiple .ant-select-selection__choice{max-width:calc(100% - 8px);overflow:hidden;text-overflow:ellipsis}}@media (max-width:480px){.orders-filter-drawer .ant-calendar-picker-container,.order-tasks-filter-drawer .ant-calendar-picker-container{left:52px!important;width:calc(100vw - 52px)!important}.orders-filter-drawer .ant-calendar-range,.order-tasks-filter-drawer .ant-calendar-range{width:calc(100vw - 72px)!important;max-width:calc(100vw - 72px)!important}}

@media (max-width:768px){body .ant-drawer.orders-filter-drawer,body .ant-drawer.order-tasks-filter-drawer{left:52px!important;right:0!important;width:calc(100vw - 52px)!important;max-width:calc(100vw - 52px)!important;overflow:hidden!important}body .ant-drawer.orders-filter-drawer.ant-drawer-right .ant-drawer-content-wrapper,body .ant-drawer.order-tasks-filter-drawer.ant-drawer-right .ant-drawer-content-wrapper{position:fixed!important;left:52px!important;right:0!important;width:calc(100vw - 52px)!important;max-width:calc(100vw - 52px)!important;min-width:0!important;transform:none!important}body .orders-filter-drawer .ant-drawer-content,body .orders-filter-drawer .ant-drawer-wrapper-body,body .orders-filter-drawer .ant-drawer-body,body .order-tasks-filter-drawer .ant-drawer-content,body .order-tasks-filter-drawer .ant-drawer-wrapper-body,body .order-tasks-filter-drawer .ant-drawer-body{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important;box-sizing:border-box!important}body .orders-filter-drawer .ant-drawer-body,body .order-tasks-filter-drawer .ant-drawer-body{padding:12px 10px 18px!important}body .orders-filter-drawer .ant-row,body .orders-filter-drawer .ant-col,body .orders-filter-drawer [class*="ant-col-"],body .orders-filter-drawer .ant-form-item,body .orders-filter-drawer .ant-form-item-control-wrapper,body .orders-filter-drawer .ant-form-item-control,body .order-tasks-filter-drawer .ant-row,body .order-tasks-filter-drawer .ant-col,body .order-tasks-filter-drawer [class*="ant-col-"],body .order-tasks-filter-drawer .ant-form-item,body .order-tasks-filter-drawer .ant-form-item-control-wrapper,body .order-tasks-filter-drawer .ant-form-item-control{float:none!important;display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;flex:0 0 100%!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box!important}body .orders-filter-drawer .ant-calendar-picker,body .orders-filter-drawer .ant-calendar-picker-input,body .orders-filter-drawer .ant-input,body .orders-filter-drawer .ant-select,body .orders-filter-drawer .ant-select-selection,body .order-tasks-filter-drawer .ant-calendar-picker,body .order-tasks-filter-drawer .ant-calendar-picker-input,body .order-tasks-filter-drawer .ant-input,body .order-tasks-filter-drawer .ant-select,body .order-tasks-filter-drawer .ant-select-selection{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}body .orders-filter-drawer .ant-calendar-range-picker-input,body .order-tasks-filter-drawer .ant-calendar-range-picker-input{width:calc((100% - 28px)/2)!important;min-width:0!important;font-size:11px!important;text-align:center!important}body .orders-filter-drawer .ant-calendar-range-picker-separator,body .order-tasks-filter-drawer .ant-calendar-range-picker-separator{width:28px!important;min-width:28px!important;padding:0!important;text-align:center!important}}

@media (max-width:768px){body .ant-drawer.orders-filter-drawer,body .ant-drawer.order-tasks-filter-drawer{left:auto!important;right:0!important;width:auto!important;max-width:none!important;overflow:visible!important}body .ant-drawer.orders-filter-drawer.ant-drawer-right .ant-drawer-content-wrapper,body .ant-drawer.order-tasks-filter-drawer.ant-drawer-right .ant-drawer-content-wrapper,.orders-filter-drawer .ant-drawer-content-wrapper,.order-tasks-filter-drawer .ant-drawer-content-wrapper{position:fixed!important;left:auto!important;right:0!important;width:calc(100vw - 52px)!important;max-width:calc(100vw - 52px)!important;min-width:0!important;transform:none!important}.orders-filter-drawer .ant-drawer-body,.order-tasks-filter-drawer .ant-drawer-body{padding:14px 12px 20px!important;overflow-x:hidden!important}.orders-filter-drawer .ant-drawer-header,.order-tasks-filter-drawer .ant-drawer-header{padding:14px 12px!important}.orders-filter-drawer .ant-row,.order-tasks-filter-drawer .ant-row{margin-left:0!important;margin-right:0!important}.orders-filter-drawer .ant-col,.orders-filter-drawer [class*="ant-col-"],.order-tasks-filter-drawer .ant-col,.order-tasks-filter-drawer [class*="ant-col-"]{float:none!important;display:block!important;width:100%!important;max-width:100%!important;flex:0 0 100%!important;padding-left:0!important;padding-right:0!important}.orders-filter-drawer .ant-form-item,.order-tasks-filter-drawer .ant-form-item{margin-bottom:14px!important}.orders-filter-drawer .ant-calendar-picker,.orders-filter-drawer .ant-input,.orders-filter-drawer .ant-select,.orders-filter-drawer .ant-select-selection,.orders-filter-drawer textarea,.order-tasks-filter-drawer .ant-calendar-picker,.order-tasks-filter-drawer .ant-input,.order-tasks-filter-drawer .ant-select,.order-tasks-filter-drawer .ant-select-selection,.order-tasks-filter-drawer textarea{width:100%!important;max-width:100%!important}.orders-filter-drawer .ant-calendar-range-picker-input,.order-tasks-filter-drawer .ant-calendar-range-picker-input{width:42%!important;font-size:12px!important}.orders-filter-drawer .ant-calendar-range-picker-separator,.order-tasks-filter-drawer .ant-calendar-range-picker-separator{width:8%!important;min-width:14px!important}}