/* === Стол заказов === */
.orderdesc-area {
    background-color: var(--bg);
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
}

.orderdesc-h {
    font: bold 19px/30px Calibri;
    margin-bottom: 10px;
}

/* Контейнер для кнопки и статусов */
.orderdesc-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 20px;
    justify-content: space-between;
}

/* Стили для кнопки добавления */
.orderdesc-add {
    background-color: var(--red);
    padding: 10px 15px;
    border: none;
    cursor: pointer;
    font-size: 14px;
    color: #fff;
    border-radius: 3px;
    margin-right: 15px;
    white-space: nowrap;
}

.orderdesc-add:hover {
    opacity: 0.9;
}

/* Стили для списка статусов */
.orderdesc-statusinfo {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

.orderdesc-statusinfo li {
    margin: 5px 15px 5px 0;
    font: normal 12px/22px Arial;
   color: var( --titlesort);
    text-align: center;
    display: flex;
    align-items: center;
}

.orderdesc-statusinfo li span {
    margin-left: 5px;
}

/* Иконки статусов */
.od-all,
.od-wait,
.od-done,
.od-deny,
.od-top {
    display: inline-block;
    height: 22px;
    width: 22px;
    background-repeat: no-repeat;
    background-position: 0 0;
    vertical-align: middle;
    object-fit: cover;
}


.od-wait {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAuVJREFUSEu1lUtIVGEUx39n7owzaWNUJBUV2QRRQVAELaLJgSRIpJJIQgKLNgVhWJSbatODgpLaBYJEVBQtip7SQzMKFfctKouQcpE91BnvjM49Ndcm53FHx0Xf6t7v/s/53XO+/z1X+M9LppJfu/EwiEqI0Xzj8gboG2Yx4qsHy8SMNcpmwvlA8gLoi4KVGK7joDvAfvtmLDknIfPTZJAJAdpeOA+NVwEHgBXpybQTuEgs1iLl/MoFSgPobQzm+BZiEMCy1iOuCtDVgCdHgkSbXiM8wZJu4nym3+yVncST+nRAa9FcXPH7oMsAf1bSpFqzniR2BkDeYRmVEgr3OQMSLSH+CiWQmcJSYTDstrf9RaO4JJsCvEeMoAQjX50Bz/yz8UQfgqxLAwgMDrm5fGsxInCw+pMNIYuhnYzEKmQT/c6AForwea8DWzMBA0NuzjYvtQENte8pnu4E4B5mtCbVwlku0nbvBZT6TMBQ2M35awG7NUd29zC90AGgNLIxelhkvLZsQJtvD6JX0pwjEI4YXLy+xK6gvqaHwmnxzBaNIrJfgmZT6ss5VOBZg7oeAyX/hALDpkHjjVIbcGjXR6b5sgDfEKtCgiNdEwM6KCbqvfPH3+WpwmjMRfODhSSqr63sxeux0o0mtBGPbpcQPycEJB7qS2+d/ZWCKylWhR+DY9/bTP+IXUnKUlQbpCx2PtPejqNCn3sDuLkPLE8GmDEXt5/Ot293ln/BV5BSgfAB1UrZGHubF2CsioJjIKcBA4HIsEHT3UV2/L5tnzMOWU4RNE+KkNE3EqHOS+2xMXoDCCUVEdOwLwsTBzzugC4sqnNN1omnaZtvA6JXgVI7X/Ys6kPZK2XRhOsc16T/A31ZUAVyCViQYZvvwFGCZrNTa5LayQGK0OrdgsEZYNXfwI+InKDPvJk6mp1KmBSQDLL/am6pQ2UGljRKaLgjV1tS9/MG2M56hJcSDFlLJJ/kqceWr37Kut+FWvwZ16IHyQAAAABJRU5ErkJggg==');
}

.od-done {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAyNJREFUSEu1lUtsVGUUx3/n3mkHLK0GEoOJTWNqUsCECCVR0ZJ2pnAZmmJoQBcExmFDYEOiibpRu1ATTaTRHQlxGJ+JuJGqdJp2cgkabUPcCuHRQkxgAUYerZ167z3mm5naaTuvLjx3+Z3v/zvfeV3hfzZZjn77ifa6xpuN6va7Xq33agY4J53VfohXQWYsKxgYPjg8VQukJkDXKecpS3kLYS/gCSQ9lQ/cxNBkNUhFgPO585jn0wccBTYUi4kyhnCcrJ8eOTxytxxoAWDfN/vs+1P3m32hNUCfB3qATUBdGYEpQX6GYEhtuaBZ+8aapoY/Tr902p/zXwDoTO5aa0swCNoGNFZ7ftG5AvdALvtq9bqJH2+VBBRSch5oXYb4f64CV7I2284fSN8sCYimomskCP2gwjOVAIoSskKoKoEG8wBlTC2vZzQ+eqckYMdnOxp8X75EeLEcwIiurFvBzic7uJd9gDs5Pg9RvrNt3V/cwku6KJp0PkJMv+dNRDCfbyItiPe2dbGtZQuZiTHOXMrgB/maKjKQiQ+9hmBqkr+/ONLIp05CLE6YzrFEeK75aZrCjYxe+yUH290WoaOlnZ9u/MbgxQzT3kwuADMfKhzJxNMnF7RzCcBmsTgLPBqybPrWb+eFlnbciXHq7Tq2Nm/KiZvI//5nJgct2G0VejLx9HhFQOyLWNOsF3wLbDfFXFXfwJ513bmXmCScu36BMxeXiBtN19fsHjfh/lURYA6jKecYynHAMkVdVf8Qu9dF8AKP7y+5TC+MPJ9+eHP0lfSHizNSclVETsVaBTNwrM/fVsJ2fU5l1p+dy3mx1lWx/N6RgyO/1wQwTpGU84Yo7wF2pZkoBPBuZnLrO/T3zw9FuS6aE+tMdq61JfwV0FUFMO6rvFxus1bcptGk04GQAp4oA7mloocy8WHTdSWt6v+gO7mzT0U/Bh5fpPAnyOsdk88m+0ukpuygLQlDke6Us0vhfWBj4XwCCd5evfKRr4tXc6knVH3B3CXzVxPhGD4PB2INuImzv1YrvjmvGWCcY5/EwqFwyB48PDhdi/iyAbWKFvv9C1pHIygYkAJsAAAAAElFTkSuQmCC');
}

.od-deny {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAxBJREFUSEu1lVdoFFEUhr8zm2xE0YiKjYjJZtVYsTz4YEPBhxhEEgyrWLCAYEFRQQUrNlDQKKgoKEHFEiMaCZY8GRDFBooI9uxGxYJdNOomO0dmZxM36+xmfPDCPMzce/7vnv+ee0b4z0P+RV/nDUvncVuV6uoGt3GuAVqc1QEjYxnKTzK+lcjRt9/dQFwBdKq/P2ZkLchkoAGhFMxtcjIUagmSEqBFPbvhNYpQWQD0SxC7gepOVKqkvOZLMlAzgBbjwZPdA4xclBEIBShDgPQkApZNVxEugd4mzHM8wZdSTqRxfQIguyuGUQn0Adq2lH7cvAJfgSeY5kQpD71xBliWpHuuALnNxFVBEtx0+gZPqY+MljO1r50BhXkd8YbPA8ObATI7Qd1XCP+yP3szoE0mfH6XmOQNwt4COfvwgzNgRpc2hFsfA5kUXaAmdPPB3I1w7wpcKLXj8mfB4DFwaC28qgExYnp6Dm/dtPgS/quKNJCzA2SZDVBo1wFmroFh46Bivw0tXAh3LsPhTfDlwx/7lBJO1SwXsM4kOhwAvtnAgabKsQQti2ashuH5dtStKjiy2baoafc0gM6XsuDBeN8cAP6hqHkRoXNTFmlpMGk+TF5s7+nMHji7Fxrq4w//PaYWSHnwZmrANH876s3TCOOjmXpbwfjpULQQ7l+zbRs4Eir2QdVRCP+IGaHV/NJCqQh9TgmIWh/wLQF2oqZBVm9YugdCD+DIJjt25mrIHgC7FsGLR5ZNisoqOfVse2JZObYKDfhzQStB+5KWDr0Gw+sQfHprx7fvDN1z4Mld2yZ4BpGJUlb7wBUgmsUU30qULYAH07S9brxslk3WY8TKU3QzecH1sgHTPaA42jaOA2MTg5q9CzfBDCTrrKm76ZScUagcBnKSQN5AZI6U1V5MtokW/wca8BWh7EbIShD5iOgK8oKlTtYkvWiJO7HaHMW+CRhsBQbF5oOorkODJ+Jbs1MWLWbQGBT9q6kuATMT1RIpC11PeTaxSdeAaGXl+zNIq/NI5as6N+LWmn8CuBWNX/cboPATKNeqwScAAAAASUVORK5CYII=');
}

/* Область добавления заказа */
.orderdesc-add-area {
    display: none;
    clear: both;
    margin-top: 15px;
    background: var(--bg-3);
    padding: 15px;
    border-radius: 3px;
    box-sizing: border-box;
}

.orderdesc-add-area-row {
    margin-bottom: 15px;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 15px;
}

.orderdesc-add-area-row:last-child {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
}



.orderdesc-add-area-row-input {
    flex: 1;
    height: 36px;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 0 15px;
    min-width: 200px;
}

.orderdesc-add-area-row-input:focus {
    border-color: #3a89c3;
    box-shadow: 0 0 3px rgba(60,140,200,.5);
    outline: none;
}

.orderdesc-cancel,
.orderdesc-doadd {
    padding: 8px 25px;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: var(--grey);
    font-size: 14px;
}

.orderdesc-doadd {
    background-color: var(--accent);
    margin-right: 10px;
    color: #fff;
    border-color: transparent;
}

.orderdesc-cancel:hover,
.orderdesc-doadd:hover {
    box-shadow: 0 0 3px rgba(60,140,200,.5);
    opacity: 0.9;
}

.orderdesc-related {
    display: none;
    margin: 10px 0 0;
    list-style: none;
    background: #fff;
    padding: 10px;
    border: 1px solid #ddd;
    box-shadow: 0 2px 5px rgba(0,0,0,.1);
    width: 100%;
    max-width: 460px;
    border-radius: 3px;
    box-sizing: border-box;
}

.orderdesc-related li {
    height: 22px;
    line-height: 22px;
    border-bottom: 1px solid #eee;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.orderdesc-related li:first-child,
.orderdesc-related li:last-child {
    border: none;
}

.orderdesc-related-h {
    text-align: center;
    font-weight: bold;
}

.orderdesc-related li .od-deny,
.orderdesc-table td .od-deny {
    cursor: help;
}

/* Таблица заказов */
.orderdesc-table {
    margin-top: 10px;
    width: 100%;
}

.orderdesc-row {
    position: relative;
    display: flex;
    align-items: center;
    padding: 7px 0;
    font: 600 12px/1.4 'Arial', sans-serif;
    color: #444;
    background: var(--row-bg);
    transition: background 0.2s ease;
}

.orderdesc-row:hover {
    background: rgba(0, 0, 0, 0.03);
}

/* Градиентная нижняя линия */
.orderdesc-row::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 10px;
    right: 10px;
    height: 1px;
    background: linear-gradient(to right, transparent, var(--accent, #3498db), transparent);
    opacity: 0.6;
    pointer-events: none;
}

/* Зебра */
.orderdesc-row:nth-child(odd) {
    background-color: var(--bg-darker);
}

.orderdesc-add-area-row-t{
	float: left;
	margin-left: -140px;
    width: 140px;
}

.orderdesc-empty {
    text-align: center;
    padding: 15px;
    border-bottom: 1px solid #ccc;
}

.orderdesc-checkbox {
    width: 20px;
    flex-shrink: 0;
    text-align: center;
}

.orderdesc-status {
    width: 22px;
    flex-shrink: 0;
    text-align: center;
}

.orderdesc-title {
    flex: 1;
    padding: 0 10px;
    text-align: left;
    min-width: 100px;
    color: var( --titlesort);
}
.orderdesc-title a {color: var( --blue);}
.orderdesc-author {
    width: 120px;
    flex-shrink: 0;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 10px;
}

.orderdesc-rating-container {
    width: 33px;
    flex-shrink: 0;
    text-align: center;
}

.orderdesc-rating {
    width: 100%;
    font-weight: bold;
    height: 22px;
    line-height: 22px;
    display: block;
    background: #eee;
    color: #999;
    cursor: pointer;
    border-radius: 3px;
    text-align: center;
}

.orderdesc-rating-green {
    background: #e8f5e9;
    color: #4caf50;
}

.orderdesc-edit {
    font: normal 10px Arial;
    color: #d28c00;
}

.orderdesc-edit:hover {
    color: #000;
}

#orderdesc-edit {
    padding: 10px !important;
}

.orderdesc-navigation {
    clear: both;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px 10px;
    padding-top: 10px;
    font: normal 14px Arial;
}

.orderdesc-navigation * {
    display: grid;
    place-items: center;
    height: 36px;
    min-width: 36px;
    padding: 0 10px;
    border-radius: 3px;
    background-color: var(--bg);
    color: var(--tt-fade);
    margin: 0;
    border: none;
    transition: all 0.2s ease;
}

.orderdesc-navigation a {
    color: var(--tt-fade);
    text-decoration: none;
    background-color: var(--bg);
    box-shadow: var(--bsh);
}

.orderdesc-navigation a:hover {
    color: #79c142;
    box-shadow: 0 0 5px rgba(121, 193, 66, 0.4);
}

.orderdesc-navigation span:not(.nav_ext) {
    color: #fff;
    background: #79c142;
    box-shadow: none;
}


.show-alerts {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1003;
}

.show-alerts>div {
    background: #eee url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAgCAIAAABch4VNAAAAGklEQVQImWP49esXEwMDA9P///+x0jBMI3kAMQInCeNawiQAAAAASUVORK5CYII=') 0 0 repeat-x;
    padding: 10px 15px;
    box-shadow: 0 2px 7px rgba(0,0,0,.2);
    border-left: 3px solid #f00;
    border-radius: 1px 0 0 1px;
    margin-top: 20px;
    color: #333;
    text-shadow: 0 1px 3px #fff;
    white-space: nowrap;
    display: none;
    width: auto;
    float: right;
    clear: both;
    cursor: default;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
div.showLoad{
	display: block;
	height: 28px;
	width: 28px;
	background: url('data:image/gif;base64,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') no-repeat 50% 50%;
}
/* Медиа-запрос для мобильной версии */
@media (max-width: 768px) {
    .orderdesc-container {
        flex-direction: column;
        align-items: stretch;
    }
    
    .orderdesc-add {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
        text-align: center;
    }
    
    .orderdesc-statusinfo {
        justify-content: center;
        margin: 10px 0;
    }
    
    .orderdesc-statusinfo li {
        margin: -15px 10px;
    }
}
@media screen and (max-width: 480px) {
    .orderdesc-author {
        width: 80px; /* Уменьшаем размер колонки автора */
    }
    
    .orderdesc-title {
        padding: 0 5px; /* Уменьшаем отступы */
    }
}

.orderdesc-add-area-row {
    margin-bottom: 15px;
}

.orderdesc-add-area-row-t {
    font-weight: bold;
    margin-bottom: 10px;
}

.status-option {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.status-label {
    display: flex;
    align-items: center;
    width: 115px;
    flex-shrink: 0;
}

.status-input {
    flex-grow: 1;
    max-width: 330px;
}

.orderdesc-add-area-row-input {
    padding: 5px;
    box-sizing: border-box;
    width: 100%;
}

/* Фикс для мобильных устройств */
@media screen and (max-width: 480px) {
    .status-option {
        flex-wrap: wrap;
    }
    
    .status-label {
        margin-bottom: 5px;
    }
    
    .status-input {
        width: 100%;
        max-width: none;
    }
}