.table-cell b
{
    color: #ee1c28;
    cursor: pointer;
	border-bottom: 1px dashed #ee1c28;;
}

#tableWrapper 
{
    height: 75vh;
    overflow: auto;
}

.errors_auth
{
    color: red;
    margin: 10px;
}

[name="actNumber"]
{
    max-width: 155px;
}

button
{
    cursor: pointer;
}

#accordionArticle [type="file"]
{
    position: absolute;
    width: 100%;
    left: 0px;
    width: 0px;
    height: 0px;
    opacity: 0;
}

.section-workspace
{
    background: white;
    width: 100%;
    padding: 20px;
}

.workspace {
    width: 100%;
 display: flex;
 gap: 20px;
 background: white;
 padding: 0px 20px;
}
.workspace .image-box {
 position: relative;
 cursor: crosshair;
}
.workspace .image-box img {
 display: block;
 max-width: 800px;
 height: auto;
 pointer-events: none;
}
.workspace #canvas {
 position: absolute;
 top: 0;
 left: 0;
 pointer-events: none;
}
.workspace #clickArea {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
.workspace .panel {
 width: 300px;
 background: #fafafa;
 padding: 16px;
 border-radius: 12px;
 margin-left: 50px;
}
.workspace .types {
 display: flex;
 gap: 6px;
 margin-bottom: 16px;
 flex-wrap: wrap;
}
.workspace .type-btn {
 padding: 8px 12px;
 border: 1px solid #ccc;
 background: white;
 border-radius: 20px;
 cursor: pointer;
 font-size: 14px;
}
.workspace .type-btn.active {
 background: #333;
 color: white;
 border-color: #333;
}
.workspace .list {
 list-style: none;
 padding: 0;
 margin: 0;
}
.workspace .list li {
 display: flex;
 justify-content: space-between;
 align-items: center;
 padding: 8px 12px;
 background: white;
 margin-bottom: 6px;
 border-radius: 20px;
 border: 1px solid #ddd;
}
.workspace .list .remove {
 background: none;
 border: none;
 font-size: 18px;
 cursor: pointer;
 color: #999;
}
.workspace .btn {
 width: 100%;
 padding: 10px;
 border: 1px solid #ccc;
 background: white;
 border-radius: 20px;
 cursor: pointer;
 margin-top: 10px;
}
.workspace .btn.primary {
 background: #333;
 color: white;
}
.files-uploads .file-item [type="file"]
{
    width: 100%;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    width: 0px;
    height: 0px;
    opacity: 0;
}

.color-blue
{
    color: #155dfc;
}

.w-100
{
    width: 100%;
}

.accordion-item.active
{
    border-radius: 15px;
    border: 1px solid var(--color-gray-200);
    overflow: hidden;
}

.accordion-item.active > div:first-child
{
    outline: 0px solid;
    border-bottom: 1px solid var(--color-gray-200);
    border-radius: 0px;
}

#tableWrapper thead
{
    border-bottom: 2px solid black;
}

.filter-data
{
  float: right;
  margin-top: -55px;
}

.filter-data label
{
    font-size: 10px;
}

#applyDateFilter
{
    background: var(--color-blue-800);
}

#applyDateFilterToday
{
    height: 38px;
    line-height: 20px;
}

.bg-red-600
{
    background: #ee1c28;
}

/*#tableWrapper
{
    height: auto;
    overflow: hidden;
    overflow-x: auto;
}

#tableWrapper thead {
  position: absolute;
  height: 50px;
}

#tableWrapper thead th
{
    width: 150px;
    min-width: 150px !important;
}

#tableWrapper tbody
{
    overflow: auto;
    height: 75vh;
    display: inline-block;
}

#tableWrapper tbody 
{
    margin-top: 50px;
}

#tableWrapper tbody td 
{
    min-height: 150px !important;
    max-width: 150px !important;
}*/

/* Контейнер секции */
.files-section {
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    padding: 20px;
    background-color: #fff;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* Заголовок */
.files-title {
    margin: 0 0 16px 0;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.required {
    font-size: 12px;
    color: #d32f2f; /* Красный цвет для "обязательный" */
    text-transform: lowercase;
    background: #ffebee;
    padding: 2px 6px;
    border-radius: 4px;
}

/* Список файлов */
.files-list {
    margin-bottom: 20px;
}

.file-row {
    display: flex;
    align-items: center;
    padding: 10px 12px;
    background: #f9f9f9;
    border-radius: 8px;
    margin-bottom: 8px;
    transition: background 0.2s;
    max-width: 500px;
}

.file-row:hover {
    background: #f0f0f0;
}

.file-icon {
    margin-right: 12px;
    font-size: 18px;
    flex-shrink: 0;
}

.file-info {
    flex-grow: 1;
    min-width: 0; /* Важно для работы text-overflow */
    display: flex;
    flex-direction: column;
    line-height: 1.4;
}

.file-name {
    font-size: 14px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; /* Обрезает длинное имя и ставит ... */
    display: block;
}

.file-size {
    font-size: 11px;
    color: #888;
    margin-top: 2px;
}

/* Кнопка удаления */
.btn-remove {
    background: none;
    border: none;
    color: #999;
    cursor: pointer;
    font-size: 13px;
    padding: 4px 8px;
    border-radius: 6px;
    margin-left: 8px;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    gap: 4px;
}

.btn-remove:hover {
    color: #d32f2f;
    background-color: #ffebee;
}

.btn-remove:active {
    transform: scale(0.98);
}

/* Блок управления загрузкой */
.upload-controls {
    display: flex;
    align-items: center;
    gap: 12px;
}

.input-wrapper {
    flex-grow: 1;
    padding: 10px 14px;
    border: 1px solid #ccc;
    border-radius: 8px;
    background: #fff;
    min-height: 44px;
    display: flex;
    align-items: center;
    color: #999;
    cursor: pointer;
}

.placeholder-text {
    pointer-events: none; /* Чтобы клик проходил на скрытый инпут */
}

.btn-primary {
    background-color: #191919; /* Твой темно-синий/черный цвет */
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 8px;
    font-weight: 500;
    cursor: pointer;
    white-space: nowrap;
}

.btn-primary:hover {
    background-color: #333;
}

.btn-secondary {
    background-color: #f5f5f5;
    color: #333;
    border: 1px solid #ddd;
    padding: 10px 20px;
    border-radius: 8px;
    font-weight: 500;
    cursor: pointer;
}

.btn-secondary:hover {
    background-color: #e0e0e0;
}

.hidden-file-input {
    display: none;
}

.file-upload-block
{
    width: 100%;
    clear: both;
}

#orderPopup
{
    position: fixed;
}

#orderPopup .background
{
    position: fixed;
    background: black;
    opacity: 0.3;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

#orderPopup .orderData
{
    background: white;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 10px;
  width: 700px;
}

#orderPopup .orderData .bg-white
{
    background: none;
}

#orderPopup .orderData .item-header
{
    background: #dff2fe;
    padding: 10px;
    margin: -10px -10px 10px;
}

#orderPopup .orderData .item-header div
{
    color: #193cb8;
	font-weight: bold;
    width: 100%;
    text-align: center;
}

#orderPopup .orderData .item-data div
{
    width: 100%;
    text-align: center;
}

#orderPopup .orderData .close
{
    float: right;
    cursor: pointer;
}

.display-flex
{
    display: flex;
}

.flex-col-3 > .flex-col
{
    width: calc(100%/3);
}