#sisorkh-app { margin-top: 20px; } #sisorkh-app .p-i { cursor: pointer; color: #cc0000; background: #fff5f5; padding: 4px 12px; border-radius: 6px; border: 1px solid #ffebeb; font-size: 14px; display: inline-flex; margin: 3px; position: relative; transition: all 0.2s; font-weight: 600; } #sisorkh-app .p-i:hover { background: #fee2e2; border-color: #fecaca; } #sisorkh-app .p-m { display: none; position: absolute; bottom: 130%; left: 50%; transform: translateX(-50%); background: #ffffff; border: 1px solid #dee2e6; box-shadow: 0 8px 20px rgba(0,0,0,0.15); z-index: 1060; border-radius: 8px; min-width: 120px; overflow: hidden; } #sisorkh-app .p-m.show { display: flex; flex-direction: column; } #sisorkh-app .p-m a, #sisorkh-app .p-m button { padding: 10px 15px; font-size: 13px; border: none; background: none; text-align: center; text-decoration: none; color: #334155; width: 100%; transition: background 0.2s; } #sisorkh-app .p-m a:hover, #sisorkh-app .p-m button:hover { background: #f1f5f9; color: #cc0000; } #sisorkh-app .pagination .page-item { margin: 0 2px; } #sisorkh-app .pagination .page-link { border-radius: 6px; color: #475569; border: 1px solid #e2e8f0; padding: 8px 14px; } #sisorkh-app .page-item.active .page-link { background-color: #cc0000; border-color: #cc0000; color: #ffffff !important; } @media (max-width: 768px) { #sisorkh-app .table-responsive { border: 0; } #sisorkh-app .btn-group { display: flex; } } @media (max-width: 768px) { #sisorkh-app .table th:nth-child(1), #sisorkh-app .table td:nth-child(1) { width: 40px !important; } #sisorkh-app .table th:nth-child(3), #sisorkh-app .table td:nth-child(3) { width: 80px !important; } #sisorkh-app .table th:nth-child(6), #sisorkh-app .table td:nth-child(6) { width: 70px !important; } #sisorkh-app td:nth-child(4) { min-width: 200px; white-space: normal; } #sisorkh-app td { font-size: 13px; vertical-align: top; } #sisorkh-app .table-responsive { -webkit-overflow-scrolling: touch; border: 1px solid #eee; } }