.header#header {
	position:relative;
	z-index: 1001;
}
.admin-bar .header#header {
	top:0 !important;
}

.gsds-domain-list-container { margin-bottom: 20px; font-family: sans-serif; }
.gsds-filters { margin-bottom: 15px; padding: 10px; background-color: #f9f9f9; border: 1px solid #eee; border-radius: 4px; display: flex; flex-wrap: wrap; gap: 10px; }
.gsds-filters .filter-item { display: flex; flex-direction: column; flex-basis: 16%; min-width: 100px;}
.gsds-filters .filter-item:last-child {
    flex-basis: 10%;
    min-width: 80px;
}
.gsds-filters label { font-size: 0.9em; margin-bottom: 3px; color: #333; }
.gsds-filters input[type='text'] { 
width: 100%; 
box-sizing: border-box;
padding: 5px 10px;
    border: 2px solid #e2e8f0;
    border-radius: 8px;
    font-size: 1rem;
    transition: all 0.3s ease;
    background: #f8fafc;
}
.gsds-domain-table { width: 100%; border-collapse: collapse; font-size: 0.9em; }
.gsds-domain-table th, .gsds-domain-table td { border: 1px solid #ddd; padding: 8px 10px; text-align: left; vertical-align: top; }
.gsds-domain-table th {   cursor: pointer; position: relative; }
.gsds-domain-table th .sort-arrow { font-size: 0.8em; margin-left: 5px; }
.gsds-domain-table tr:nth-child(even) { background-color: #f9f9f9; }
.gsds-domain-table td { word-break: break-word; }

@media (max-width: 768px) {
    .gsds-filters .filter-item { flex-basis: 48%; }
    .gsds-domain-table th, .gsds-domain-table td { padding: 6px; font-size: 0.85em; }
    .gsds-domain-table { display: block; overflow-x: auto; white-space: nowrap; } /* Enable horizontal scroll on small screens */
	#menu-main, #menu-operator-menu {
    display: flex
;
    list-style: none;
    gap: 1rem;
    flex-direction: column;
}
}
 @media (max-width: 480px) {
    .gsds-filters .filter-item { flex-basis: 100%; }
}




/* Add to cssfront.css */

.gsds-detailed-table-wrapper {
    display: flex; /* Arrange tables side by side */
    gap: 20px; /* Space between tables */
    margin-top: 20px;
    flex-wrap: wrap; /* Allow tables to wrap on smaller screens */
}

.gsds-detailed-summary-table {
    width: 100%; /* Default to full width for small screens */
    flex: 1; /* Allow tables to grow and shrink */
    border-collapse: collapse;
    margin-bottom: 20px;
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(0,0,0,.04);
}

.gsds-detailed-summary-table th,
.gsds-detailed-summary-table td {
    padding: 8px 12px;
    border: 1px solid #e0e0e0;
    text-align: left;
}

.gsds-detailed-summary-table thead th {
    background-color: #f5f5f5;
    font-weight: bold;
}

.gsds-detailed-summary-table tfoot td {
    background-color: #e9e9e9;
    font-weight: bold;
}

.gsds-total-rows-bottom {
    font-size: 1.1em;
    font-weight: bold;
    margin-top: 20px;
    padding: 10px;
    background-color: #f9f9f9;
    border: 1px solid #eee;
}

@media (min-width: 768px) {
    .gsds-detailed-table-wrapper {
        flex-wrap: nowrap; /* Prevent wrapping on larger screens */
    }
    .gsds-detailed-summary-table {
        width: auto; /* Allow natural width based on content */
    }
}


 body {
          line-height: 1.6;
            color: #2c3e50;
            background: #f8fafc;
            min-height: 100vh;
			position: relative;
        }
/* Background decorations */
        body::before {
            content: '';
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: 
                radial-gradient(circle at 20% 20%, rgba(74, 144, 226, 0.06) 0%, transparent 50%),
                radial-gradient(circle at 80% 80%, rgba(155, 89, 182, 0.06) 0%, transparent 50%);
            pointer-events: none;
            z-index: -1;
        }

        /* Left side decorations */
        .decoration-left {
            position: fixed;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 200px;
            height: 400px;
            pointer-events: none;
            z-index: -1;
            opacity: 0.1;
        }

        .decoration-left::before {
            content: '';
            position: absolute;
            top: 0;
            left: -50px;
            width: 100px;
            height: 100px;
            background: linear-gradient(45deg, #3498db, #2980b9);
            border-radius: 50%;
            animation: float 6s ease-in-out infinite;
        }

        .decoration-left::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: -30px;
            width: 80px;
            height: 80px;
            background: linear-gradient(45deg, #9b59b6, #8e44ad);
            transform: rotate(45deg);
            animation: float 8s ease-in-out infinite reverse;
        }

        /* Right side decorations */
        .decoration-right {
            position: fixed;
            right: 0;
            top: 30%;
            transform: translateY(-50%);
            width: 200px;
            height: 500px;
            pointer-events: none;
            z-index: -1;
            opacity: 0.1;
        }

        .decoration-right::before {
            content: '';
            position: absolute;
            top: 50px;
            right: -50px;
            width: 120px;
            height: 120px;
            background: linear-gradient(45deg, #e74c3c, #c0392b);
            border-radius: 30%;
            animation: float 7s ease-in-out infinite;
        }

        .decoration-right::after {
            content: '';
            position: absolute;
            bottom: 100px;
            right: -40px;
            width: 90px;
            height: 90px;
            background: linear-gradient(45deg, #f39c12, #e67e22);
            clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
            animation: float 9s ease-in-out infinite reverse;
        }

        @keyframes float {
            0%, 100% { transform: translateY(0px); }
            50% { transform: translateY(-20px); }
        }		
.gsds-domain-table thead {
  position9: sticky;
  top: 32px; /* גובה ה־Admin Bar */
  background: white;
  z-index: 999;
  transition: box-shadow 0.2s ease;
}

.gsds-domain-table thead.is-stuck {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
/* Optional style when stuck */
.gsds-domain-table thead.is-stuck {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
 
 .gsds-domain-table thead th {
	 min-width: 120px;
	 }
 
        /* Header */
        .header {
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            padding: 1rem 2rem;
            box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
            border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        }

        .header-content {
            display: flex;
            justify-content: space-between;
            align-items: center;
            max-width: 1400px;
            margin: 0 auto;
        }

        .logo {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            font-size: 1.5rem;
            font-weight: bold;
            color: #667eea;
        }

        .logo i {
            font-size: 2rem;
            background: linear-gradient(45deg, #667eea, #764ba2);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .nav-menu {
            display: flex;
            gap: 2rem;
            list-style: none;
        }

        .nav-menu a {
            text-decoration: none;
            color: #555;
            font-weight: 500;
            padding: 0.5rem 1rem;
            border-radius: 8px;
            transition: all 0.3s ease;
            position: relative;
        }

        .nav-menu a:hover, .nav-menu a.active {
            color: #667eea;
            background: rgba(102, 126, 234, 0.1);
        }

        .user-profile {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            padding: 0.5rem 1rem;
            background: rgba(102, 126, 234, 0.1);
            border-radius: 25px;
            color: #667eea;
            font-weight: 500;
        }
 /* Main Container */
        .container {
            max-width: 1400px;
            margin: 2rem auto;
            padding: 0 2rem;
        }

        .page-title {
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            padding: 2rem;
            border-radius: 16px;
            margin-bottom: 2rem;
            text-align: center;
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
        }

        .page-title h1 {
            font-size: 2.5rem;
            background: linear-gradient(45deg, #667eea, #764ba2);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            margin-bottom: 0.5rem;
        }

        .page-title p {
            color: #666;
            font-size: 1.1rem;
        }
        main#content {
			padding-top:15px;
		}
		.gsds-domain-list-container.gsds-operator-logins .filter-item label {
			display: none;
		}
        /* Dashboard Content */
        .dashboard-content {
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            border-radius: 16px;
            padding: 2rem;
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
        }

        /* Filters Section */
        .gsds-filters {
    background: white;
    padding: 15px 15px;
    border-radius: 16px;
    margin-bottom: 2rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(0, 0, 0, 0.05);
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    align-items: end;
}
        .gsds-search-results-summary {
			 margin-bottom: 2rem;
            padding: 1.5rem;
            background: linear-gradient(135deg, #f8f9ff 0%, #f1f3ff 100%);
            border-radius: 12px;
            border: 1px solid rgba(102, 126, 234, 0.1);
		}
        .filter-item {
            display: flex;
            flex-direction: column;
            gap: 0.5rem;
        }

        .filter-item label {
            font-weight: 600;
            color: #555;
            font-size: 0.9rem;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .filter-item input,
        .filter-item select {
 
			padding: 7px 10px;
    border: 2px solid #e2e8f0;
    border-radius: 8px;
    font-size: 1rem;
    transition: all 0.3s ease;
    background: #f8fafc;
        }

        .filter-item input:focus,
        .filter-item select:focus {
            outline: none;
            border-color: #3498db !important;
    background: white !important;
    box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1) !important;
        }
	 
        #gsds-reset-filters , #gsds-reset-filters-search , #gsds-reset-filters-op , 
 #gsds-reset-filters-full , #gsds-apply-filters-full , #gsds-reset-filters-diun
  {
            background: #e74c3c;
            color: white;
            border: none;
            padding: 7px 10px;
            border-radius: 15px;
            cursor: pointer;
            font-weight: 600;
            transition: all 0.3s ease;
            align-self: flex-end;
			width:100%;
        }
#gsds-apply-filters-full{
	Background: #3756a4 ;
}
        #gsds-reset-filters:hover , #gsds-reset-filters-search:hover , #gsds-reset-filters-op:hover {
            background: #c0392b;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(231, 76, 60, 0.3);
        }

        /* Table Styles */
        .table-container {
            overflow-x: auto;
            border-radius: 12px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
        }
      .table-container {
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(0, 0, 0, 0.05);
    overflow: hidden;
    overflow-x: auto;
}
        .gsds-domain-table {
            width: 100%;
            border-collapse: collapse;
			background: white;
   margin: 0;
        }

        .gsds-domain-table thead {
            background: linear-gradient(135deg, #2c3e50, #34495e);
            color: white;
			-webkit-border-top-left-radius: 16px;
-webkit-border-top-right-radius: 16px;
-moz-border-radius-topleft: 16px;
-moz-border-radius-topright: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
        }

        .gsds-domain-table th {
            padding: 1rem;
            text-align: left;
            font-weight: 600;
            cursor: pointer;
            position: relative;
            transition: background-color 0.3s ease;
			    text-align: center;
        }

        .gsds-domain-table th:hover {
            background9: linear-gradient(45deg, #667eea, #764ba2) !important;
        }

        .sort-arrow {
            margin-left: 0.5rem;
            opacity: 0.7;
        }

        .gsds-domain-table tbody tr {
            border-bottom: 1px solid #eee;
            transition: all 0.3s ease;
        }
.sort-arrow {
            margin-right: 0.5rem;
            opacity: 0.7;
            font-size: 0.8rem;
        }
        .gsds-domain-table tbody tr:hover {
            background: linear-gradient(90deg, rgba(102, 126, 234, 0.05), rgba(118, 75, 162, 0.05));
            transform: scale(1.001);
        }
.gsds-domain-table td {
    padding: 1rem;
    vertical-align: middle;
    background: #fff !important;
    border: none;
}

        .gsds-domain-table td a {
            color: #667eea;
            text-decoration: none;
            font-weight: 500;
            transition: color 0.3s ease;
        }

        .gsds-domain-table td a:hover {
            color: #764ba2;
            text-decoration: underline;
        }

        .gsds-editable-field {
            width: 100%;
            padding: 0.5rem;
            border: 1px solid #ddd;
            border-radius: 6px;
            font-size: 0.9rem;
            transition: all 0.3s ease;
        }

        .gsds-editable-field:focus {
            outline: none;
            border-color: #667eea;
            box-shadow: 0 0 0 2px rgba(102, 126, 234, 0.1);
        }

        /* Status indicators */
        .status-move { color: #f39c12; }
        .status-good2 { color: #27ae60; }
        .status-wait { color: #e74c3c; }
        .status-delete { color: #c0392b; }

        /* Responsive Design */
        @media (max-width: 768px) {
            .header-content {
                flex-direction: column;
                gap: 1rem;
            }

            .nav-menu {
                gap: 1rem;
            }

            .container {
                padding: 0 1rem;
                margin: 1rem auto;
            }

            .gsds-filters {
                grid-template-columns: 1fr;
            }

            .page-title h1 {
                font-size: 2rem;
            }

            .dashboard-content {
                padding: 1rem;
            }
        }
#gsdsFilterFullEditTable textarea {
    height: 32px;
    line-height: 14px;
    padding: 3px;
    font-size: 14px;
}
#gsdsFilterFullEditTable input {
	width: 100%;
    box-sizing: border-box;
    padding: 5px 10px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    font-size: 1rem;
    transition: all 0.3s ease;
    background: #fff;
	padding: 3px;
}
#gsdsFilterFullEditTable td , 
#gsdsFilterFullEditTable th {
	padding: 10px 3px;
	position: relative;
}
#gsdsFilterFullEditTable .copy-icon {
    position: absolute;
    top: 14px;
    z-index: 3;
    right: 9px;
}
 .table-container2 {
    overflow-x: auto;
    width: 100%;
  }
.table-container2 table {
	 min-width: 1140px; 
    width: 100%;
    border-collapse: collapse;
    /* table-layout: fixed; is good if you want to control column widths precisely. */
    table-layout: fixed;
}
 .table-container2 table select {
	 font-size:15px;
	 padding: 3px;
 }
.table-container2 table th:nth-child(1),
.table-container2 table td:nth-child(1) {
    width: 155px;  
  }
 .table-container2 table th:nth-child(2),
.table-container2 table td:nth-child(2) {
    width: 95px;  
  }
/* status*/
   .table-container2 table th:nth-child(3),
.table-container2 table td:nth-child(3) {
    width: 90px;  
  }
  .table-container2 table td:nth-child(3) {
  Background: #ececec !important;
  }
  /* new dns*/
   .table-container2 table th:nth-child(4),
.table-container2 table td:nth-child(4) {
    width: 105px;  
  }
  /* user name*/
   .table-container2 table th:nth-child(5),
.table-container2 table td:nth-child(5) {
    width: 90px;  
  }
  /* password */
   .table-container2 table th:nth-child(6),
.table-container2 table td:nth-child(6) {
    width: 90px;  
  }
   /* user link */
   .table-container2 table th:nth-child(7),
.table-container2 table td:nth-child(7) {
    width: 90px;  
  }
   /* description */
   .table-container2 table th:nth-child(8),
.table-container2 table td:nth-child(8) {
    width: 160px;  
  }
   /* Date */
   .table-container2 table th:nth-child(9),
.table-container2 table td:nth-child(9) {
    width:  60px;  
	    text-align: center;
  }
   /* Date */
.table-container2 table td:nth-child(9) {
    width:  60px;  
	    text-align: center;
	Background: #ececec !important;
  }  
  
   /* IP */
   .table-container2 table th:nth-child(10),
.table-container2 table td:nth-child(10) {
    width:  60px;  
  }
 .table-container2 table td:nth-child(10) { 
    font-size: 14px;
    white-space: nowrap;
    text-align: left; 
 }
    /* IP */
   .table-container2 table th:nth-child(11),
.table-container2 table td:nth-child(11) {
    width:  70px;  
  }
 /* --- Styles for the Diun Tickets Table --- */

/* Style for the 'Help' button popup */
.gsds-help-popup {
    display: none;
    position: absolute;
    border: 1px solid #ccc;
    background-color: white;
    padding: 9px;
    z-index: 100;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    width: 150px;
	left: 10px;
}
/* --- Copy Icon Animation --- */

/* This makes the size change smooth */
.copy-icon {
    transition: transform 0.2s ease-in-out;
}

/* This shrinks the icon when the 'copied' class is added by the JavaScript */
.copy-icon.copied {
    transform: scale(0.8);
	Background:#e74c3c;
	border-radius:5px;
}
/* --- Highlight Row Styles --- */

/* Makes the new icon look clickable */
.gsds-highlight-row {
    cursor: pointer;
    margin-left: 5px;
}

/* Styles the highlighted row with a light blue background */
.gsds-domain-table tbody tr.highlighted-row td {
    background-color: #e0f2fe !important; /* light-blue */
}
/* Style for the select dropdown and button inside the popup */
.gsds-help-popup {
	Background:#91c8f9;
}
.gsds-help-popup select, .gsds-help-popup button {
    display: block;
    width: 100%;
    margin-top: 0;
    padding: 5px;
    margin-bottom: 10px;
	
}
.gsds-help-popup button , body button.gsds-help-btn {
	Background:#34495e;
	color:#fff;
	    padding: 5px 15px;
}
/* Style for open tickets (comment by current user) - RED */
.ticket-status-open { 
    color: red; 
    font-weight: bold; 
}

/* Style for replied tickets (comment by another user) - GREEN */
.ticket-status-reply { 
    color: green; 
    font-weight: bold; 
}
/* --- Styles for Ticket Avatars in Table --- */

/* Main container in the ticket cell for flexbox layout */
.ticket-cell-container {
    display9: flex;
    justify-content: space-between; /* Pushes content and button apart */
    align-items: center;
    width: 100%;
    gap: 8px; /* Adds space between the content and the button */
}

/* Wrapper for avatar and text */
.ticket-content-wrapper {
    display: flex;
    align-items: center;
    gap: 8px; /* Space between avatar and text */
    flex-grow: 1; /* Allows the content to take available space */
}
.ticket-content-wrapper span{
	font-weight:400;
	line-height: 1.2;
	text-align: right;
	font-size: 14px;
}
/* Style for the avatar image in the table */
.ticket-content-wrapper img  {
    border-radius: 50% !important;
    width: 26px;
    height: 26px;
    flex-shrink: 0; /* Prevents avatar from shrinking if space is tight */
}
.gsds-domain-table td {
    padding: 10px; 
}
.inerofinner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}