/* ----- REQUESTS RESPONSIVE ----- */
    @media (max-width: 960px) {
	      .toolbar-requests > .btn,
	      .toolbar-requests > .inp,
	      .toolbar-requests > select,
	      .toolbar-requests > input {
        width: 100%;
      }

	      .toolbar-requests {
	        display: grid;
	        grid-template-columns: minmax(0, 1fr);
	        align-items: stretch;
	      }
	
		      .req-toolbar-filter-row {
		        display: grid;
		        grid-template-columns: repeat(3, minmax(0, 1fr));
		        gap: 8px;
		        overflow-x: visible;
		      }

      .toolbar-requests > * {
        min-width: 0;
      }

	      .req-toolbar-create-row,
	      .req-toolbar-row {
        width: 100%;
      }

	      .req-toolbar-row {
	        display: contents;
	      }

		      .req-toolbar-row > .inp,
		      .req-toolbar-row > select,
			      .req-toolbar-create-row > .btn {
	        width: 100%;
	      }

	      .req-filter-search,
	      .req-filter-status,
	      .req-filter-dept,
	      .req-filter-type,
	      .req-filter-prio,
	      .req-filter-capex,
	      .req-filter-period,
	      .req-filter-object,
	      .req-date-range-btn,
	      .req-export-btn {
	        width: 100% !important;
	        min-width: 0;
	        flex-basis: auto;
	      }

	      .req-toolbar-row-dates,
	      .req-toolbar-row-export {
	        display: block;
	        width: 100% !important;
	        min-width: 0;
	        margin-left: 0;
	      }

	      .req-toolbar-create-row {
	        display: block;
	        margin-top: 0;
	      }

      .req-toolbar-spacer {
        display: none;
      }

	      .req-create-btn {
	        min-height: 46px;
	      }

      .req-filter-date {
        min-width: 0;
        min-height: 46px;
        padding-inline: 12px;
	    }

	    @media (max-width: 720px) {
	      .req-toolbar-filter-row {
	        grid-template-columns: repeat(2, minmax(0, 1fr));
	      }

	      .req-date-popover {
	        position: fixed;
	        left: 50%;
	        top: 50%;
	        transform: translate(-50%, -50%);
	        width: calc(100vw - 24px);
	        max-width: 360px;
	        max-height: calc(100vh - 32px);
	        overflow: auto;
	        z-index: 2000;
	      }
	    }

      .toolbar-pagination {
        display: grid;
        grid-template-columns: 32px minmax(54px, .8fr) minmax(92px, 1.1fr) 58px 32px;
        align-items: center;
        justify-content: center;
        gap: 6px;
      }

      .toolbar-pagination > * {
        min-width: 0;
      }

      .req-page-btn {
        min-width: 32px;
        width: 32px;
      }

      .app-footer {
        flex-direction: column;
        align-items: center;
        gap: 4px;
        text-align: center;
        padding-inline: 14px;
      }
    }

    @media (max-width: 768px) {
      .table-wrap-requests {
        background: transparent;
        border: none;
        border-radius: 0;
        overflow: visible;
      }

      .requests-table {
        min-width: 0;
      }

      .requests-table thead {
        display: none;
      }

      .requests-table tbody {
        display: block;
      }

      .requests-table tbody tr {
        display: block;
        margin-bottom: 14px;
        padding: 16px 14px;
        border: 1px solid rgba(148, 163, 184, 0.18);
        border-radius: 18px;
        background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
        box-shadow: 0 10px 24px rgba(2, 6, 23, 0.08);
        overflow: hidden;
      }

      .requests-table tbody tr:hover {
        transform: none;
        box-shadow: 0 10px 24px rgba(2, 6, 23, 0.08);
      }

      .requests-table td {
        display: grid;
        grid-template-columns: 64px minmax(0, 1fr);
        align-items: start;
        gap: 8px;
        width: 100%;
        padding: 9px 6px 9px 0;
        border: none;
      }

      .requests-table td + td {
        border-top: 1px dashed rgba(148, 163, 184, 0.14);
      }

      .requests-table td::before {
        content: attr(data-label);
        font-size: 8px;
        font-weight: 700;
        color: var(--muted);
        text-transform: uppercase;
        letter-spacing: .04em;
        line-height: 1.25;
        padding-top: 4px;
      }

      .requests-table td .badge {
        display: inline-flex;
        width: auto;
        max-width: 100%;
        min-width: 0;
        white-space: normal;
        word-break: break-word;
        text-align: left;
        justify-content: flex-start;
        justify-self: start;
        line-height: 1.2;
        margin-right: 8px;
      }

      .requests-table .req-status-cell .badge,
      .requests-table .badge-dept,
      .requests-table .badge-low,
      .requests-table .badge-medium,
      .requests-table .badge-high,
      .requests-table .badge-urgent {
        display: inline-flex;
        width: auto;
        max-width: calc(100% - 8px);
        font-size: 9px;
        padding: 4px 8px;
        border-radius: 999px;
      }

      .requests-table .req-status-cell,
      .requests-table td[data-label="\10d3\10d4\10de\10d0\10e0\10e2\10d0\10db\10d4\10dc\10e2\10d8"],
      .requests-table td[data-label="\10de\10e0\10d8\10dd\10e0\10d8\10e2\10d4\10e2\10d8"] {
        align-items: center;
      }

      .requests-table .req-main-cell {
        display: block;
        padding-top: 0;
        padding-bottom: 10px;
        margin-bottom: 6px;
      }

      .requests-table .req-main-cell::before {
        display: none;
      }

      .requests-table .req-actions-cell {
        display: block !important;
        width: 100%;
        padding-bottom: 0;
        overflow: visible;
      }

      .requests-table .req-actions-cell::before {
        display: block;
        margin-bottom: 8px;
      }

      .requests-table .req-actions-stack {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 6px;
        width: 100%;
      }

      .requests-table .req-actions-primary,
      .requests-table .req-actions-secondary,
      .requests-table .actions {
        display: flex !important;
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 6px;
        width: 100%;
      }

      .requests-table .req-actions-cell .btn {
        display: inline-flex !important;
        visibility: visible;
        opacity: 1;
        max-width: 100%;
      }

      .requests-table .req-empty-cell {
        display: block;
        padding: 40px 18px;
      }

      .requests-table .req-empty-cell::before {
        content: none;
      }

      .requests-table .td-item .item-links {
        flex-wrap: wrap;
        white-space: normal;
        gap: 6px;
      }

      .requests-table .td-item .item-name {
        line-height: 1.25;
      }

      .requests-table .req-cell-qty,
      .requests-table .req-cell-est,
      .requests-table .price-none,
      .requests-table .price-final {
        text-align: left;
      }
    }

    @media (max-width: 520px) {
      .requests-table td {
        grid-template-columns: 72px minmax(0, 1fr);
        gap: 10px;
      }

      .col-qty,
      .col-capex {
        display: none;
      }
    }

    @media (min-width: 1024px) {
      .requests-table {
        min-width: 0;
      }

      .requests-table th,
      .requests-table td {
        padding: 10px 10px;
      }

      .requests-table .advance-tag {
        white-space: nowrap;
        line-height: 1.1;
        text-align: center;
        justify-content: center;
      }

      .requests-table .req-status-cell {
        white-space: nowrap;
      }

      .requests-table .req-status-cell .badge {
        padding: 2px 7px;
        font-size: 10px;
        line-height: 1.1;
        white-space: nowrap;
        max-width: 190px;
        overflow: hidden;
        text-overflow: ellipsis;
        justify-content: center;
        vertical-align: middle;
      }

      .requests-table .req-cell-est,
      .requests-table .price-final,
      .requests-table .price-none {
        white-space: nowrap;
        min-width: 76px;
      }

      .requests-table .req-main-cell {
        min-width: 190px;
        max-width: 220px;
      }

      .requests-table .req-cell-supplier {
        max-width: 116px;
        font-size: 11px;
        line-height: 1.2;
        word-break: break-word;
      }

      .requests-table .req-cell-date {
        white-space: normal;
        text-align: center;
        line-height: 1.15;
        min-width: 92px;
      }

      .requests-table .actions {
        gap: 4px;
      }

      .requests-table .req-actions-stack {
        min-width: 208px;
      }

      .requests-table .req-actions-primary,
      .requests-table .req-actions-secondary {
        justify-content: flex-end;
      }

      .requests-table .actions .btn {
        padding: 5px 7px;
        font-size: 11px;
        line-height: 1.05;
      }

      .requests-table .req-actions-cell {
        width: 208px;
      }
    }