#poststuff :where(h1, h2, h3, h4, h5, h6, .gn-alt-font){
    font-weight: 500;
    line-height: var(--gigneo-line-height);
    color: rgb(var(--gigneo-secondary-font-color));
    font-family: var(--gigneo-secondary-font);
}

#poststuff:has(.gn-order-detail-wrapper) .inside {
    padding: 16px;
    background-color: #fff;
    margin: 0;
    box-sizing: border-box;
}

.gn-service-order-detail > .gn-header {
    gap: 20px;
    display: flex;
    margin: 0 0 16px;
    padding: 0;
    border: 0;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    align-items: flex-start;
}

.gn-service-order-detail .gn-order-dropdown-toggle.gn-btn.gn-btn-sm {
    padding: 9px;
    background: #fff;
}

.gn-service-order-detail .gn-dropdown-content {
    right: 0;
}

.gn-service-order-detail .gn-order-info {
    padding: 0;
    gap: 16px;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    flex-direction: column;
}

.gn-service-order-detail .gn-order-info .gn-thumbnail {
    margin: 0;
    width: 132px;
    border-radius: var(--gigneo-border-radius-md);
    height: 80px;
    flex: none;
}

.gn-service-order-detail .gn-order-info .gn-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--gigneo-border-radius-md);
}

.gn-service-order-detail .gn-content-info {
    gap: 12px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.gn-service-order-detail .gn-order-info .gn-title-wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

#poststuff .gn-service-order-detail .gn-content-info .gn-title-wrapper .gn-title {
    margin: 0;
    padding: 0;
    font-size: 16px;
}

.gn-service-order-detail .gn-content-info .gn-status-tag {
    padding: 2px 8px;
}

.gn-service-order-detail .gn-order-info .gn-order-meta {
    font-size: 14px;
    display: flex;
    gap: 4px 16px;
    padding: 0;
    align-items: center;
    margin: 0;
    flex-wrap: wrap;
}

.gn-service-order-detail .gn-order-info .gn-order-meta > li {
    display: flex;
    gap: 8px;
    position: relative;
    align-items: center;
    margin: 0;
}

.gn-service-order-detail .gn-order-info .gn-order-meta > li span {
    display: flex;
    gap: 6px;
    align-items: center;
    color: rgb(var(--gigneo-primary-font-color));
}

.gn-service-order-detail .gn-order-info .gn-order-meta i {
    font-size: 18px;
}

.gn-service-order-detail .gn-nav-tabs{
    margin: 0 0 36px;
}

.gn-service-order-detail .gn-nav-tab {
    gap: 32px;
    padding: 0;
    margin: 0;
    justify-content: flex-start;
    display: flex;
    flex-wrap: nowrap;
    list-style: none;
    overflow: hidden;
    overflow-x: auto;
    border-bottom: 1px solid rgb(var(--gigneo-grey-color));
}

.gn-service-order-detail .gn-nav-tab li {
    list-style-type: none;
    margin: 0;
}

.gn-service-order-detail .gn-nav-tab li a {
    padding: 16px 0;
    position: relative;
    gap: 4px;
    width: 100%;
    display: flex;
    font-size: 14px;
    justify-content: center;
    font-weight: 400;
    align-items: center;
    box-shadow: none;
    border-radius: var(--gigneo-border-radius-md);
    text-decoration: none;
    transition: color .15s ease-in-out;
    color: rgb(var(--gigneo-primary-font-color));
}

.gn-service-order-detail .gn-nav-tab li a:hover, .gn-service-order-detail .gn-nav-tab li a.gn-active {
    color: rgb(var(--gigneo-primary-color));
}

.gn-service-order-detail .gn-nav-tab li a:after {
    content: '';
    width: 0;
    bottom: 0;
    left: 0;
    height: 2px;
    position: absolute;
    background: rgb(var(--gigneo-primary-color));
}

.gn-service-order-detail .gn-nav-tab li a.gn-active:after {
    width: 100%;
}

.gn-order-detail-main {
    height: 100%;
    display: flex;
    position: relative;
    flex-direction: column;
}

.gn-order-section>.gn-head {
    margin: 0 0 16px;
}

.gn-job-order-detail .gn-order-payment-overview .gn-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.gn-order-section>.gn-head .gn-title {
    margin: 0;
    font-size: 16px;
}

.gn-order-section .gn-stats-wrapper {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    border-radius: var(--gigneo-border-radius-lg);
    padding: 20px 16px;
    background-color: rgb(var(--gigneo-light-grey-color));
}

.gn-order-section .gn-stats-wrapper .gn-stat {
    min-width: 134px;
}

#poststuff .gn-order-section .gn-stats-wrapper .gn-label {
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    color: rgb(var(--gigneo-primary-font-color));
}

.gn-order-section .gn-stats-wrapper .gn-value {
    display: block;
    font-size: 14px;
    margin: 4px 0 0;
    font-weight: 500;
    color: rgb(var(--gigneo-secondary-font-color));
}

.gn-order-section~.gn-order-section {
    margin-top: 24px;
}

.gn-stat-cards {
    gap: 12px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
}


.gn-stat-card {
    padding: 20px;
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: space-between;
    border-radius: var(--gigneo-border-radius-lg);
    background-color: rgb(var(--gigneo-light-grey-color));
}

.gn-order-payments .gn-stat-card {
    padding: 20px 16px;
}

.gn-stat-card .gn-label {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    color: rgb(var(--gigneo-primary-font-color));
    display: flex;
    align-items: flex-end;
    gap: 4px;
    justify-content: space-between;
    font-family: var(--gigneo-primary-font);
}

.gn-stat-card .gn-value {
    font-size: 20px;
    margin: 0 0 4px;
}

.gn-order-payments .gn-stat-cards .gn-stat-card .gn-value {
    font-size: 14px;
    font-weight: 500;
    margin: 4px 0 0;
    color: rgb(var(--gigneo-secondary-font-color));
}

.gn-order-section .gn-order-sub-section + .gn-order-sub-section {
    margin-top: 23px;
    padding-top: 23px;
    border-top: 1px solid rgb(var(--gigneo-grey-color));
}

.gn-order-section .gn-order-sub-section > .gn-title {
    margin: 0 0 23px;
    padding: 0;
    font-size: 16px;
}

.gn-order-section .gn-feature-list {
    padding: 0;
    display: flex;
    gap: 12px 24px;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
}

.gn-order-section .gn-feature-list li {
    gap: 12px;
    display: flex;
    margin: 0;
    align-items: center;
    width: 100%;
}

.gn-order-section .gn-feature-list li i {
    font-size: 22px;
    color: rgb(var(--gigneo-primary-color));
}

.gn-order-section .gn-feature-list .gn-title {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    color: rgb(var(--gigneo-primary-font-color));
}

.gn-order-section .gn-feature-list .gn-title strong {
    font-weight: 500;
    color: rgb(var(--gigneo-secondary-font-color));
}

.gn-order-section .gn-addon-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

.gn-order-section .gn-addon-list li {
    margin: 0;
    list-style-type: none;
}

.gn-order-section .gn-addon-list .gn-addon + .gn-addon {
    margin-top: 23px;
}

.gn-order-section .gn-addon-list .gn-addon-info .gn-title {
    margin: 0 0 4px;
    font-size: 14px;
}

.gn-order-section .gn-addon-list .gn-addon-info .gn-description {
    margin: 0;
    font-size: 14px;
    color: rgb(var(--gigneo-primary-font-color));
}

.gn-order-section .gn-locations {
    display: flex;
    gap: 16px 24px;
    flex-direction: column;
}

.gn-order-section .gn-order-sub-section.gn-locations > .gn-title {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / span 2;
    margin-bottom: 11px;
}

.gn-order-section .gn-location {
    padding: 16px;
    display: flex;
    gap: 8px;
    border: 1px solid rgb(var(--gigneo-grey-color));
    border-radius: var(--gigneo-border-radius-lg);
    background-color: rgb(var(--gigneo-light-grey-color));
}

.gn-order-section .gn-location .gn-icon {
    font-size: 19px;
    color: rgb(var(--gigneo-secondary-font-color));
}

.gn-order-section .gn-location .gn-icon i {
    display: block;
}

.gn-order-section .gn-location .gn-info .gn-title {
    margin: 0 0 10px;
    font-size: 14px;
}

.gn-order-section .gn-location .gn-info p {
    margin: 0;
    font-size: 14px;
    color: rgb(var(--gigneo-primary-font-color));
}

.gn-order-section .gn-location .gn-info p + p {
    margin-top: 4px;
}

.gn-order-section .gn-location .gn-info p:empty {
    display: none;
}

.gn-order-delivery .gn-delivery-countdown {
    display: flex;
    align-items: center;
    padding: 16px;
    background: rgb(var(--gigneo-light-grey-color));
    border-radius: var(--gigneo-border-radius-lg);
}

.gn-order-delivery .gn-countdown-item {
    gap: 2px;
    display: flex;
    text-align: center;
    position: relative;
    align-items: center;
    width: calc(100% / 4);
    flex-direction: column;
}

.gn-order-delivery .gn-countdown-item span {
    font-size: 16px;
    font-weight: 500;
    color: rgb(var(--gigneo-secondary-font-color));
}

.gn-order-delivery .gn-countdown-item small {
    font-size: 14px;
    color: rgb(var(--gigneo-primary-font-color));
}

.gn-order-delivery .gn-countdown-item:not(:first-child)::before {
    left: 0;
    top: 50%;
    width: 1px;
    content: "";
    height: 36px;
    position: absolute;
    transform: translateY(-50%);
    background: rgb(var(--gigneo-grey-color));
}

.gn-tracking-steps {
    margin: 0;
    padding: 0;
    list-style: none;
}

.gn-tracking-steps li {
    gap: 8px;
    margin: 0;
    display: flex;
    list-style-type: none;
}

.gn-order-tacking .gn-tracking-step {
    position: relative;
}

.gn-order-tacking .gn-tracking-step:not(:last-child) {
    padding-bottom: 30px;
}

.gn-order-tacking .gn-tracking-step:not(:last-child)::after {
    top: 20px;
    left: 8px;
    width: auto;
    content: "";
    height: 100%;
    display: flex;
    position: absolute;
    align-items: center;
    justify-content: center;
    border-left: 1px dashed rgb(var(--gigneo-secondary-font-color), 0.35);
}

.gn-order-tacking .gn-tracking-step.gn-completed:not(:last-child)::after {
    border-left-color: rgb(var(--gigneo-success-color));
}

.gn-order-tacking .gn-tracking-step .gn-icon i:before {
    content: "";
    width: 18px;
    height: 18px;
    display: flex;
    margin-top: 2px;
    border-radius: 50%;
    background: #fff;
    align-items: center;
    justify-content: center;
    border: 1px solid rgb(var(--gigneo-secondary-font-color), 0.35);
}

.gn-order-tacking .gn-tracking-step.gn-completed .gn-icon i:before {
    color: #FFF;
    font-size: 12px;
    content: '\e96b';
    background: rgb(var(--gigneo-success-color));
    border-color: rgb(var(--gigneo-success-color));
}

.gn-order-tacking .gn-tracking-step .gn-title {
    margin: 0;
    display: flex;
    font-size: 14px;
    align-items: center;
    justify-content: space-between;
}

.gn-order-tacking .gn-tracking-step.gn-active .gn-title {
    color: rgb(var(--gigneo-success-color));
}

.gn-order-tacking .gn-tracking-step .gn-description {
    margin: 2px 0 0;
    font-size: 14px;
    color: rgb(var(--gigneo-primary-font-color));
}

.gn-order-tacking .gn-tracking-step.gn-active .gn-icon i:before {
    border: none;
    font-size: 22px;
    content: '\e9e0';
    color: rgb(var(--gigneo-success-color));
}

.gn-progress-steps {
    display: flex;
    gap: 2px;
}

.gn-progress-step {
    flex: 1;
    height: 8px;
    border-radius: var(--gigneo-border-radius-xl);
    background-color: rgb(var(--gigneo-grey-color));
}

.gn-progress-step.gn-active {
    background-color: rgb(var(--gigneo-primary-color));
    order: -1;
}

.gn-count-wrapper {
    display: flex;
    font-size: 12px;
    gap: 4px;
    align-items: center;
}

#poststuff:has(.gn-order-detail-wrapper) .inside:has(.gn-order-map-location),
#poststuff:has(.gn-order-detail-wrapper) .inside:has(.gn-order-revisions) {
    padding: 16px;
}

#poststuff:has(.gn-order-detail-wrapper) .inside .gn-order-map-location .gn-map {
    min-height: 200px;
    background-color: rgb(var(--gigneo-grey-color));
    border-radius: var(--gigneo-border-radius-lg);
    margin-bottom: 12px;
}

#poststuff:has(.gn-order-detail-wrapper) .inside .gn-order-map-location .gn-map:empty {
    display: none;
}

.gn-order-revisions>.gn-head {
    display: flex;
}

.gn-order-revisions>.gn-head .gn-count-wrapper {
    margin-left: auto;
    color: rgb(var(--gigneo-primary-font-color));
}

#poststuff:has(.gn-order-detail-wrapper) .inside:has(.gn-order-participent-info),
#poststuff:has(.gn-order-detail-wrapper) .inside:has(.gn-order-detail-side) {
    padding: 16px;
}
 
.gn-order-participent-info .gn-head {
    padding: 0 16px 16px;
    margin: 0 -16px 16px;
    border-bottom: 1px solid rgb(var(--gigneo-grey-color));
}

.gn-order-map-location .gn-actions {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.gn-order-map-location .gn-actions .gn-btn {
    text-decoration: none;
}

.gn-participent-profile-info {
    gap: 8px;
    display: flex;
    align-items: center;
}

.gn-participent-profile-info .gn-avatar {
    width: 48px;
    height: 48px;
    border: 0;
}

.gn-participent-profile-info .gn-name-wrapper {
    display: flex;
    gap: 4px;
    align-items: center;
} 

.gn-participent-profile-info .gn-name {
    font-size: 14px;
    margin: 0;
}

.gn-participent-profile-info .gn-tagline {
    font-size: 14px;
    margin: 6px 0 0;
}

.gn-order-participent-info .gn-additional-info {
    gap: 12px;
    padding: 0;
    display: flex;
    margin: 16px 0 0;
    flex-direction: column;
}

.gn-order-participent-info .gn-additional-info li {
    display: flex;
    list-style: none;
    align-items: center;
    margin: 0;
    justify-content: space-between;
}

.gn-order-participent-info .gn-additional-info .gn-country-state .gn-label {
    width: 100%;
    max-width: 120px;
}

.gn-order-participent-info .gn-additional-info .gn-value {
    font-weight: 500;
    text-align: right;
    display: flex;
    gap: 4px;
    align-items: center;
    color: rgb(var(--gigneo-secondary-font-color));
}

.gn-order-participent-info .gn-additional-info .gn-value .gn-filled {
    color: rgb(var(--gigneo-warning-color));
}

.gn-order-participent-info .gn-additional-info .gn-value .gn-count {
    color: rgb(var(--gigneo-primary-font-color));
    font-style: normal;
}

.gn-order-participent-info .gn-actions {
    gap: 8px;
    display: flex;
    margin-top: 16px;
    align-items: center;
}

.gn-order-participent-info .gn-actions .gn-btn {
    width: 100%;
    text-decoration: none;
}

.gn-order-participent-info .gn-actions .gn-btn i {
    font-size: 18px;
}

.gn-order-activity .gn-activity-date {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-top: 24px;
}

.gn-order-activity .gn-activity-logs .gn-activity-date:first-child {
    margin-bottom: 24px;
    margin-top: 0;
}

.gn-order-activity .gn-date {
    font-size: 12px;
    padding: 0 12px;
    background-color: #fff;
    position: relative;
    z-index: 1;
    color: rgba(var(--gigneo-primary-font-color), 0.7);
}

.gn-order-activity .gn-activity-date:after {
    content: "";
    height: 1px;
    width: 100%;
    display: block;
    left: 0;
    top: 50%;
    background-color: #E4E4E7;
    opacity: 0.7;
    position: absolute;
    transform: translateY(-50%);
}

.gn-order-activity .gn-activity-info {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.gn-order-activity .gn-activity-info .gn-icon, .gn-delivery-actions .gn-icon, .gn-activity-type-review-request .gn-icon {
    flex: none;
    width: 36px;
    height: 36px;
    display: flex;
    margin-right: 8px;
    font-size: 20px;
    border-radius: 50%;
    align-items: center;
    margin: 4px 8px -4px 0;
    justify-content: center;
    background: rgb(var(--gigneo-grey-color));
}

.gn-order-activity .gn-activity-log ~ .gn-activity-log {
    margin-top: 24px;
}

.gn-icon.gn-status-info {
    background-color: rgba(var(--gigneo-info-color), 0.05) !important;
}

.gn-icon.gn-status-info i {
    color: rgb(var(--gigneo-info-color));
}

.gn-icon.gn-status-warning {
    background-color: rgba(var(--gigneo-warning-color), 0.05) !important;
}

.gn-icon.gn-status-warning i {
    color: rgb(var(--gigneo-warning-color));
}

.gn-icon.gn-status-success {
    background-color: rgba(var(--gigneo-success-color), 0.05) !important;
}

.gn-icon.gn-status-success i {
    color: rgb(var(--gigneo-success-color));
}

.gn-icon.gn-status-danger {
    background-color: rgba(var(--gigneo-danger-color), 0.05) !important;
}

.gn-icon.gn-status-danger i {
    color: rgb(var(--gigneo-danger-color));
}

.gn-order-activity .gn-author-info {
    gap: 8px;
    display: flex;
    align-items: center;
}

.gn-order-activity .gn-author-info .gn-avatar {
    width: 36px;
    height: 36px;
    margin: 4px 0 -4px;
}

.gn-order-activity .gn-author-info .gn-name {
    margin: 0 4px 0 0;
    font-weight: 500;
    line-height: var(--gigneo-line-height);
    color: rgb(var(--gigneo-secondary-font-color));
}

.gn-order-activity .gn-activity-info .gn-detail {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 10px;
    gap: 8px 0;
    flex-wrap: wrap;
}

.gn-order-activity .gn-activity-info .gn-description {
    margin: 0 8px 0 0;
    color: rgb(var(--gigneo-primary-font-color));
}

.gn-order-activity .gn-activity-info .gn-detail .gn-status-tag {
    line-height: 18px;
}

.gn-activity-detail-wrapper {
    width: 100%;
}

.gn-activity-detail {
    margin-top: 10px;
    overflow: hidden;
    border-radius: var(--gigneo-border-radius-xl);
    border: 1px solid rgb(var(--gigneo-grey-color));
}

.gn-order-section.gn-order-activity .gn-activity-detail .gn-head {
    padding: 12px 16px;
    background-color: rgb(var(--gigneo-light-grey-color));
    border-bottom: 1px solid rgb(var(--gigneo-grey-color));
    margin: 0;
}

.gn-activity-detail .gn-head .gn-title {
    font-size: 14px;
    margin: 0;
}

.gn-activity-detail .gn-body {
    gap: 10px;
    display: flex;
    padding: 16px;
    flex-direction: column;
    align-items: self-start;
}

.gn-activity-detail-freelancer-review .gn-activity-detail .gn-body {
    padding-top: 24px;
    padding-bottom: 24px;
}

.gn-activity-detail .gn-body .gn-pre ul li, .gn-activity-detail .gn-body .gn-pre ol li {
    color: rgb(var(--gigneo-primary-font-color));
    margin: 0;
}


.gn-activity-detail .gn-body .gn-pre, .gn-activity-detail .gn-body .gn-description {
    word-break: break-word;
    white-space: pre-wrap;
    line-height: var(--gigneo-line-height);
}

.gn-activity-detail .gn-body .gn-pre ul,
.gn-activity-detail .gn-body .gn-pre ol,
.gn-activity-detail .gn-body .gn-pre p {
    margin: 0;
    font-size: 14px;
    line-height: var(--gigneo-line-height);
}

.gn-activity-detail .gn-body .gn-pre > p:nth-last-child(1) {
    margin-bottom: 0;
}


.gn-activity-logs .gn-activity-log > .gn-activity-detail-wrapper + .gn-activity-time {
    margin-top: 6px;
}

.gn-activity-logs .gn-activity-log > .gn-activity-time span {
    display: block;
    font-size: 12px;
    color: rgba(var(--gigneo-primary-font-color), 0.7);
}

.gn-activity-detail-freelancer-review .gn-review-stars {
    gap: 6px;
    display: flex;
    font-size: 18px;
    margin: 0 0 12px;
    align-items: center;
}

.gn-activity-detail-freelancer-review .gn-review-stars i {
    color: rgb(var(--gigneo-grey-color));
}

.gn-activity-detail-freelancer-review .gn-review-stars i.gn-filled {
    color: rgb(var(--gigneo-warning-color));
}

.gn-activity-detail-freelancer-review .gn-review-details {
    gap: 16px;
    display: flex;
    margin: 24px 0 0;
    flex-direction: column;
    border-radius: var(--gigneo-border-radius-md);
}

.gn-activity-detail-freelancer-review .gn-review {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.gn-activity-detail-freelancer-review .gn-review .gn-label {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    color: rgb(var(--gigneo-secondary-font-color));
}

.gn-activity-detail-freelancer-review .gn-review .gn-value {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    color: rgb(var(--gigneo-secondary-font-color));
}

.gn-activity-detail-freelancer-review .gn-review .gn-value i {
    gap: 6px;
    align-items: center;
    display: inline-flex;
    color: rgb(var(--gigneo-warning-color));
}

.gn-activity-detail .gn-dates {
    padding: 0;
    margin: 24px 0 0;
    list-style: none;
}

.gn-activity-detail .gn-dates li {
    gap: 8px;
    margin: 0;
    display: flex;
    list-style: none;
    align-items: center;
    justify-content: space-between;
}

.gn-activity-detail .gn-dates li+li {
    margin-top: 16px;
}

.gn-activity-detail .gn-dates .gn-label {
    gap: 8px;
    display: flex;
    font-size: 14px;
    align-items: center;
    color: rgb(var(--gigneo-primary-font-color));
}

.gn-activity-detail .gn-dates .gn-value {
    font-size: 12px;
    color: rgb(var(--gigneo-primary-font-color));
}

#poststuff:has(.gn-order-detail-wrapper) #post-body-content {
    margin: 0;
}

.gn-order-detail-main * {
    box-sizing: border-box;
}

.gn-activity-detail .gn-body .gn-attachments {
    margin-top: 24px;
}

.gn-activity-detail .gn-body .gn-attachments > .gn-title {
    margin: 0 0 16px;
    font-size: 14px;
}

.gn-activity-detail .gn-body .gn-attachments > .gn-attachment {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: space-between;
}

.gn-activity-detail .gn-body .gn-attachments > .gn-attachment + .gn-attachment {
    margin-top: 12px;
}

.gn-activity-detail .gn-body .gn-attachments > .gn-attachment .gn-attachment-info {
    display: flex;
    align-items: center;
    gap: 8px;
}

#poststuff .gn-activity-detail .gn-body .gn-attachments > .gn-attachment .gn-attachment-info .gn-name,
.gn-activity-detail .gn-body .gn-attachments > .gn-attachment .gn-attachment-info .gn-name {
    font-size: 14px;
    margin: 0;
    font-weight: 400;
    color: rgb(var(--gigneo-primary-font-color));
}

.gn-activity-detail .gn-body .gn-attachments > .gn-attachment .gn-btn-download {
    font-size: 18px;
    color: rgb(var(--gigneo-primary-font-color));
    text-decoration: none;
}

.gn-activity-detail .gn-body .gn-attachments > .gn-attachment .gn-btn-download i {
    display: block;
}

.gn-activity-detail .gn-body .gn-avatar {
    width: 36px;
    height: 36px;
}

.gn-activity-detail .gn-body .gn-info {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.gn-activity-detail .gn-body .gn-info .gn-name {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    color: rgb(var(--gigneo-secondary-font-color));
}

/* Message Live Chat */

.gn-order-detail-main {
    height: 100%;
    display: flex;
    position: relative;
    flex-direction: column;
}

.gn-order-detail-main .gn-order-message-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    background: #fff;
    max-height: 724px;
    position: sticky;
    top: 0;
    border-radius: var(--gigneo-border-radius-lg);
    border: 1px solid rgb(var(--gigneo-grey-color));
}

.gn-order-message-wrapper .gn-head {
    padding: 12px 16px;
    border-bottom: 1px solid rgb(var(--gigneo-grey-color));
}

.gn-order-message-wrapper .gn-head .gn-author-info {
    gap: 8px;
    display: flex;
    align-items: center;
}

.gn-order-message-wrapper .gn-head .gn-author-info .gn-avatar {
    height: 32px;
    width: 32px
}

.gn-order-message-wrapper .gn-head .gn-author-info .gn-avatar + .gn-avatar {
    margin: -16px 0 0 16px;
}

.gn-order-message-wrapper .gn-head .gn-author-info .gn-author-meta .gn-name {
    margin: 0;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap:3px;
}

.gn-order-message-wrapper .gn-head .gn-author-info .gn-author-meta .gn-status {
    font-size: 14px;
    display: block;
}

.gn-order-messages-body {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 12px 15px;
    overflow: auto;
    min-height: 500px;
}

.gn-order-messages-body .gn-no-message {
    width: 100%;
    height: 100%;
    display: flex;
    padding: 50px 30px;
    align-items: center;
    text-align: center;
    flex-direction: column;
    justify-content: center;
}

.gn-order-messages-body .gn-messages-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: end;
    flex: 1;
    min-height: max-content;
}

.gn-order-messages-body .gn-messages-wrapper .gn-empty-icon {
    max-width: 100px;
    margin: 0 0 12px;
}

.gn-order-messages-body .gn-messages-wrapper .gn-empty-icon img {
    width: 100%;
    object-fit: cover;
}

.gn-order-messages-body .gn-messages-wrapper .gn-order-chat-heading {
    font-size: 16px;
    margin: 0 0 4px;
}

.gn-order-messages-body .gn-messages-wrapper .gn-order-chat-info {
    font-size: 14px;
    margin: 0;
    color: rgb(var(--gigneo-primary-font-color));
}

.gn-order-messages-body .gn-message-time-stemp {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 12px 0;
}

.gn-order-messages-body .gn-message-time-stemp .gn-date-time {
    font-size: 12px;
    padding: 0 12px;
    background-color: #fff;
    position: relative;
    z-index: 1;
    color: rgba(var(--gigneo-primary-font-color), 0.7);
}

.gn-order-messages-body .gn-message-time-stemp::after {
    content: "";
    height: 1px;
    width: 100%;
    display: block;
    left: 0;
    top: 50%;
    background-color: #E4E4E7;
    opacity: 0.7;
    position: absolute;
    transform: translateY(-50%);
}

.gn-order-messages-body .gn-message {
    gap: 5px;
    margin: 12px 0;
    display: flex;
    align-items: start;
    flex-direction: column-reverse;
}

.gn-order-messages-body .gn-sent.gn-message {
    justify-content: end;
    align-items: end;
}

.gn-order-messages-body .gn-message .gn-message-time {
    gap: 6px;
    display: flex;
    font-size: 12px;
    line-height: 18px;
    align-items: center;
    padding-left: 40px;
    color: rgba(var(--gigneo-primary-font-color), 0.7);
}

.gn-order-messages-body .gn-message .gn-message-time>i {
    font-size: 16px;
    color: rgba(var(--gigneo-primary-font-color), 0.7);
}

.gn-order-messages-body .gn-message-wrapper {
    display: flex;
    align-items: end;
    gap: 10px;
}

.gn-order-messages-body .gn-message .gn-content {
    display: flex;
    width: 100%;
    padding: 10px;
    max-width: 190px;
    position: relative;
    flex-direction: column;
    background-color: rgb(var(--gigneo-grey-color));
    border-radius: var(--gigneo-border-radius-xl) var(--gigneo-border-radius-xl) var(--gigneo-border-radius-xl) 0;
}

.gn-order-messages-body .gn-message .gn-content:has(.gn-message-text) {
    padding: 10px;
    align-items: end;
    background-color: rgb(var(--gigneo-light-grey-color));
    border-radius: var(--gigneo-border-radius-xl) var(--gigneo-border-radius-xl) var(--gigneo-border-radius-xl) 0;
}

.gn-order-messages-body .gn-sent.gn-message .gn-content:has(.gn-message-text) {
    padding: 10px;
    align-items: end;
    background-color: rgb(var(--gigneo-primary-color), 0.1);
    border-radius: var(--gigneo-border-radius-xl) var(--gigneo-border-radius-xl) 0 var(--gigneo-border-radius-xl);
}

.gn-order-messages-body .gn-message .gn-message-text {
    margin: 0 auto 0 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    max-width: 100%;
    display: flex;
    align-items: start;
    width: max-content;
}
.gn-order-messages-body .gn-message .gn-message-text .gn-pre pre,
.gn-order-messages-body .gn-message .gn-message-text .gn-pre {
    white-space: break-spaces;
    word-break: break-word;
    color: rgb(var(--gigneo-primary-font-color));
}

.gn-order-messages-body .gn-message .gn-message-text .gn-pre pre,
.gn-order-messages-body .gn-message .gn-message-text .gn-pre p {
    margin: 0;
    font-size: 14px;
    font-family: inherit;
}

.gn-order-messages-body .gn-message .gn-message-text .gn-pre > * {
    line-height: var(--gigneo-line-height);
    margin: 0;
    word-break: break-word;
}

.gn-dashboard-wrapper pre {
    font-family: var(--gigneo-primary-font, inherit);
}

.gn-order-messages-body .gn-message .gn-user-avatar {
    height: 30px;
    width: 30px;
    margin: 0;
    flex: none;
    border-radius: 50%;
}

.gn-order-messages-body .gn-message .gn-user-avatar>img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: inherit;
}

.gn-order-messages-body .gn-message .gn-message-text .gn-pre li {
    margin-bottom: 0;
    color: rgb(var(--gigneo-primary-font-color));
}

.gn-order-messages-body .gn-message .gn-message-text .gn-pre strong {
    color: rgb(var(--gigneo-primary-font-color));
    font-weight: 500;
}

/* Attachment Tab Style */
.gn-order-attachments .gn-attachment-filters {
    padding: 4px;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    list-style: none;
    margin: 0;
    border-radius: var(--gigneo-border-radius-lg);
    background: rgb(var(--gigneo-light-grey-color));
}

.gn-order-section>.gn-head .gn-attachment-filters {
    margin-top: 16px;
}

.gn-order-attachments .gn-attachment-filters li {
    gap: 8px;
    display: flex;
    padding: 7.5px 16px;
    align-items: center;
    color: rgb(var(--gigneo-primary-font-color));
    margin: 0;
    list-style-type: none;
    border-radius: var(--gigneo-border-radius-md);
    cursor: pointer;
    background-color: transparent;
    transition: color .3s ease-in-out, background-color .3s ease-in-out;
}

.gn-order-attachments .gn-attachment-filters li:hover {
    color: rgb(var(--gigneo-primary-color));
}

.gn-order-attachments .gn-attachment-filters li.gn-active {
    box-shadow: 0 1px 1px 0 rgba(var(--gigneo-primary-font-color), 0.05), 0 2px 5px 0 rgba(var(--gigneo-primary-font-color), 0.08);
    background-color: #fff;
    color: rgb(var(--gigneo-primary-color));
}

.gn-order-attachments .gn-attachment-filters li .gn-count {
    padding: 0 4px;
    font-size: 10px;
    min-width: 16px;
    text-align: center;
    transition: color .3s ease-in-out, background-color .3s ease-in-out;
    border-radius: var(--gigneo-border-radius-md);
    background: rgb(var(--gigneo-grey-color));
    line-height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gn-order-attachments .gn-attachment-filters li:hover .gn-count,
.gn-order-attachments .gn-attachment-filters li.gn-active .gn-count {
    color: #fff;
    background-color: rgb(var(--gigneo-primary-color));
}

.gn-order-attachments .gn-attachment-list {
    gap: 16px;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.gn-order-attachments .gn-attachment {
    gap: 8px;
    margin: 0;
    padding: 16px;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    align-items: center;
    width: 100%;
    border-radius: var(--gigneo-border-radius-xl);
    background: rgb(var(--gigneo-light-grey-color));
}

.gn-order-attachments .gn-attachment .gn-icon {
    flex: none;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(var(--gigneo-primary-color), 0.1);
    border-radius: 50%;
    background: rgba(var(--gigneo-primary-color), 0.05);
    color: rgb(var(--gigneo-primary-color));
}

.gn-order-attachments .gn-attachment .gn-icon i {
    font-size: 24px;
}

.gn-order-attachments .gn-attachment .gn-info {
    gap: 6px;
    display: flex;
    flex-direction: column;
}

.gn-order-attachments .gn-attachment .gn-title {
    gap: 7px;
    margin: 0;
    display: flex;
    font-size: 14px;
    align-items: center;
}

.gn-order-attachments .gn-attachment .gn-details {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 12px;
    align-items: center;
}

.gn-order-attachments .gn-attachment .gn-author {
    gap: 6px;
    display: flex;
    align-items: center;
}

.gn-order-attachments .gn-attachment .gn-author .gn-avatar {
    line-height: 1;
    margin: 0;
    width: 18px;
    height: 18px;
    border-radius: 50%;
}

#poststuff .gn-order-attachments .gn-attachment .gn-details :where(.gn-name, .gn-size, .gn-date),
.gn-order-attachments .gn-attachment .gn-details :where(.gn-name, .gn-size, .gn-date) {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    color: rgb(var(--gigneo-primary-font-color));
}
#poststuff .gn-order-attachments .gn-attachment .gn-details :where(.gn-size, .gn-date),
.gn-order-attachments .gn-attachment .gn-details :where(.gn-size, .gn-date) {
    position: relative;
    display: flex;
    gap: 8px;
    align-items: center;
}

.gn-order-attachments .gn-attachment .gn-actions {
    margin-left: auto;
}

.gn-order-attachments .gn-attachment .gn-btn-download {
    padding: 8px;
    border: 1px solid rgb(var(--gigneo-grey-color));
    border-radius: var(--gigneo-border-radius-lg);
    background: #fff;
    width: 36px;
    text-decoration: none;
    height: 36px;
    color: rgb(var(--gigneo-primary-font-color));
}

.gn-order-payments .gn-invoice-list {
    margin: 0;
    padding: 0;
}

.gn-order-payments .gn-invoice {
    gap: 8px;
    padding: 16px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    border-radius: var(--gigneo-border-radius-xl);
    background-color: rgb(var(--gigneo-light-grey-color));
}

.gn-order-payments .gn-invoice-list > li {
    list-style: none;
    margin: 0;
    flex-direction: column;
    position: relative;
}

.gn-order-payments .gn-invoice-list > li+li {
    margin-top: 12px;
}

.gn-order-payments .gn-invoice .gn-icon {
    flex: none;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(var(--gigneo-primary-color), 0.1);
    border-radius: 50%;
    background: rgba(var(--gigneo-primary-color), 0.05);
    color: rgb(var(--gigneo-primary-color));
}

.gn-order-payments .gn-invoice .gn-icon i {
    font-size: 24px;
}

.gn-order-payments .gn-invoice .gn-info {
    gap: 6px;
    display: flex;
    flex-direction: column;
}

.gn-order-payments .gn-invoice .gn-title {
    gap: 8px;
    margin: 0;
    display: flex;
    font-size: 14px;
    flex-wrap: wrap;
    align-items: center;
}

.gn-order-payments .gn-status-tag.gn-paid, .gn-order-payments .gn-status-tag.gn-completed {
    color: rgb(var(--gigneo-success-color));
    background: rgba(var(--gigneo-success-color), 0.05);
    border-color: rgba(var(--gigneo-success-color), 0.40);
}

.gn-order-payments .gn-invoice .gn-details {
    display: flex;
    padding: 0;
    list-style: none;
    align-items: center;
    font-size: 14px;
    flex-wrap: wrap;
}

.gn-order-payments .gn-invoice .gn-details li {
    margin: 0;
    display: flex;
    align-items: center;
}

.gn-order-payments .gn-invoice .gn-details li + li::before {
    width: 2px;
    height: 2px;
    margin: 4px;
    content: '';
    background-color: rgb(var(--gigneo-primary-font-color));
    border-radius: 50%;
}

.gn-order-payments .gn-actions {
    margin-left: auto;
    position: absolute;
    right: 16px;
}

.gn-order-payments .gn-actions .gn-service-order-invoice-download {
    padding: 8px;
    border: 1px solid rgb(var(--gigneo-grey-color));
    border-radius: var(--gigneo-border-radius-lg);
    background: #fff;
    width: 36px;
    height: 36px;
    color: rgb(var(--gigneo-primary-font-color));
}

.gn-order-payments .gn-actions .gn-service-order-invoice-download.gn-loading:after {
    position: absolute;
    width: 10px;
    height: 10px;
    border-color: #999;
    border-top-color: transparent;
}

.gn-order-payments .gn-actions .gn-service-order-invoice-download.gn-loading i {
    opacity: 0;
}

.gn-order-payments .gn-stat-card {
    padding: 20px 16px;
}

.gn-order-requirement-progress .gn-header {
    gap: 0;
    border: 0;
    padding: 0;
    margin: 0 0 16px;
}

.gn-order-requirement-progress .gn-heading-info {
    width: 100%;
}

.gn-order-requirement-progress .gn-header .gn-title {
    margin: 0;
    display: flex;
    font-size: 16px;
    align-items: center;
}

.gn-order-requirement-progress .gn-header .gn-description {
    font-size: 14px;
    margin: 4px 0 0;
    color: rgb(var(--gigneo-primary-font-color));
}

.gn-order-requirement-progress .gn-requirement-completed-tag {
    font-weight: 400;
    font-size: 12px;
    margin-left: auto;
    color: rgb(var(--gigneo-primary-font-color));
}

.gn-order-requirement-progress .gn-requirement-completed-tag .gn-count {
    font-style: normal;
    margin-right: 4px;
}

.gn-progress-wrapper {
    gap: 10px;
    display: flex;
    align-items: center;
}

.gn-progress {
    flex: 1;
    border-radius: 50px;
    background: rgb(var(--gigneo-grey-color));
}

.gn-progress-bar {
    width: 0;
    height: 8px;
    border-radius: 50px;
    -webkit-transition: width 0.3s linear;
    -o-transition: width 0.3s linear;
    transition: width 0.3s linear;
    background-color: rgb(var(--gigneo-primary-color));
}

.gn-progress-count {
    font-size: 10px;
    font-weight: 500;
    color: rgb(var(--gigneo-primary-font-color));
}

.gn-order-requirement-wrapper .gn-requirement {
    padding: 19px;
    margin-top: 12px;
    background: #fff;
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.02);
    border-radius: var(--gigneo-border-radius-lg);
    border: 1px solid rgb(var(--gigneo-grey-color));
}

.gn-order-requirement-wrapper .gn-requirement.gn-filled, .gn-order-requirement-wrapper .gn-requirement.gn-unfilled {
    gap: 8px;
    padding: 16px;
    display: flex;
    align-items: self-start;
}

.gn-order-requirement-wrapper .gn-requirement.gn-filled .gn-icon, .gn-order-requirement-wrapper .gn-requirement.gn-unfilled .gn-icon {
    margin-top: 3px;
    display: inline-flex;
}

.gn-order-requirement-wrapper .gn-requirement.gn-filled .gn-icon i {
    font-size: 16px;
    color: rgb(var(--gigneo-success-color));
}

.gn-order-requirement-wrapper .gn-title {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
}

.gn-order-requirement-wrapper .gn-requirement.gn-filled .gn-title,
.gn-order-requirement-wrapper .gn-requirement.gn-unfilled .gn-title {
    font-weight: 400 !important;
}

.gn-order-requirement-wrapper .gn-requirement :where(.gigneo-options-value, .gn-attachment-value) {
    padding: 0;
    margin: 0;
    list-style: none;
}

.gn-order-requirement-wrapper .gn-requirement .gn-value {
    margin: 8px 0 0;
    word-break: break-word;
}

.gn-order-requirement-wrapper .gn-requirement :where(.gigneo-options-value, .gn-attachment-value) li {
    list-style: none;
    margin: 0;
    color: rgb(var(--gigneo-primary-font-color));
}

.gn-order-requirement-wrapper .gn-requirement .gn-value p {
    margin: 0;
    font-size: 14px;
    color: rgb(var(--gigneo-primary-font-color));
}

.gn-order-requirement-wrapper .gn-requirement .gn-attachment-value {
    gap: 14px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.gn-order-requirement-wrapper .gn-requirement .gn-attachment-info {
    gap: 5px;
    margin: 0;
    font-size: 12px;
    font-weight: 400;
    padding: 6px 10px;
    font-style: normal;
    align-items: center;
    display: inline-flex;
    color: rgb(var(--gigneo-primary-font-color));
    border-radius: var(--gigneo-border-radius-md);
    background-color: rgb(var(--gigneo-light-grey-color));
}

.gn-order-requirement-wrapper .gn-requirement .gn-attachment-info a {
    margin-left: 8px;
    color: rgb(var(--gigneo-primary-font-color));
    text-decoration: none;
}

.gn-order-requirement-wrapper .gn-requirement .gn-attachment-info a i {
    display: block;
}

/* Dispute Style */

.gn-order-dispute .gn-stats-wrapper .gn-info-grid-wrap {
    width: 100%;
    align-items: center;
}

.gn-order-dispute .gn-info-grid-wrap>div {
    display: flex;
    gap: 4px;
    flex-direction: column;
    width: auto;
    flex: 1;
    align-items: flex-start;
}

.gn-order-dispute .gn-info-grid-wrap> .gn-info-grid .gn-info .gn-title {
    font-weight: 400 !important;
    color: rgb(var(--gigneo-primary-font-color)) !important;
}

.gn-order-dispute .gn-stats-wrapper .gn-value {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 6px;
}

.gn-order-dispute .gn-stats-wrapper .gn-value a{
    font-size: 14px;
    color: rgb(var(--gigneo-secondary-font-color));
    text-decoration: none;
    font-weight: 500;
    line-height: var(--gigneo-line-height);
    display: block;
}

.gn-order-dispute .gn-stats-wrapper .gn-value .gn-avatar {
    width: 20px;
    height: 20px;
    border: 0;
}

.gn-stats-wrapper + .gn-dispute-info {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid rgb(var(--gigneo-grey-color));
}
.gn-dispute-info > .gn-head {
    margin: 0 0 24px;
}
.gn-dispute-info > .gn-head > .gn-label {
    margin: 0 0 4px;
    display: block;
    font-size: 14px;
    color: rgb(var(--gigneo-primary-font-color));
}

.gn-dispute-info > .gn-head > .gn-title {
    margin: 0;
    font-size: 16px;
}

.gn-dispute-info > .gn-title {
    margin: 0 0 8px;
    font-size: 16px;
}

.gn-dispute-info .gn-dispute-content .gn-editor-content pre {
    margin: 0;
    font-size: 14px;
    color: rgb(var(--gigneo-primary-font-color));
    word-wrap: normal;
    white-space: normal;
}


.gn-dispute-content .gn-editor-content .gn-pre h2 {
    font-size: 32px !important;
    word-wrap: normal;
    padding: 0 !important;
    white-space: normal;
}

.gn-order-dispute .gn-dispute-content {
    padding: 16px;
}

.gn-order-dispute .gn-body .gn-dispute-info .gn-actions {
    margin-top: 36px;
    padding-top: 36px;
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    border-top: 1px solid rgb(var(--gigneo-grey-color));
}


.gn-dispute-attachments {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid rgb(var(--gigneo-grey-color));
    display: none;
}

.gn-dispute-attachments .gn-head > .gn-title {
    margin: 0 0 8px;
    font-size: 16px;
}

.gn-dispute-attachments .gn-attachment-list li {
    max-width: 300px;
}

.gn-dispute-attachments .gn-attachment-list li a {
    background-color: rgb(var(--gigneo-light-grey-color));
}

.gn-dispute-attachments:has(.gn-attachment-list li) {
    display: block;
}

/* RTL */
.rtl .gn-order-participent-info .gn-additional-info .gn-value {
    text-align: left;
}

.rtl .gn-order-revisions>.gn-head .gn-count-wrapper {
    margin-left: 0;
    margin-right: auto;
}

.rtl .gn-order-tacking .gn-tracking-step:not(:last-child)::after {
    left: auto;
    right: 9px;
}

.rtl .gn-order-delivery .gn-countdown-item:not(:first-child)::before {
    left: auto;
    right: 0;
}

.rtl .gn-order-activity .gn-activity-info .gn-icon,
.rtl .gn-delivery-actions .gn-icon,
.rtl .gn-activity-type-review-request .gn-icon {
    margin-right: 0;
    margin-left: 8px;
}

.rtl .gn-order-activity .gn-activity-info .gn-description {
    margin-left: 8px;
    margin-right: 0;
}

.rtl .gn-order-activity .gn-author-info .gn-name {
    margin-left: 4px;
    margin-right: 0;
}

.rtl .gn-order-message-wrapper .gn-head .gn-author-info .gn-avatar + .gn-avatar {
    margin-left: 0;
    margin-right: 16px;
}

.rtl .gn-order-messages-body .gn-message .gn-content:has(.gn-message-text) {
    border-radius: var(--gigneo-border-radius-xl) var(--gigneo-border-radius-xl) 0 var(--gigneo-border-radius-xl);
}

.rtl .gn-order-messages-body .gn-message .gn-message-time {
    padding-right: 0;
    padding-left: 40px;
}

.rtl .gn-order-attachments .gn-attachment .gn-actions {
    margin-left: 0;
    margin-right: auto;
}

.rtl .gn-order-payments .gn-actions {
    right: auto;
    left: 16px;
    margin-left: 0;
    margin-right: auto;
}

@media (min-width: 380px) {
    .gn-order-messages-body .gn-message .gn-content {
        max-width: 250px;
    }
}

@media (min-width: 421px) {
    #poststuff:has(.gn-order-detail-wrapper) .inside {
        padding: 24px;
    }
    .gn-activity-detail .gn-body {
        flex-direction: row;
    }
    
    .gn-service-order-detail > .gn-header {
        margin: 0 0 36px;
    }
}

@media (min-width: 441px) {
    .gn-stat-cards {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 481px) {

    .gn-order-messages-body .gn-message .gn-content {
        max-width: 350px;
    }

    #poststuff .gn-service-order-detail .gn-content-info .gn-title-wrapper .gn-title {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: auto;
        max-width: calc(450px - 90px);
    }

    .rtl .gn-order-payments .gn-actions {
        right: auto;
        left: 0;
    }
    .gn-order-payments .gn-actions {
        position: relative;
        right: 0;
    }

    .gn-order-payments .gn-invoice-list > li {
        flex-direction: row;
    }
    .gn-order-activity .gn-activity-info .gn-link {
        margin-left: auto;
    }
    
    .gn-order-section .gn-feature-list li {
        width: calc(50% - 12px);
    }
    .gn-order-activity .gn-activity-info .gn-detail {
        width: auto;
        margin: 0;
    }
    .gn-order-activity .gn-activity-info {
        align-items: flex-start;
        flex-wrap: nowrap;
    }

    .gn-activity-logs .gn-activity-log > .gn-activity-time {
        margin-top: -9px;
        padding-left: 44px;
    }

    .gn-activity-detail {
        margin-top: -5px;
    }

    .gn-order-activity .gn-author-info {
        align-items: flex-start;
    }

    .gn-activity-detail-wrapper {
        padding-left: 44px;
    }

    .rtl .gn-activity-detail-wrapper {
        padding-left: 0;
        padding-right: 44px;
    }

    .rtl .gn-activity-logs .gn-activity-log > .gn-activity-time {
        padding-left: 0;
        padding-right: 44px;
    }
}

@media (min-width: 621px) {
    .gn-order-attachments .gn-attachment {
        flex-wrap: nowrap;
    }
}
@media (max-width: 620px) {
    .gn-order-attachments .gn-attachment .gn-info {
        order: 3;
        width: 100%;
    }
}

@media (min-width: 768px) {

    .gn-order-messages-body .gn-message .gn-content {
        max-width: 340px;
    }
    #poststuff .gn-service-order-detail .gn-content-info .gn-title-wrapper .gn-title {
        max-width: calc(380px - 90px);
    }

    .gn-service-order-detail .gn-order-info {
        flex-wrap: nowrap;
        flex-direction: row;
        align-items: center;
    }
    
    .gn-order-section.gn-order-general-overview {
        padding: 0 16px;
    }
    .gn-stat-cards .gn-stat-card {
        grid-column: auto;
    }

    .gn-stat-cards {
        display: -ms-grid;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    }
}


@media (min-width: 992px) {
    #poststuff .gn-service-order-detail .gn-content-info .gn-title-wrapper .gn-title {
        max-width: calc(650px - 90px);
    }
}

@media (min-width: 1081px) {
    .gn-order-section .gn-locations {
        display: grid;
        -ms-grid-columns: 1fr 24px 1fr;
        grid-template-columns: 1fr 1fr;
    }
}


@media (min-width: 1200px) {
    .gn-order-messages-body .gn-message .gn-content {
        max-width: 600px;
    }
}