/* =========================================================
   PAKTOGRAF ADDITIONAL CSS — CLEANED FOR UNIFIED DASHBOARD TEST
   Generated from additional(5).css.

   Removed old/duplicated Customizer rules for:
   - Moji projekti
   - Moje ponude
   - Pregled ponuda poslatih na jedan projekat
   - duplicate repeated dashboard/payment block

   Purpose:
   Let freeio-child/style.css unified dashboard layer control these pages,
   while keeping existing login, Signali, single project, checkout/payment,
   messages, settings, verification and other MVP CSS.
   ========================================================= */

/* PAKTOGRAF LOGIN SCREEN */

.pg-auth-screen{
    min-height: calc(100vh - 72px);
    display: grid;
    grid-template-columns: 1fr 1.08fr;
    background: #fff;
}

.pg-auth-screen__left{
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at center, rgba(255,255,255,.12) 1.3px, transparent 1.3px),
        linear-gradient(180deg, #6f2cff 0%, #8a00ff 52%, #6f2cff 100%);
    background-size: 24px 24px, cover;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 56px 42px;
}

.pg-auth-screen__left-inner{
    width: 100%;
    max-width: 440px;
}

.pg-auth-screen__title{
    margin: 0 0 18px;
    font-size: 58px;
    line-height: .98;
    letter-spacing: -0.04em;
    color: #fff;
}

.pg-auth-screen__text{
    margin: 0 0 30px;
    font-size: 18px;
    line-height: 1.7;
    color: rgba(255,255,255,.92);
    max-width: 420px;
}

.pg-auth-screen__points{
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 18px;
}

.pg-auth-screen__points li{
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.pg-auth-screen__check{
    width: 28px;
    height: 28px;
    min-width: 28px;
    border-radius: 999px;
    background: #ffc107;
    color: #1f2430;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 800;
    line-height: 1;
    margin-top: 2px;
}

.pg-auth-screen__points strong{
    display: block;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.2;
    color: #fff;
    margin-bottom: 5px;
}

.pg-auth-screen__points small{
    display: block;
    font-size: 14px;
    line-height: 1.55;
    color: rgba(255,255,255,.88);
}

.pg-auth-screen__right{
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 56px 32px;
}

.pg-auth-screen__right-inner{
    width: 100%;
    max-width: 470px;
}

.pg-auth-screen__back{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 26px;
    color: #667085;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
}

.pg-auth-screen__back:hover{
    color: #111827;
    text-decoration: none;
}

.pg-auth-screen__form-wrap .box-account{
    border: 0;
    padding: 0;
    margin: 0;
    background: transparent;
    box-shadow: none;
}

.pg-auth-screen__form-wrap .login-form-wrapper{
    width: 100%;
}

.pg-auth-screen__form-wrap .form-container{
    background: transparent;
    padding: 0;
    border: 0;
    box-shadow: none;
}

.pg-auth-screen__form-wrap .top-info-user,
.pg-auth-screen__form-wrap .sign-in-demo-notice{
    display: none;
}

.pg-auth-screen__form-wrap .login-form::before{
    content: "Dobrodošli nazad!";
    display: block;
    margin-bottom: 8px;
    font-size: 26px;
    font-weight: 800;
    line-height: 1.15;
    color: #111827;
}

.pg-auth-screen__form-wrap .login-form::after{
    content: "Prijavite se da nastavite";
    display: block;
    margin: -2px 0 26px;
    font-size: 16px;
    line-height: 1.5;
    color: #667085;
}

.pg-auth-screen__form-wrap .form-group{
    margin-bottom: 18px;
}

.pg-auth-screen__form-wrap .form-group > label{
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 700;
    color: #111827;
}

.pg-auth-screen__form-wrap .show_hide_password{
    position: relative;
    display: block;
}

.pg-auth-screen__form-wrap .form-control{
    width: 100%;
    height: 52px;
    border: 1px solid #d9deea;
    border-radius: 14px;
    background: #fff;
    padding: 0 16px;
    font-size: 15px;
    color: #111827;
    box-shadow: none;
}

.pg-auth-screen__form-wrap .form-control:focus{
    border-color: #6f2cff;
    box-shadow: 0 0 0 3px rgba(111,44,255,.10);
}

.pg-auth-screen__form-wrap .toggle-password{
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translateY(-50%);
    color: #98a2b3;
    text-decoration: none;
}

.pg-auth-screen__form-wrap .info{
    margin-top: 2px;
    margin-bottom: 18px;
}

.pg-auth-screen__form-wrap .remember{
    font-size: 13px;
    color: #667085;
    font-weight: 500;
}

.pg-auth-screen__form-wrap .link-right{
    text-align: right;
}

.pg-auth-screen__form-wrap .back-link{
    font-size: 13px;
    color: #6f2cff;
    text-decoration: none;
    font-weight: 600;
}

.pg-auth-screen__form-wrap .back-link:hover{
    color: #5f22e6;
    text-decoration: none;
}

.pg-auth-screen__form-wrap .btn.btn-theme{
    width: 100%;
    height: 52px;
    border: 1px solid #6f2cff;
    border-radius: 14px;
    background: linear-gradient(135deg, #7a3cff 0%, #6f2cff 55%, #5f22e6 100%);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    box-shadow: 0 12px 28px rgba(111,44,255,.18);
}

.pg-auth-screen__form-wrap .btn.btn-theme:hover{
    background: linear-gradient(135deg, #6f2cff 0%, #5f22e6 100%);
    color: #fff;
}

.pg-auth-screen__form-wrap .btn.btn-theme .next{
    margin-left: 8px;
}

.pg-auth-screen__form-wrap .register-info{
    margin-top: 22px;
    text-align: center;
    font-size: 14px;
    color: #667085;
}

.pg-auth-screen__form-wrap .register-info a{
    color: #6f2cff;
    font-weight: 700;
    text-decoration: none;
}

.pg-auth-screen__form-wrap .register-info a:hover{
    color: #5f22e6;
}

.pg-auth-screen__form-wrap #recaptcha-login-form,
.pg-auth-screen__form-wrap #recaptcha-forgotpasswordform{
    margin-top: 6px;
}

@media (max-width: 1199px){
    .pg-auth-screen{
        grid-template-columns: 1fr;
    }

    .pg-auth-screen__left{
        min-height: 380px;
        padding: 40px 24px;
    }

    .pg-auth-screen__title{
        font-size: 44px;
    }

    .pg-auth-screen__text{
        font-size: 16px;
    }

    .pg-auth-screen__right{
        padding: 36px 20px 30px;
    }
}

@media (max-width: 767px){
    .pg-auth-screen{
        min-height: auto;
    }

    .pg-auth-screen__left{
        min-height: auto;
        padding: 34px 18px 30px;
    }

    .pg-auth-screen__title{
        font-size: 36px;
    }

    .pg-auth-screen__points{
        gap: 14px;
    }

    .pg-auth-screen__points strong{
        font-size: 16px;
    }

    .pg-auth-screen__points small{
        font-size: 13px;
    }

    .pg-auth-screen__right{
        padding: 24px 16px 18px;
    }

    .pg-auth-screen__right-inner{
        max-width: 100%;
    }

    .pg-auth-screen__form-wrap .login-form::before{
        font-size: 24px;
    }

    .pg-auth-screen__form-wrap .login-form::after{
        font-size: 15px;
        margin-bottom: 22px;
    }
}


.pg-auth-screen__social{
    margin-top: 22px;
}

.pg-auth-screen__divider{
    position: relative;
    text-align: center;
    margin: 0 0 18px;
}

.pg-auth-screen__divider::before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 1px;
    background: #e5e7eb;
    transform: translateY(-50%);
}

.pg-auth-screen__divider span{
    position: relative;
    display: inline-block;
    padding: 0 12px;
    background: #fff;
    color: #98a2b3;
    font-size: 13px;
    font-weight: 500;
}

.pg-auth-screen__social-buttons{
    display: grid;
    gap: 12px;
}

.pg-auth-screen__social-btn{
    width: 100%;
    min-height: 52px;
    border: 1px solid #d9deea;
    border-radius: 14px;
    background: #fff;
    color: #111827;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    transition: all .18s ease;
}

.pg-auth-screen__social-btn:hover{
    background: #f9fafb;
    border-color: #cfd6e4;
    text-decoration: none;
    color: #111827;
}

.pg-auth-screen__social-icon{
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #1877f2;
}

.pg-auth-screen__signup-note{
    margin-top: 22px;
    text-align: center;
    font-size: 14px;
    color: #667085;
}

.pg-auth-screen__signup-note a{
    color: #6f2cff;
    font-weight: 700;
    text-decoration: none;
}

.pg-auth-screen__signup-note a:hover{
    color: #5f22e6;
}

.pg-auth-screen__form-wrap .login-form::after{
    display: none !important;
    content: none !important;
}

.pg-auth-screen__form-wrap .login-form::before{
    margin-bottom: 18px;
}


.pg-auth-screen__form-wrap #login_password{
    padding-left: 46px;
    padding-right: 46px;
    background-repeat: no-repeat;
    background-position: 16px center;
    background-size: 18px 18px;
}




.pg-auth-screen__form-wrap .pg-auth-field{
    position: relative;
}

.pg-auth-screen__form-wrap .pg-auth-field .show_hide_password{
    position: relative;
    display: block;
}

.pg-auth-screen__form-wrap .pg-auth-field__icon{
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: #98A2B3;
    font-size: 18px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    z-index: 3;
    pointer-events: none;
}

.pg-auth-screen__form-wrap .pg-auth-field input.form-control{
    padding-left: 46px !important;
}

.pg-auth-screen__form-wrap .pg-auth-field .toggle-password{
    right: 14px;
    z-index: 4;
}

.pg-auth-screen__form-wrap .pg-auth-field{
    position: relative;
}

.pg-auth-screen__form-wrap .pg-auth-field .show_hide_password{
    position: relative;
    display: block;
}

.pg-auth-screen__form-wrap .pg-auth-field__icon{
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #98A2B3;
    z-index: 3;
    pointer-events: none;
}

.pg-auth-screen__form-wrap .pg-auth-field__icon svg{
    width: 18px;
    height: 18px;
    display: block;
}

.pg-auth-screen__form-wrap .pg-auth-field input.form-control{
    padding-left: 46px !important;
}

.pg-auth-screen__form-wrap .pg-auth-field .toggle-password{
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translateY(-50%);
    z-index: 4;
}

.pg-auth-screen__form-wrap .pg-auth-field__icon{
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #98A2B3;
    z-index: 3;
    pointer-events: none;
    line-height: 1;
}

.pg-auth-screen__form-wrap .pg-auth-field__icon svg{
    width: 18px;
    height: 18px;
    display: block;
}

.pg-auth-screen__form-wrap .pg-auth-field input.form-control{
    height: 52px;
    padding-left: 46px !important;
}

.pg-auth-screen__form-wrap .remember{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    line-height: 1;
    color: #667085;
    font-weight: 500;
}

.pg-auth-screen__form-wrap .remember input[type="checkbox"]{
    margin: 0;
    position: relative;
    top: -1px;
}

.pg-auth-screen__form-wrap .info .col-6{
    display: flex;
    align-items: center;
}

.pg-auth-screen__form-wrap .info .link-right{
    justify-content: flex-end;
}

/* EMAIL ikona: pozicioniraj u odnosu na dno fielda, ne na cijeli form-group */
.pg-auth-screen__form-wrap .pg-auth-field > .pg-auth-field__icon{
    top: auto !important;
    bottom: 17px !important;
    transform: none !important;
}

.pg-auth-screen__form-wrap .btn.btn-theme{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    padding: 0 !important;
}

.pg-signal-swiper{
  --pg-white: #ffffff;
  --pg-purple: #6d4aff;
  --pg-text-soft: rgba(255,255,255,.82);
  --pg-border-soft: rgba(255,255,255,.18);

  position: relative;
  width: 100%;
  height: 100vh;
  background: #000;
  overflow: hidden;
}

.pg-signal-swiper *{
  box-sizing: border-box;
}

.pg-signal-swiper__track{
  height: 100vh;
  overflow-y: auto;
  scroll-snap-type: y mandatory;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
}

.pg-signal-swiper__track::-webkit-scrollbar{
  display: none;
}

.pg-signal-slide{
  position: relative;
  height: 100vh;
  min-height: 100vh;
  scroll-snap-align: start;
  overflow: hidden;
  background: #111;
}

.pg-signal-slide__link{
  position: absolute;
  inset: 0;
  z-index: 2;
}

.pg-signal-slide__bg,
.pg-signal-slide__bg img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.pg-signal-slide__bg img{
  object-fit: cover;
  display: block;
  transform: scale(1.03);
}

.pg-signal-slide__overlay{
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(to bottom, rgba(0,0,0,.26) 0%, rgba(0,0,0,.08) 22%, rgba(0,0,0,.18) 48%, rgba(0,0,0,.72) 100%);
}

.pg-signal-slide__top{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: calc(14px + env(safe-area-inset-top)) 16px 12px;
}

.pg-signal-slide__brand{
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.pg-signal-slide__brand img{
  display: block;
  height: 30px;
  width: auto;
  max-width: 180px;
}

.pg-signal-slide__login{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 14px;
  border-radius: 999px;
  text-decoration: none;
  color: #111827;
  font-size: 15px;
  font-weight: 800;
  background: rgba(255,255,255,.95);
}

.pg-signal-slide__right{
  position: absolute;
  right: 12px;
  bottom: 180px;
  z-index: 5;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.pg-react-btn{
  position: relative;
  z-index: 6;
  width: 68px;
  min-height: 68px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 999px;
  background: rgba(20,20,20,.34);
  backdrop-filter: blur(8px);
  color: var(--pg-white);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  padding: 10px 6px;
  box-shadow: 0 10px 26px rgba(0,0,0,.24);
  cursor: pointer;
}

.pg-react-btn__emoji{
  font-size: 28px;
  line-height: 1;
}

.pg-react-btn__count{
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
}

.pg-signal-slide__content{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 4;
  padding: 0 90px calc(28px + env(safe-area-inset-bottom)) 16px;
}

.pg-signal-slide__badge{
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 14px;
  margin-bottom: 14px;
  border-radius: 999px;
  background: var(--pg-purple);
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .04em;
  box-shadow: 0 10px 24px rgba(109,74,255,.4);
}

.pg-signal-slide__title{
  margin: 0 0 12px;
  color: #fff;
  font-size: 25px;
  line-height: 1.08;
  font-weight: 900;
  text-shadow: 0 2px 14px rgba(0,0,0,.35);
}

.pg-signal-slide__text{
  margin: 0 0 14px;
  color: var(--pg-text-soft);
  font-size: 17px;
  line-height: 1.45;
  text-shadow: 0 2px 10px rgba(0,0,0,.28);
}

.pg-signal-slide__meta{
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  margin-bottom: 18px;
  color: rgba(255,255,255,.72);
  font-size: 13px;
  font-weight: 700;
}

.pg-signal-slide__author{
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
}

.pg-signal-slide__avatar{
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: linear-gradient(135deg, #ddd 0%, #888 100%);
  border: 2px solid rgba(255,255,255,.7);
  flex: 0 0 42px;
}

.pg-signal-slide__author-text{
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.pg-signal-slide__author-text strong{
  color: #fff;
  font-size: 17px;
  line-height: 1.1;
}

.pg-signal-slide__author-text span{
  color: rgba(255,255,255,.82);
  font-size: 14px;
  line-height: 1.2;
}

.pg-signal-slide__hint{
  color: rgba(255,255,255,.78);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .01em;
}

.pg-signal-slide__hint::before{
  content: "⌃";
  display: block;
  font-size: 26px;
  line-height: 1;
  margin-bottom: 4px;
}

@media (min-width: 768px){
  .pg-signal-swiper{
    max-width: 430px;
    margin: 0 auto;
    box-shadow: 0 0 0 1px rgba(255,255,255,.04), 0 30px 80px rgba(0,0,0,.35);
  }
}

.pg-react-btn.is-active{
  transform: scale(1.06);
  background: rgba(109,74,255,.36);
  border-color: rgba(255,255,255,.3);
}
body.pg-my-projects-page .search-my-jobs-form .search-submit i {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 !important;
	line-height: 1 !important;
	font-size: 18px !important;
}

/* Single project: more menu / prijava projekta */
.pg-single-hero-actions .pg-single-more-wrap {
	position: relative !important;
	display: inline-flex !important;
	align-items: center !important;
}

.pg-single-hero-actions .pg-single-more-menu {
	position: absolute !important;
	top: calc(100% + 10px) !important;
	right: 0 !important;
	z-index: 99999 !important;
	min-width: 190px !important;
	padding: 8px !important;
	border: 1px solid #edf0f7 !important;
	border-radius: 18px !important;
	background: #ffffff !important;
	box-shadow: 0 18px 45px rgba(15, 23, 42, 0.14) !important;

	opacity: 0 !important;
	transform: translateY(-6px) scale(0.98) !important;
	pointer-events: none !important;
	transition: opacity 0.16s ease, transform 0.16s ease !important;
}

.pg-single-hero-actions .pg-single-more-menu.is-open {
	opacity: 1 !important;
	transform: translateY(0) scale(1) !important;
	pointer-events: auto !important;
}

.pg-single-hero-actions .pg-single-more-menu button,
.pg-single-hero-actions .pg-single-more-menu [data-pg-report] {
	appearance: none !important;
	-webkit-appearance: none !important;

	width: 100% !important;
	min-height: 42px !important;
	display: flex !important;
	align-items: center !important;
	gap: 9px !important;

	margin: 0 !important;
	padding: 10px 12px !important;
	border: 0 !important;
	border-radius: 13px !important;
	background: transparent !important;
	box-shadow: none !important;

	color: #ef4444 !important;
	font-size: 14px !important;
	font-weight: 850 !important;
	line-height: 1.2 !important;
	text-align: left !important;
	cursor: pointer !important;
}

.pg-single-hero-actions .pg-single-more-menu button::before {
	content: "⚑";
	font-size: 14px;
	line-height: 1;
}

.pg-single-hero-actions .pg-single-more-menu button:hover {
	background: #fef2f2 !important;
	color: #dc2626 !important;
}

/* Single project: hero kategorijska ikonica / media box */
.pg-single-hero-card > .pg-single-hero-card__icon,
.pg-single-hero-card > .pg-single-hero-card__media {
	width: 78px !important;
	height: 78px !important;
	min-width: 78px !important;
	max-width: 78px !important;
	flex: 0 0 78px !important;

	display: flex !important;
	align-items: center !important;
	justify-content: center !important;

	border-radius: 22px !important;
	background: #f3e8ff !important;
	color: #7c3aed !important;

	font-size: 34px !important;
	line-height: 1 !important;

	overflow: hidden !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Ako je emoji pretvoren u WordPress/Twemoji img */
.pg-single-hero-card > .pg-single-hero-card__icon img.emoji,
.pg-single-hero-card > .pg-single-hero-card__media img.emoji {
	width: 34px !important;
	height: 34px !important;
	min-width: 34px !important;
	min-height: 34px !important;
	max-width: 34px !important;
	max-height: 34px !important;

	display: block !important;
	object-fit: contain !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Ako unutra bude prava slika projekta */
.pg-single-hero-card > .pg-single-hero-card__media img:not(.emoji) {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	display: block !important;
}

/* Paktograf: Freeio report modal */
.mfp-content .project-report-wrapper {
	max-width: 520px !important;
	margin: 0 auto !important;
	border-radius: 28px !important;
	background: #ffffff !important;
	box-shadow: 0 28px 80px rgba(15, 23, 42, 0.24) !important;
	overflow: hidden !important;
}

.mfp-content .project-report-wrapper .inner {
	position: relative !important;
	padding: 30px !important;
	background:
		radial-gradient(circle at 85% 10%, rgba(124, 58, 237, 0.10), transparent 34%),
		#ffffff !important;
}

.mfp-content .project-report-wrapper .close-magnific-popup {
	position: absolute !important;
	top: 18px !important;
	right: 18px !important;
	width: 40px !important;
	height: 40px !important;
	border-radius: 999px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: #f8fafc !important;
	color: #64748b !important;
	text-decoration: none !important;
	border: 1px solid #edf0f7 !important;
}

.mfp-content .project-report-wrapper .close-magnific-popup:hover {
	background: #fef2f2 !important;
	color: #ef4444 !important;
	border-color: #fecaca !important;
}

.mfp-content .project-report-wrapper .widget-title {
	margin: 0 48px 8px 0 !important;
	color: #0f172a !important;
	font-size: 26px !important;
	line-height: 1.15 !important;
	font-weight: 900 !important;
	letter-spacing: -0.03em !important;
}

.mfp-content .project-report-wrapper .widget-title span {
	display: inline !important;
}

.mfp-content .project-report-wrapper .widget-title span::before {
	content: "Prijavi nepravilnost";
}

.mfp-content .project-report-wrapper .widget-title span {
	font-size: 0 !important;
}

.mfp-content .project-report-wrapper .content::before {
	content: "Opišite zašto smatrate da ovaj projekat krši pravila ili sadrži netačne informacije.";
	display: block;
	margin: 0 0 18px;
	color: #64748b;
	font-size: 14px;
	line-height: 1.55;
}

.mfp-content .project-report-wrapper .form-group {
	margin-bottom: 14px !important;
}

.mfp-content .project-report-wrapper .form-control {
	width: 100% !important;
	border: 1px solid #e5e7eb !important;
	border-radius: 16px !important;
	background: #ffffff !important;
	color: #0f172a !important;
	box-shadow: none !important;
	font-size: 14px !important;
	font-weight: 650 !important;
}

.mfp-content .project-report-wrapper input.form-control {
	min-height: 52px !important;
	padding: 0 16px !important;
}

.mfp-content .project-report-wrapper textarea.form-control {
	min-height: 140px !important;
	padding: 15px 16px !important;
	resize: vertical !important;
}

.mfp-content .project-report-wrapper .form-control::placeholder {
	color: transparent !important;
}

.mfp-content .project-report-wrapper input[name="subject"] {
	position: relative !important;
}

.mfp-content .project-report-wrapper input[name="subject"]::placeholder {
	color: #94a3b8 !important;
}

.mfp-content .project-report-wrapper textarea[name="message"]::placeholder {
	color: #94a3b8 !important;
}

.mfp-content .project-report-wrapper input[name="subject"]::placeholder {
	content: "Naslov prijave" !important;
}

.mfp-content .project-report-wrapper input[name="subject"] {
	text-transform: none !important;
}

.mfp-content .project-report-wrapper input[name="subject"]::placeholder {
	color: #94a3b8 !important;
}

.mfp-content .project-report-wrapper textarea[name="message"]::placeholder {
	color: #94a3b8 !important;
}

/* Button */
.mfp-content .project-report-wrapper button[name="submit-report"] {
	width: 100% !important;
	min-height: 54px !important;
	border: 0 !important;
	border-radius: 17px !important;
	background: linear-gradient(135deg, #7c3aed 0%, #a855f7 100%) !important;
	color: #ffffff !important;
	font-size: 15px !important;
	font-weight: 900 !important;
	box-shadow: 0 16px 34px rgba(124, 58, 237, 0.24) !important;
	text-transform: none !important;
}

.mfp-content .project-report-wrapper button[name="submit-report"]:hover {
	filter: brightness(1.04) !important;
	transform: translateY(-1px) !important;
}

/* Sakrij stari tekst dugmeta vizuelno i ubaci naš */
.mfp-content .project-report-wrapper button[name="submit-report"] {
	font-size: 0 !important;
}

.mfp-content .project-report-wrapper button[name="submit-report"]::before {
	content: "Pošalji prijavu";
	font-size: 15px !important;
	font-weight: 900 !important;
}

.mfp-content .project-report-wrapper button[name="submit-report"] i {
	display: none !important;
}

/* Overlay malo elegantniji */
.mfp-bg {
	background: #0f172a !important;
	opacity: 0.72 !important;
}

@media (max-width: 767px) {
	.mfp-content .project-report-wrapper {
		max-width: calc(100vw - 28px) !important;
		border-radius: 24px !important;
	}

	.mfp-content .project-report-wrapper .inner {
		padding: 24px 18px 18px !important;
	}

	.mfp-content .project-report-wrapper .widget-title {
		font-size: 23px !important;
		margin-right: 44px !important;
	}

	.mfp-content .project-report-wrapper textarea.form-control {
		min-height: 130px !important;
	}
}





































/* =========================================================
   PAKTOGRAF PAYMENTS FLOW — FRONTEND NATIVE DESIGN
   Checkout + My Account + Order details
   ========================================================= */

:root {
  --pkt-bg: #f7f8fb;
  --pkt-card: #ffffff;
  --pkt-border: #e6eaf2;
  --pkt-border-strong: #d8deea;
  --pkt-text: #111827;
  --pkt-muted: #667085;
  --pkt-soft: #f8faff;
  --pkt-purple: #6d3df5;
  --pkt-purple-soft: #f2edff;
  --pkt-dark: #0f172a;
  --pkt-warning-bg: #fff8e8;
  --pkt-warning-border: #f4d78a;
  --pkt-success-bg: #ecfdf3;
  --pkt-success-border: #b7ebc6;
  --pkt-shadow: 0 18px 44px rgba(15, 23, 42, 0.06);
}

/* Page background */
body.woocommerce-checkout,
body.woocommerce-account,
body.woocommerce-order-received {
  background: var(--pkt-bg);
}

/* Main checkout width */
body.woocommerce-checkout form.checkout {
  max-width: 1180px;
  margin: 30px auto 70px;
  padding: 0 18px;
}

/* Two-column checkout */
body.woocommerce-checkout #customer_details {
  width: 63%;
  float: left;
}

body.woocommerce-checkout #order_review,
body.woocommerce-checkout #order_review_heading {
  width: 33%;
  float: right;
}

body.woocommerce-checkout form.checkout::after {
  content: "";
  display: table;
  clear: both;
}

/* Left cards */
body.woocommerce-checkout #customer_details .col-1,
body.woocommerce-checkout #customer_details .col-2 {
  width: 100%;
  float: none;
  margin-bottom: 20px;
  padding: 26px;
  border: 1px solid var(--pkt-border);
  border-radius: 26px;
  background: var(--pkt-card);
  box-shadow: var(--pkt-shadow);
}

/* Right summary */
body.woocommerce-checkout #order_review_heading {
  margin: 0 0 14px;
  padding: 0 4px;
  color: var(--pkt-text);
  font-size: 28px;
  line-height: 1.12;
  letter-spacing: -0.04em;
}

body.woocommerce-checkout #order_review {
  padding: 24px;
  border: 1px solid var(--pkt-border);
  border-radius: 26px;
  background: var(--pkt-card);
  box-shadow: var(--pkt-shadow);
}

/* Section headings */
body.woocommerce-checkout .woocommerce-billing-fields > h3,
body.woocommerce-checkout .woocommerce-additional-fields > h3,
body.woocommerce-checkout #order_review_heading,
body.woocommerce-checkout h3 {
  color: var(--pkt-text);
  font-size: 24px;
  line-height: 1.15;
  letter-spacing: -0.035em;
  margin-bottom: 18px;
}

/* Inputs */
body.woocommerce-checkout label {
  color: var(--pkt-text);
  font-size: 14px;
  font-weight: 700;
}

body.woocommerce-checkout input.input-text,
body.woocommerce-checkout textarea,
body.woocommerce-checkout select {
  min-height: 48px;
  border: 1px solid var(--pkt-border-strong);
  border-radius: 14px;
  background: #fff;
  color: var(--pkt-text);
  box-shadow: none;
}

body.woocommerce-checkout textarea {
  min-height: 110px;
  padding-top: 14px;
}

body.woocommerce-checkout input.input-text:focus,
body.woocommerce-checkout textarea:focus,
body.woocommerce-checkout select:focus {
  border-color: var(--pkt-purple);
  outline: none;
  box-shadow: 0 0 0 4px rgba(109, 61, 245, 0.12);
}

/* Order table */
body.woocommerce-checkout table.shop_table {
  border: 0;
  margin: 0;
}

body.woocommerce-checkout table.shop_table th,
body.woocommerce-checkout table.shop_table td {
  padding: 14px 0;
  border-top: 1px solid #eef1f6;
  color: var(--pkt-muted);
  font-size: 14px;
}

body.woocommerce-checkout table.shop_table thead th {
  border-top: 0;
  padding-top: 0;
  color: var(--pkt-text);
  font-weight: 800;
}

body.woocommerce-checkout table.shop_table tfoot th,
body.woocommerce-checkout table.shop_table tfoot td {
  color: var(--pkt-text);
  font-weight: 700;
}

body.woocommerce-checkout table.shop_table tfoot tr.order-total th,
body.woocommerce-checkout table.shop_table tfoot tr.order-total td {
  padding-top: 18px;
  font-size: 22px;
  font-weight: 900;
  letter-spacing: -0.035em;
}

/* Paktograf explanation boxes */
.pkt-flow-box,
.pkt-account-payout-fields,
.pkt-payment-instructions,
.pkt-confirm-completion-box {
  position: relative;
  margin: 18px 0;
  padding: 20px;
  border: 1px solid #dfe7ff;
  border-radius: 22px;
  background:
    radial-gradient(circle at top left, rgba(109, 61, 245, 0.08), transparent 36%),
    linear-gradient(135deg, #ffffff 0%, #f8faff 100%);
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.045);
}

.pkt-flow-box::before,
.pkt-payment-instructions::before,
.pkt-confirm-completion-box::before {
  content: "";
  position: absolute;
  top: 20px;
  left: 20px;
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background: var(--pkt-purple-soft);
}

.pkt-flow-box::after,
.pkt-payment-instructions::after,
.pkt-confirm-completion-box::after {
  content: "pa";
  position: absolute;
  top: 27px;
  left: 27px;
  color: var(--pkt-purple);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: -0.06em;
}

.pkt-flow-box h3,
.pkt-account-payout-fields legend,
.pkt-payment-instructions h3,
.pkt-confirm-completion-box h3 {
  margin: 0 0 10px;
  padding-left: 48px;
  color: var(--pkt-text);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: -0.04em;
}

.pkt-flow-box p,
.pkt-payment-instructions p,
.pkt-confirm-completion-box p {
  margin: 0 0 10px;
  color: var(--pkt-muted);
  font-size: 14px;
  line-height: 1.7;
}

.pkt-flow-box p:last-child,
.pkt-payment-instructions p:last-child,
.pkt-confirm-completion-box p:last-child {
  margin-bottom: 0;
}

.pkt-flow-box strong,
.pkt-payment-instructions strong,
.pkt-confirm-completion-box strong {
  color: var(--pkt-text);
}

/* Payment area */
body.woocommerce-checkout #payment {
  margin-top: 20px;
  background: transparent;
  border-radius: 0;
}

body.woocommerce-checkout #payment ul.payment_methods {
  padding: 0;
  border: 0;
}

body.woocommerce-checkout #payment ul.payment_methods li {
  position: relative;
  list-style: none;
  margin: 0 0 12px;
  padding: 18px 18px !important;
  border: 1px solid var(--pkt-border);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.045);
  transition: border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

body.woocommerce-checkout #payment ul.payment_methods li:hover {
  transform: translateY(-1px);
  border-color: #d8cdfd;
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.065);
}

body.woocommerce-checkout #payment ul.payment_methods li input[type="radio"] {
  margin-right: 9px;
  transform: scale(1.16);
  accent-color: var(--pkt-purple);
}

body.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > label {
  color: var(--pkt-text);
  font-size: 16px;
  line-height: 1.3;
  font-weight: 900;
  letter-spacing: -0.02em;
}

/* Payment description */
body.woocommerce-checkout #payment div.payment_box {
  margin: 14px 0 0;
  padding: 16px 18px;
  border: 1px solid #e4eaff;
  border-radius: 16px;
  background: #f8faff !important;
  color: var(--pkt-muted) !important;
  font-size: 14px;
  line-height: 1.65;
}

body.woocommerce-checkout #payment div.payment_box::before {
  display: none !important;
}

/* Terms + submit */
body.woocommerce-checkout #payment .form-row {
  padding: 18px 0 0;
}

body.woocommerce-checkout .woocommerce-privacy-policy-text p,
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper label {
  color: var(--pkt-muted);
  font-size: 13px;
  line-height: 1.6;
}

body.woocommerce-checkout #place_order,
.pkt-main-action,
.pkt-confirm-completion-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 0 22px !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: var(--pkt-dark) !important;
  color: #fff !important;
  font-size: 15px;
  font-weight: 900 !important;
  letter-spacing: -0.01em;
  text-decoration: none !important;
  box-shadow: 0 16px 30px rgba(15, 23, 42, 0.18);
  transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

body.woocommerce-checkout #place_order {
  width: 100%;
}

body.woocommerce-checkout #place_order:hover,
.pkt-main-action:hover,
.pkt-confirm-completion-button:hover {
  background: var(--pkt-purple) !important;
  color: #fff !important;
  transform: translateY(-1px);
  box-shadow: 0 18px 38px rgba(109, 61, 245, 0.28);
}

/* Notices */
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
  border: 1px solid #dfe7ff;
  border-radius: 18px;
  background: #fff;
  color: var(--pkt-muted);
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.045);
}

.woocommerce-error {
  border-color: #fecaca;
  background: #fff5f5;
}

.woocommerce-message {
  border-color: var(--pkt-success-border);
  background: var(--pkt-success-bg);
}

/* My Account */
.woocommerce-account .woocommerce-MyAccount-content {
  padding: 28px;
  border: 1px solid var(--pkt-border);
  border-radius: 24px;
  background: #fff;
  box-shadow: var(--pkt-shadow);
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
  overflow: hidden;
  border: 1px solid var(--pkt-border);
  border-radius: 22px;
  background: #fff;
  box-shadow: var(--pkt-shadow);
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
  border-bottom: 1px solid #eef1f6;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li:last-child {
  border-bottom: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
  display: block;
  padding: 14px 18px;
  color: var(--pkt-text);
  font-weight: 800;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
  background: var(--pkt-purple-soft);
  color: var(--pkt-purple);
}

/* Payout fields in account */
.pkt-account-payout-fields {
  border-color: var(--pkt-border);
  background: #fff;
}

.pkt-account-payout-fields legend {
  padding-left: 0;
}

.pkt-account-payout-fields label {
  color: var(--pkt-text);
  font-weight: 800;
}

.pkt-account-payout-fields input,
.pkt-account-payout-fields select,
.pkt-account-payout-fields textarea {
  border: 1px solid var(--pkt-border-strong);
  border-radius: 14px;
  min-height: 46px;
}

.pkt-account-payout-fields textarea {
  min-height: 100px;
}

.pkt-account-payout-fields small {
  display: block;
  margin-top: 6px;
  color: var(--pkt-muted);
}

/* Order details */
.woocommerce-account .woocommerce-order-details,
.woocommerce-account .woocommerce-customer-details,
.woocommerce-order-received .woocommerce-order {
  padding: 24px;
  border: 1px solid var(--pkt-border);
  border-radius: 24px;
  background: #fff;
  box-shadow: var(--pkt-shadow);
  margin-bottom: 20px;
}

/* Tables */
.woocommerce-account table.shop_table,
.woocommerce-order-received table.shop_table {
  overflow: hidden;
  border: 1px solid var(--pkt-border);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
}

.woocommerce-account table.shop_table th,
.woocommerce-account table.shop_table td,
.woocommerce-order-received table.shop_table th,
.woocommerce-order-received table.shop_table td {
  padding: 14px 16px;
  border-top: 1px solid #eef1f6;
}

/* Status badges */
mark.order-status,
span.order-status,
.woocommerce-orders-table__cell-order-status mark {
  display: inline-flex;
  align-items: center;
  padding: 8px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  background: #f3f4f6;
  color: #374151;
  border: 1px solid #e5e7eb;
}

mark.pkt-hired,
.order-status.status-pkt-hired {
  background: var(--pkt-purple-soft);
  color: var(--pkt-purple);
  border-color: #d9c9ff;
}

mark.pkt-ready-payout,
.order-status.status-pkt-ready-payout {
  background: #ecfeff;
  color: #0f766e;
  border-color: #99f6e4;
}

mark.pkt-payout-sent,
.order-status.status-pkt-payout-sent {
  background: var(--pkt-success-bg);
  color: #15803d;
  border-color: var(--pkt-success-border);
}

mark.on-hold,
.order-status.status-on-hold {
  background: var(--pkt-warning-bg);
  color: #92400e;
  border-color: var(--pkt-warning-border);
}

mark.completed,
.order-status.status-completed {
  background: var(--pkt-success-bg);
  color: #15803d;
  border-color: var(--pkt-success-border);
}

/* Responsive */
@media (max-width: 1024px) {
  body.woocommerce-checkout #customer_details,
  body.woocommerce-checkout #order_review,
  body.woocommerce-checkout #order_review_heading {
    width: 100%;
    float: none;
  }

  body.woocommerce-checkout #order_review_heading {
    margin-top: 24px;
  }
}

@media (max-width: 768px) {
  body.woocommerce-checkout form.checkout {
    padding-left: 14px;
    padding-right: 14px;
  }

  body.woocommerce-checkout #customer_details .col-1,
  body.woocommerce-checkout #customer_details .col-2,
  body.woocommerce-checkout #order_review,
  .woocommerce-account .woocommerce-MyAccount-content,
  .woocommerce-account .woocommerce-order-details,
  .woocommerce-account .woocommerce-customer-details,
  .woocommerce-order-received .woocommerce-order {
    padding: 18px;
    border-radius: 20px;
  }

  .pkt-flow-box,
  .pkt-account-payout-fields,
  .pkt-payment-instructions,
  .pkt-confirm-completion-box {
    padding: 18px;
    border-radius: 18px;
  }

  .pkt-flow-box h3,
  .pkt-payment-instructions h3,
  .pkt-confirm-completion-box h3 {
    font-size: 18px;
  }
}


/* =========================================================
   PAKTOGRAF CHECKOUT — FINAL THEME WRAPPER FIX
   Uklanja prazan billing wrapper i centrira checkout review
   ========================================================= */

body.woocommerce-checkout {
  background: #f7f8fb;
}

/* Glavni checkout container */
body.woocommerce-checkout form.checkout.woocommerce-checkout {
  max-width: 760px !important;
  margin: 36px auto 80px !important;
  padding: 0 18px !important;
  display: block !important;
}

/* Theme row ne smije praviti bootstrap layout */
body.woocommerce-checkout form.checkout > .row {
  display: block !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Sakrij lijevi prazan billing blok */
body.woocommerce-checkout form.checkout > .row > .col-lg-8.col-12,
body.woocommerce-checkout form.checkout .details-check,
body.woocommerce-checkout form.checkout #customer_details,
body.woocommerce-checkout form.checkout .woocommerce-billing-fields,
body.woocommerce-checkout form.checkout .woocommerce-shipping-fields,
body.woocommerce-checkout form.checkout .woocommerce-additional-fields {
  display: none !important;
}

/* Desni wrapper neka postane puna širina */
body.woocommerce-checkout form.checkout > .row > .col-12,
body.woocommerce-checkout form.checkout > .row > .col-lg-4,
body.woocommerce-checkout form.checkout > .row > .col-lg-12 {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Theme boxovi */
body.woocommerce-checkout .details-review,
body.woocommerce-checkout .order-review,
body.woocommerce-checkout .box-white-inner {
  width: 100% !important;
  max-width: 100% !important;
}

/* Glavna Paktograf kartica */
body.woocommerce-checkout .details-review {
  padding: 0 !important;
}

body.woocommerce-checkout .order-review.box-white-inner {
  padding: 28px !important;
  border: 1px solid #e6eaf2 !important;
  border-radius: 28px !important;
  background: #ffffff !important;
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.06) !important;
}

/* Naslov */
body.woocommerce-checkout #order_review_heading {
  margin: 0 0 22px !important;
  padding: 0 !important;
  color: #111827 !important;
  font-size: 30px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
  letter-spacing: -0.045em !important;
}

/* Review wrapper */
body.woocommerce-checkout #order_review {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Tabela */
body.woocommerce-checkout table.woocommerce-checkout-review-order-table {
  width: 100% !important;
  margin: 0 0 22px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.woocommerce-checkout table.woocommerce-checkout-review-order-table th,
body.woocommerce-checkout table.woocommerce-checkout-review-order-table td {
  padding: 14px 0 !important;
  border-top: 1px solid #eef1f6 !important;
  color: #667085 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  vertical-align: top !important;
}

body.woocommerce-checkout table.woocommerce-checkout-review-order-table thead th {
  border-top: 0 !important;
  color: #111827 !important;
  font-weight: 900 !important;
}

body.woocommerce-checkout table.woocommerce-checkout-review-order-table .product-name {
  width: 65% !important;
}

body.woocommerce-checkout table.woocommerce-checkout-review-order-table .product-total {
  width: 35% !important;
  text-align: right !important;
}

body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot th,
body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot td {
  color: #111827 !important;
  font-weight: 800 !important;
}

body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot td {
  text-align: right !important;
}

body.woocommerce-checkout table.woocommerce-checkout-review-order-table tr.order-total th,
body.woocommerce-checkout table.woocommerce-checkout-review-order-table tr.order-total td {
  padding-top: 18px !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  letter-spacing: -0.035em !important;
}

/* Helper box */
body.woocommerce-checkout .pkt-flow-box {
  position: relative;
  margin: 22px 0 !important;
  padding: 22px !important;
  border: 1px solid #dfe7ff !important;
  border-radius: 22px !important;
  background:
    radial-gradient(circle at top left, rgba(109, 61, 245, 0.08), transparent 36%),
    linear-gradient(135deg, #ffffff 0%, #f8faff 100%) !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.045) !important;
}

body.woocommerce-checkout .pkt-flow-box h3 {
  margin: 0 0 12px !important;
  color: #111827 !important;
  font-size: 21px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
  letter-spacing: -0.04em !important;
}

body.woocommerce-checkout .pkt-flow-box p {
  margin: 0 0 10px !important;
  color: #667085 !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
}

body.woocommerce-checkout .pkt-flow-box p:last-child {
  margin-bottom: 0 !important;
}

body.woocommerce-checkout .pkt-flow-box strong {
  color: #111827 !important;
}

/* Payment */
body.woocommerce-checkout #payment {
  margin: 22px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.woocommerce-checkout #payment ul.payment_methods {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

body.woocommerce-checkout #payment ul.payment_methods li {
  list-style: none !important;
  margin: 0 0 14px !important;
  padding: 18px !important;
  border: 1px solid #e6eaf2 !important;
  border-radius: 20px !important;
  background: #ffffff !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.045) !important;
}

body.woocommerce-checkout #payment ul.payment_methods li input[type="radio"] {
  margin-right: 9px !important;
  transform: scale(1.12);
  accent-color: #6d3df5;
}

body.woocommerce-checkout #payment ul.payment_methods li > label {
  color: #111827 !important;
  font-size: 16px !important;
  line-height: 1.3 !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
}

body.woocommerce-checkout #payment div.payment_box {
  margin: 14px 0 0 !important;
  padding: 16px 18px !important;
  border: 1px solid #dfe7ff !important;
  border-radius: 16px !important;
  background: #f8faff !important;
  color: #667085 !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
}

body.woocommerce-checkout #payment div.payment_box::before {
  display: none !important;
}

/* Privacy text */
body.woocommerce-checkout .woocommerce-privacy-policy-text p {
  color: #667085 !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
}

/* Dugme */
body.woocommerce-checkout #place_order {
  width: 100% !important;
  min-height: 56px !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: #0f172a !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  letter-spacing: -0.01em !important;
  box-shadow: 0 16px 30px rgba(15, 23, 42, 0.18) !important;
}

body.woocommerce-checkout #place_order:hover {
  background: #6d3df5 !important;
  color: #ffffff !important;
}

/* Mobile */
@media (max-width: 768px) {
  body.woocommerce-checkout form.checkout.woocommerce-checkout {
    max-width: 100% !important;
    margin-top: 24px !important;
    padding: 0 14px !important;
  }

  body.woocommerce-checkout .order-review.box-white-inner {
    padding: 20px !important;
    border-radius: 22px !important;
  }

  body.woocommerce-checkout #order_review_heading {
    font-size: 26px !important;
  }
}


/* =========================================================
   PAKTOGRAF CHECKOUT — PRECISION POLISH
   Dodati NA KRAJ CSS-a
   ========================================================= */

/* Malo veći i smireniji prostor */
body.woocommerce-checkout form.checkout.woocommerce-checkout {
  max-width: 700px !important;
  margin-top: 44px !important;
  margin-bottom: 96px !important;
}

/* Skini efekat bijele kapsule iza naslova */
body.woocommerce-checkout #order_review_heading {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-align: left !important;
  margin: 0 0 14px !important;
  padding: 0 2px !important;
  font-size: 32px !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
  color: #111827 !important;
}

/* Glavna kartica malo mirnija */
body.woocommerce-checkout .order-review.box-white-inner {
  padding: 0 !important;
  border-radius: 28px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  border: 1px solid #e4e8f0 !important;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.08) !important;
}

/* Unutrašnji review padding */
body.woocommerce-checkout #order_review {
  padding: 0 !important;
}

/* Tabela kao uredan summary blok */
body.woocommerce-checkout table.woocommerce-checkout-review-order-table {
  margin: 0 !important;
  border-collapse: collapse !important;
}

body.woocommerce-checkout table.woocommerce-checkout-review-order-table thead {
  background: #fbfcff !important;
}

body.woocommerce-checkout table.woocommerce-checkout-review-order-table thead th {
  padding: 18px 24px !important;
  border: 0 !important;
  color: #111827 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-transform: none !important;
}

body.woocommerce-checkout table.woocommerce-checkout-review-order-table tbody td,
body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot th,
body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot td {
  padding: 16px 24px !important;
  border-top: 1px solid #eef1f6 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
}

body.woocommerce-checkout table.woocommerce-checkout-review-order-table .product-name {
  color: #475467 !important;
  font-weight: 600 !important;
}

body.woocommerce-checkout table.woocommerce-checkout-review-order-table .product-total {
  text-align: right !important;
  color: #111827 !important;
  font-weight: 800 !important;
}

body.woocommerce-checkout table.woocommerce-checkout-review-order-table .product-quantity {
  color: #98a2b3 !important;
  font-weight: 700 !important;
}

/* Subtotal / fee redovi */
body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot th {
  color: #667085 !important;
  font-weight: 800 !important;
}

body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot td {
  text-align: right !important;
  color: #111827 !important;
  font-weight: 900 !important;
}

/* Total red kao završni naglasak */
body.woocommerce-checkout table.woocommerce-checkout-review-order-table tr.order-total {
  background: #fbfcff !important;
}

body.woocommerce-checkout table.woocommerce-checkout-review-order-table tr.order-total th,
body.woocommerce-checkout table.woocommerce-checkout-review-order-table tr.order-total td {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  color: #111827 !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  letter-spacing: -0.04em !important;
}

/* Helper box - precizniji spacing */
body.woocommerce-checkout .pkt-flow-box {
  margin: 24px !important;
  padding: 22px 24px !important;
  border-radius: 22px !important;
  border: 1px solid #dfe7ff !important;
  background:
    radial-gradient(circle at top left, rgba(109, 61, 245, 0.09), transparent 34%),
    linear-gradient(135deg, #ffffff 0%, #f8faff 100%) !important;
  box-shadow: none !important;
}

body.woocommerce-checkout .pkt-flow-box::before,
body.woocommerce-checkout .pkt-flow-box::after {
  display: none !important;
}

body.woocommerce-checkout .pkt-flow-box h3 {
  padding-left: 0 !important;
  margin-bottom: 12px !important;
  font-size: 22px !important;
  line-height: 1.15 !important;
  letter-spacing: -0.045em !important;
}

body.woocommerce-checkout .pkt-flow-box p {
  font-size: 14px !important;
  line-height: 1.72 !important;
  color: #667085 !important;
}

/* Payment area unutar kartice */
body.woocommerce-checkout #payment {
  padding: 0 24px 24px !important;
  margin: 0 !important;
}

body.woocommerce-checkout #payment ul.payment_methods li {
  margin-bottom: 12px !important;
  padding: 18px !important;
  border-radius: 20px !important;
  border: 1px solid #e4e8f0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

/* Selected metoda */
body.woocommerce-checkout #payment ul.payment_methods li:has(input[type="radio"]:checked) {
  border-color: #6d3df5 !important;
  background: #fbf9ff !important;
  box-shadow: 0 0 0 4px rgba(109, 61, 245, 0.08) !important;
}

body.woocommerce-checkout #payment ul.payment_methods li:hover {
  border-color: #cfc3ff !important;
  transform: translateY(-1px);
}

body.woocommerce-checkout #payment ul.payment_methods li > label {
  font-size: 15px !important;
  font-weight: 900 !important;
  color: #111827 !important;
}

/* Opis metode */
body.woocommerce-checkout #payment div.payment_box {
  margin-top: 14px !important;
  padding: 16px !important;
  border-radius: 16px !important;
  background: #f7f9ff !important;
  border: 1px solid #dfe7ff !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
}

/* Privacy tekst manji i mirniji */
body.woocommerce-checkout .woocommerce-privacy-policy-text {
  margin-top: 14px !important;
}

body.woocommerce-checkout .woocommerce-privacy-policy-text p {
  margin: 0 0 16px !important;
  color: #667085 !important;
  font-size: 12.5px !important;
  line-height: 1.6 !important;
}

/* Dugme preciznije */
body.woocommerce-checkout #place_order {
  height: 58px !important;
  border-radius: 18px !important;
  background: #0f172a !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  box-shadow: 0 18px 38px rgba(15, 23, 42, 0.22) !important;
}

body.woocommerce-checkout #place_order:hover {
  background: #6d3df5 !important;
  box-shadow: 0 18px 38px rgba(109, 61, 245, 0.28) !important;
}

/* Mobile polish */
@media (max-width: 768px) {
  body.woocommerce-checkout form.checkout.woocommerce-checkout {
    margin-top: 24px !important;
  }

  body.woocommerce-checkout #order_review_heading {
    font-size: 28px !important;
  }

  body.woocommerce-checkout table.woocommerce-checkout-review-order-table thead th,
  body.woocommerce-checkout table.woocommerce-checkout-review-order-table tbody td,
  body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot th,
  body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot td {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  body.woocommerce-checkout .pkt-flow-box {
    margin: 18px !important;
    padding: 18px !important;
  }

  body.woocommerce-checkout #payment {
    padding: 0 18px 18px !important;
  }
}



/* Desktop hero visible only on desktop */
.pg-home-hero-desktop {
  display: block;
}

.pg-home-mobile-existing {
  display: none;
}

.pg-home-hero-desktop {
  position: relative;
  overflow: hidden;
  padding: 70px 0 90px;
  min-height: calc(100vh - 92px);
  background:
    radial-gradient(circle at 25% 42%, rgba(109, 61, 245, 0.18), transparent 28%),
    radial-gradient(circle at 72% 62%, rgba(236, 72, 153, 0.10), transparent 30%),
    linear-gradient(135deg, #451a25 0%, #4c1d33 35%, #3f1d44 65%, #2b1837 100%);
}

.pg-home-hero-desktop::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(255,255,255,0.08) 1px, transparent 1px);
  background-size: 22px 22px;
  opacity: 0.22;
  pointer-events: none;
}

.pg-home-hero-inner {
  position: relative;
  z-index: 2;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 32px;
  display: grid;
  grid-template-columns: 420px 1fr;
  gap: 90px;
  align-items: center;
}

.pg-home-phone-col {
  display: flex;
  justify-content: center;
}

.pg-phone-mockup {
  position: relative;
  width: 340px;
  height: 690px;
  padding: 12px;
  border-radius: 42px;
  background: #162544;
  box-shadow:
    0 0 0 4px rgba(10, 19, 42, 0.65),
    0 40px 90px rgba(0, 0, 0, 0.35);
}

.pg-phone-notch {
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  width: 120px;
  height: 28px;
  border-radius: 0 0 18px 18px;
  background: #0a1530;
  z-index: 5;
}

.pg-phone-screen {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 34px;
  background: #0f172a;
  touch-action: pan-y;
}

.pg-phone-track {
  height: 100%;
  transition: transform 0.42s ease;
}

.pg-phone-slide {
  width: 100%;
  height: 100%;
}

.pg-phone-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pg-phone-indicators {
  position: absolute;
  right: -26px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.pg-phone-dot {
  width: 10px;
  height: 10px;
  border: 0;
  border-radius: 999px;
  background: rgba(255,255,255,0.28);
  cursor: pointer;
  padding: 0;
}

.pg-phone-dot.is-active {
  background: #ffffff;
  transform: scale(1.15);
}

.pg-home-copy-wrap {
  max-width: 760px;
}

.pg-home-title {
  margin: 0 0 14px;
  font-size: 82px;
  line-height: 0.95;
  font-weight: 900;
  letter-spacing: -0.06em;
  color: #ffffff;
}

.pg-home-rotating-line {
  margin: 0 0 26px;
  font-size: 54px;
  line-height: 1.02;
  font-weight: 800;
  letter-spacing: -0.05em;
}

#pgRotatingText {
  display: inline-block;
  background: linear-gradient(90deg, #f8b26a 0%, #d67cff 48%, #8b5cf6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: opacity .2s ease, transform .2s ease;
}

#pgRotatingText.is-changing {
  opacity: 0;
  transform: translateY(6px);
}

.pg-home-subtitle {
  max-width: 680px;
  margin: 0 0 34px;
  font-size: 20px;
  line-height: 1.7;
  color: rgba(255,255,255,0.82);
}

.pg-home-actions {
  display: flex;
  gap: 16px;
  margin-bottom: 56px;
}

.pg-home-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
  max-width: 760px;
}

.pg-home-stat-num {
  font-size: 36px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: -0.05em;
}

.pg-home-stat:nth-child(1) .pg-home-stat-num {
  color: #f8a16b;
}

.pg-home-stat:nth-child(2) .pg-home-stat-num {
  color: #7c7cff;
}

.pg-home-stat:nth-child(3) .pg-home-stat-num {
  color: #ff8b8b;
}

.pg-home-stat-label {
  margin-top: 8px;
  font-size: 15px;
  color: rgba(255,255,255,0.68);
}

/* Mobile: hide new desktop hero, show old existing HTML */
@media (max-width: 991px) {
  .pg-home-hero-desktop {
    display: none;
  }

  .pg-home-mobile-existing {
    display: block;
  }
}

@media (min-width: 992px) and (max-width: 1280px) {
  .pg-home-hero-inner {
    grid-template-columns: 360px 1fr;
    gap: 60px;
  }

  .pg-phone-mockup {
    width: 300px;
    height: 610px;
  }

  .pg-home-title {
    font-size: 68px;
  }

  .pg-home-rotating-line {
    font-size: 46px;
  }

  .pg-btn {
    height: 60px;
    font-size: 20px;
  }
}


/* =========================================================
   PAKTOGRAF — Report project modal FINAL
   ========================================================= */

/* Vanjski Magnific wrapper */
.mfp-wrap .mfp-content {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  max-width: 760px !important;
}

/* Uklanja vanjski bijeli dupli okvir */
.mfp-wrap .project-report-wrapper {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 auto !important;
  max-width: 760px !important;
}

/* Prava modal kartica */
.mfp-wrap .project-report-wrapper .inner {
  position: relative !important;
  max-width: 760px !important;
  margin: 0 auto !important;
  padding: 64px 70px 50px 50px !important;
  border: 1px solid #e6eaf2 !important;
  border-radius: 34px !important;
  background:
    radial-gradient(circle at top right, rgba(109, 61, 245, 0.10), transparent 35%),
    linear-gradient(135deg, #ffffff 0%, #fbf9ff 100%) !important;
  box-shadow: 0 28px 80px rgba(15, 23, 42, 0.22) !important;
}

/* Sakrij default naslov */
.mfp-wrap .project-report-wrapper .widget-title {
  display: none !important;
}

/* Uvodni tekst */
.mfp-wrap .project-report-wrapper .content::before {
  content: "Opišite zašto smatrate da ovaj projekat krši pravila ili sadrži netačne informacije.";
  display: block;
  margin: 0 0 28px;
  padding-right: 95px !important;
  max-width: 100% !important;
  box-sizing: border-box;
  color: #566987;
  font-size: 22px;
  line-height: 1.5;
  font-weight: 500;
}

/* X dugme */
.mfp-wrap .project-report-wrapper .close-magnific-popup {
  position: absolute !important;
  top: 26px !important;
  right: 26px !important;
  z-index: 20 !important;
  width: 56px !important;
  height: 56px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 50% !important;
  background: #f8fafc !important;
  border: 1px solid #edf1f7 !important;
  color: #566987 !important;
  text-decoration: none !important;
}

/* Polja */
.mfp-wrap .project-report-wrapper .form-group {
  margin-bottom: 18px !important;
}

.mfp-wrap .project-report-wrapper .form-control {
  width: 100% !important;
  min-height: 64px;
  border: 1px solid #dfe4ee !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  color: #111827 !important;
  font-size: 18px !important;
  font-weight: 600;
  box-shadow: none !important;
}

.mfp-wrap .project-report-wrapper textarea.form-control {
  min-height: 210px;
  padding-top: 22px;
  resize: vertical;
}

.mfp-wrap .project-report-wrapper .form-control::placeholder {
  color: #98a2b3 !important;
  font-weight: 700;
}

.mfp-wrap .project-report-wrapper .form-control:focus {
  border-color: #7c3aed !important;
  box-shadow: 0 0 0 4px rgba(124, 58, 237, 0.12) !important;
  outline: none !important;
}

/* Dugme — sakrij originalni Send Report tekst */
.mfp-wrap .project-report-wrapper button[name="submit-report"] {
  position: relative !important;
  min-height: 68px;
  border: 0 !important;
  border-radius: 22px !important;
  background: linear-gradient(90deg, #7c3aed 0%, #a855f7 100%) !important;
  color: transparent !important;
  font-size: 0 !important;
  font-weight: 900 !important;
  overflow: hidden !important;
  box-shadow: 0 18px 36px rgba(124, 58, 237, 0.25) !important;
}

/* Prikaži samo naš tekst */
.mfp-wrap .project-report-wrapper button[name="submit-report"]::after {
  content: "Pošalji prijavu";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

/* Sakrij ikonicu */
.mfp-wrap .project-report-wrapper button[name="submit-report"] i,
.mfp-wrap .project-report-wrapper button[name="submit-report"] .next {
  display: none !important;
}

/* Mobile */
@media (max-width: 768px) {
  .mfp-wrap .mfp-content {
    max-width: calc(100% - 28px) !important;
  }

  .mfp-wrap .project-report-wrapper .inner {
    padding: 52px 22px 28px 22px !important;
    border-radius: 26px !important;
  }

  .mfp-wrap .project-report-wrapper .content::before {
    padding-right: 70px !important;
    font-size: 17px !important;
    line-height: 1.5 !important;
    margin-bottom: 22px;
  }

  .mfp-wrap .project-report-wrapper .close-magnific-popup {
    top: 16px !important;
    right: 16px !important;
    width: 46px !important;
    height: 46px !important;
  }

  .mfp-wrap .project-report-wrapper .form-control {
    min-height: 56px;
    font-size: 16px !important;
    border-radius: 18px !important;
  }

  .mfp-wrap .project-report-wrapper textarea.form-control {
    min-height: 170px;
  }

  .mfp-wrap .project-report-wrapper button[name="submit-report"] {
    min-height: 58px;
    border-radius: 18px !important;
  }

  .mfp-wrap .project-report-wrapper button[name="submit-report"]::after {
    font-size: 18px !important;
  }
}

/* Report modal — precizno centriranje dugmeta */
.mfp-wrap .project-report-wrapper button[name="submit-report"] {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  text-align: center !important;
  line-height: 1 !important;
  color: transparent !important;
  font-size: 0 !important;
}

/* Sakrij eventualni theme ::before */
.mfp-wrap .project-report-wrapper button[name="submit-report"]::before {
  display: none !important;
  content: none !important;
}

/* Naš tekst zauzima cijelo dugme i centriran je */
.mfp-wrap .project-report-wrapper button[name="submit-report"]::after {
  content: "Pošalji prijavu";
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  pointer-events: none !important;
}


/* =========================================================
   PAKTOGRAF - Start timing field FORCE CSS
   ========================================================= */

form#_project_front .pg-start-timing-row {
  margin-top: 18px !important;
  margin-bottom: 22px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

form#_project_front .pg-start-timing-row .cmb-th {
  margin-bottom: 10px !important;
}

form#_project_front .pg-start-timing-row .cmb-th label {
  display: block !important;
  color: #111827 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
}

form#_project_front .pg-start-timing-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  width: 100% !important;
}

form#_project_front .pg-start-timing-card {
  position: relative !important;
  display: flex !important;
  gap: 12px !important;
  align-items: flex-start !important;
  min-height: 92px !important;
  padding: 16px !important;
  border: 1px solid #e6eaf2 !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  cursor: pointer !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.035) !important;
  transition: 0.18s ease !important;
}

form#_project_front .pg-start-timing-card:hover {
  border-color: #d7c9ff !important;
  transform: translateY(-1px) !important;
}

form#_project_front .pg-start-timing-card.is-selected {
  border-color: #7c3aed !important;
  background: #fbf9ff !important;
  box-shadow: 0 0 0 4px rgba(124, 58, 237, 0.08) !important;
}

form#_project_front .pg-start-timing-card input[type="radio"] {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

form#_project_front .pg-start-timing-card__icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  height: 38px !important;
  flex: 0 0 38px !important;
  border-radius: 14px !important;
  background: #f2edff !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

form#_project_front .pg-start-timing-card__text {
  display: block !important;
  min-width: 0 !important;
}

form#_project_front .pg-start-timing-card__text strong {
  display: block !important;
  margin: 0 0 5px !important;
  color: #111827 !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
}

form#_project_front .pg-start-timing-card__text small {
  display: block !important;
  margin: 0 !important;
  color: #667085 !important;
  font-size: 12.5px !important;
  line-height: 1.45 !important;
  font-weight: 500 !important;
}

form#_project_front .pg-start-timing-row .cmb2-metabox-description {
  margin-top: 10px !important;
  color: #667085 !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

@media (max-width: 768px) {
  form#_project_front .pg-start-timing-grid {
    grid-template-columns: 1fr !important;
  }

  form#_project_front .pg-start-timing-card {
    min-height: auto !important;
    padding: 14px !important;
  }
}


/* =========================================================
   PAKTOGRAF - zatvaranje Freeio notifikacija
   ========================================================= */

.pg-notification-wrap.pg-notifications-force-closed .notifications-wrapper {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}


/* Paktograf menu coordinator */
.pg-owned-menu.pg-menu-force-closed {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}


/* =========================================================
   PAKTOGRAF - Navbar dropdown layering fix
   Dropdowni iz navbara moraju biti iznad sadržaja stranice
   ========================================================= */

/* 1) Glavni header/navbar neka bude iznad ostatka stranice */
header,
.site-header,
#apus-header,
.apus-header,
.pg-header,
.pg-desktop-header,
.pg-mobile-header,
.pg-navbar,
.pg-navbar-wrap {
  position: relative !important;
  z-index: 10000 !important;
  isolation: isolate !important;
  overflow: visible !important;
}

/* 2) Unutrašnji wrapperi u headeru takođe */
.pg-desktop-left,
.pg-desktop-center,
.pg-desktop-right,
.pg-mobile-header__left,
.pg-mobile-header__center,
.pg-mobile-header__right,
.pg-logo-link,
.pg-mobile-logo,
.pg-notification-wrap,
.pg-message-top {
  position: relative !important;
  z-index: 10001 !important;
  overflow: visible !important;
}

/* 3) Search bar i njegovi dropdowni */
.pg-search-wrap,
.pg-header-search,
.pg-search-dropdown,
.pg-search-results,
.autocomplete-suggestions,
.ui-autocomplete,
.select2-container,
.select2-dropdown {
  position: relative;
  z-index: 10020 !important;
}

.pg-search-dropdown,
.pg-search-results,
.autocomplete-suggestions,
.ui-autocomplete,
.select2-dropdown {
  background: #fff !important;
  border: 1px solid #e6eaf2 !important;
  border-radius: 24px !important;
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.12) !important;
  overflow: hidden !important;
}

/* 4) Notifikacije */
.pg-notification-wrap .notifications-wrapper {
  position: absolute !important;
  z-index: 10030 !important;
  background: #fff !important;
  border: 1px solid #e6eaf2 !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.14) !important;
  overflow: hidden !important;
}

/* 5) Naši custom plus / dpd / profile dropdowni */
.pg-plus-dropdown,
.pg-dpd-dropdown,
.pg-owned-menu,
.pg-user-dropdown,
.pg-profile-dropdown,
.pg-create-dropdown {
  position: absolute !important;
  z-index: 10030 !important;
  background: #fff !important;
  border: 1px solid #e6eaf2 !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.14) !important;
  overflow: hidden !important;
}

/* 6) Glavni sadržaj neka bude ispod header layera */
.site-content,
.main-content,
.page-content,
.projects-archive-page,
.projects-archive-wrapper,
.project-archive-wrapper,
.archive-projects,
.project-items,
.project-item,
.pg-project-card,
.loop-project,
.list-project-item {
  position: relative !important;
  z-index: 1 !important;
}

/* 7) Ako Freeio kartice ili badgevi imaju previsok z-index, obori ih */
.project-item *,
.pg-project-card *,
.loop-project * {
  z-index: auto;
}

/* 8) Ali ne diraj dropdown elemente unutar navbar-a */
header .project-item *,
.site-header .project-item * {
  z-index: auto;
}
/* =========================================================
   PAKTOGRAF - Infinite scroll loader
   ========================================================= */

.pg-projects-auto-loader,
.pg-projects-auto-end {
  max-width: 420px;
  margin: 28px auto 44px;
  padding: 14px 18px;
  border: 1px solid #e6eaf2;
  border-radius: 999px;
  background: #ffffff;
  color: #667085;
  font-size: 14px;
  font-weight: 800;
  text-align: center;
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.05);
}

.pg-projects-auto-loader::before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-right: 8px;
  border: 2px solid #d8deea;
  border-top-color: #7c3aed;
  border-radius: 50%;
  vertical-align: -2px;
  animation: pgSpin .7s linear infinite;
}

.pg-projects-auto-sentinel {
  height: 1px;
}

@keyframes pgSpin {
  to {
    transform: rotate(360deg);
  }
}


/* =========================================================
   PAKTOGRAF - sakrij pagination na arhivi projekata
   kada koristimo infinite scroll
   ========================================================= */

body:has(.pg-projects-auto-sentinel) .pagination,
body:has(.pg-projects-auto-sentinel) .apus-pagination,
body:has(.pg-projects-auto-sentinel) .wp-freeio-pagination,
body:has(.pg-projects-auto-sentinel) .projects-pagination,
body:has(.pg-projects-auto-sentinel) .project-pagination,
body:has(.pg-projects-auto-sentinel) nav.navigation.pagination,
body:has(.pg-projects-auto-sentinel) ul.page-numbers,
body:has(.pg-projects-auto-sentinel) .page-numbers {
  display: none !important;
}
/* =========================================================
   PAKTOGRAF INDEX - izolacija hero buttona
   ========================================================= */

.pg-home-hero-desktop .pg-hero-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 210px;
  height: 68px;
  padding: 0 28px;
  border-radius: 18px;
  font-size: 22px;
  font-weight: 800;
  text-decoration: none;
  transition: .2s ease;
}

.pg-home-hero-desktop .pg-hero-btn-primary {
  background: linear-gradient(90deg, #6d28d9 0%, #ec4899 100%);
  color: #fff !important;
  box-shadow: 0 22px 50px rgba(109, 40, 217, 0.30);
}

.pg-home-hero-desktop .pg-hero-btn-secondary {
  border: 2px solid rgba(255,255,255,0.20);
  background: rgba(255,255,255,0.06);
  color: #fff !important;
  backdrop-filter: blur(6px);
}


/* =========================================================
   PAKTOGRAF - logo ne smije pucati na malim ekranima
   ========================================================= */

.pg-logo-link a,
.pg-logo-fallback,
.pg-mobile-logo a,
.pg-mobile-logo-fallback,
.custom-logo-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  flex-direction: row !important;
  white-space: nowrap !important;
  text-decoration: none !important;
}

/* Badge "pa" */
.pg-logo-badge,
.pg-mobile-logo-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
}

/* Tekst paktograf */
.pg-logo-text,
.pg-mobile-logo-text {
  display: inline-block !important;
  white-space: nowrap !important;
  line-height: 1 !important;
}

/* Ako custom logo slika postoji */
.custom-logo-link img,
.pg-logo-link img,
.pg-mobile-logo img {
  display: block !important;
  max-height: 42px !important;
  width: auto !important;
}

/* Header lijevi dio neka ne lomi logo */
.pg-desktop-left,
.pg-mobile-header__left,
.pg-logo-link,
.pg-mobile-logo {
  display: flex !important;
  align-items: center !important;
  min-width: max-content !important;
  white-space: nowrap !important;
}

/* Mobile sitna korekcija */
@media (max-width: 768px) {
  .pg-logo-link a,
  .pg-logo-fallback,
  .pg-mobile-logo a,
  .pg-mobile-logo-fallback,
  .custom-logo-link {
    gap: 8px !important;
  }

  .pg-logo-text,
  .pg-mobile-logo-text {
    font-size: 17px !important;
    font-weight: 800 !important;
  }
}

/* =========================================================
   PAKTOGRAF INDEX HERO BUTTONI
   Samo za hero sekciju, ne dira navbar
   ========================================================= */

.pg-home-hero-desktop .pg-index-hero-actions {
  display: flex;
  align-items: center;
  gap: 22px;
  margin-top: 34px;
	margin-bottom: 34px;
}

.pg-home-hero-desktop .pg-index-hero-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 134px;
  height: 54px;
  padding: 0 32px;
  border-radius: 18px;
  font-size: 21px;
  font-weight: 900;
  line-height: 1;
  text-decoration: none !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}

/* Primarni hero button */
.pg-home-hero-desktop .pg-index-hero-btn-primary {
  border: 0 !important;
  background: linear-gradient(90deg, #6d28d9 0%, #ec4899 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 22px 50px rgba(109, 40, 217, 0.32);
}

.pg-home-hero-desktop .pg-index-hero-btn-primary:hover {
  transform: translateY(-2px);
  color: #ffffff !important;
  box-shadow: 0 26px 58px rgba(109, 40, 217, 0.38);
}

/* Sekundarni hero button */
.pg-home-hero-desktop .pg-index-hero-btn-secondary {
  border: 2px solid rgba(255, 255, 255, 0.24) !important;
  background: rgba(255, 255, 255, 0.06) !important;
  color: #ffffff !important;
  box-shadow: none !important;
  backdrop-filter: blur(8px);
}

.pg-home-hero-desktop .pg-index-hero-btn-secondary:hover {
  transform: translateY(-2px);
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.40) !important;
  background: rgba(255, 255, 255, 0.09) !important;
}

/* Responsive samo za desktop hero, ne dira mobile navbar */
@media (max-width: 1100px) {
  .pg-home-hero-desktop .pg-index-hero-btn {
    min-width: 160px;
    height: 32px;
    font-size: 18px;
    border-radius: 16px;
  }

  .pg-home-hero-desktop .pg-index-hero-actions {
    gap: 16px;
  }
}

/* Ako hero slučajno pređe na uži ekran */
@media (max-width: 768px) {
  .pg-home-hero-desktop .pg-index-hero-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .pg-home-hero-desktop .pg-index-hero-btn {
    width: 100%;
    min-width: 0;
  }
}
/* =========================================================
   PAKTOGRAF INDEX - suptilne pillar kartice
   ========================================================= */

.pg-home-pillars {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 44px;
  max-width: 980px;
}

.pg-home-pillar {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  min-height: auto;
  padding: 18px 18px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: none;
  backdrop-filter: blur(8px);
}

.pg-home-pillar-icon {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.08);
  font-size: 18px;
  opacity: 0.92;
}

.pg-home-pillar h3 {
  margin: 0 0 5px;
  color: rgba(255, 255, 255, 0.94);
  font-size: 16px;
  font-weight: 850;
  letter-spacing: -0.025em;
  line-height: 1.15;
}

.pg-home-pillar p {
  margin: 0;
  color: rgba(255, 255, 255, 0.58);
  font-size: 13.5px;
  line-height: 1.45;
  font-weight: 500;
}

/* Hover neka bude jedva primjetan */
.pg-home-pillar:hover {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.11);
}

/* Na manjim ekranima ispod hero sadržaja ide u jednu kolonu */
@media (max-width: 1100px) {
  .pg-home-pillars {
    grid-template-columns: 1fr;
    max-width: 540px;
    margin-top: 32px;
  }

  .pg-home-pillar {
    padding: 16px;
  }
}



/* =========================================================
   PAKTOGRAF INDEX - signali u phone mockupu
   Samo signal slides, ne dira navbar ni ostale elemente
   ========================================================= */

.pg-index-signal-phone {
  position: absolute;
  inset: 18px 16px;
  overflow: hidden;
  border-radius: 34px;
  background:
    radial-gradient(circle at top, rgba(124, 58, 237, 0.32), transparent 38%),
    linear-gradient(180deg, #7c1fd1 0%, #e0008b 100%);
  color: #ffffff;
}

.pg-index-signal-slide {
  position: absolute;
  inset: 0;
  padding: 130px 34px 34px;
  opacity: 0;
  transform: translateY(24px) scale(0.98);
  animation: pgSignalRotate 20s infinite;
}

.pg-signal-slide-1 {
  animation-delay: 0s;
}

.pg-signal-slide-2 {
  animation-delay: 5s;
}

.pg-signal-slide-3 {
  animation-delay: 10s;
}

.pg-signal-slide-4 {
  animation-delay: 15s;
}

.pg-signal-top {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 34px;
}

.pg-signal-avatar {
  width: 56px;
  height: 56px;
  border-radius: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #6d28d9;
  color: #ffffff;
  font-size: 24px;
  font-weight: 900;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.20);
}

.pg-signal-avatar-gold {
  background: #f5b21b;
}

.pg-signal-top strong {
  display: block;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.1;
}

.pg-signal-top small {
  display: block;
  margin-top: 5px;
  color: rgba(255, 255, 255, 0.78);
  font-size: 13px;
  font-weight: 600;
}

.pg-signal-card-main {
  padding: 28px 24px 26px;
  border-radius: 26px;
  background: rgba(255, 255, 255, 0.92);
  color: #111827;
  text-align: center;
  box-shadow: 0 24px 55px rgba(15, 23, 42, 0.18);
}

.pg-signal-icon {
  width: 74px;
  height: 74px;
  margin: 0 auto 18px;
  border-radius: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #f2edff;
  font-size: 34px;
}

.pg-signal-card-main h3 {
  margin: 0 0 10px;
  color: #111827;
  font-size: 25px;
  line-height: 1.1;
  font-weight: 950;
  letter-spacing: -0.04em;
}

.pg-signal-card-main p {
  margin: 0 auto 22px;
  max-width: 280px;
  color: #667085;
  font-size: 15px;
  line-height: 1.45;
  font-weight: 600;
}

.pg-signal-card-main button {
  height: 44px;
  padding: 0 24px;
  border: 1px solid #ddd6fe;
  border-radius: 999px;
  background: #ffffff;
  color: #6d28d9;
  font-size: 14px;
  font-weight: 900;
}

@keyframes pgSignalRotate {
  0% {
    opacity: 0;
    transform: translateY(24px) scale(0.98);
  }

  6% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }

  22% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }

  28% {
    opacity: 0;
    transform: translateY(-24px) scale(0.98);
  }

  100% {
    opacity: 0;
    transform: translateY(-24px) scale(0.98);
  }
}



body.pg-my-projects-page .widget-proposals .freelancer-logo a::before {
  content: "pa";
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 15px !important;
  background: #7c3aed !important;
  color: #ffffff !important;
  font-size: 20px !important;
  font-weight: 950 !important;
  letter-spacing: -0.08em !important;
  line-height: 1 !important;
  box-shadow: 0 8px 20px rgba(124, 58, 237, 0.16) !important;
}



/* =========================================================
   PAKTOGRAF - Potvrda projekta / Order received page
   URL: /potvrda-projekta/order-received/...
   ========================================================= */

body.woocommerce-order-received {
  background: #f7f6fb !important;
}

/* Glavni prostor */
body.woocommerce-order-received #apus-main-content,
body.woocommerce-order-received #main-container,
body.woocommerce-order-received #main-content,
body.woocommerce-order-received #main {
  background:
    radial-gradient(circle at top right, rgba(124, 58, 237, 0.10), transparent 34%),
    linear-gradient(180deg, #fbfaff 0%, #f7f6fb 100%) !important;
}

body.woocommerce-order-received #main-container {
  width: 100% !important;
  max-width: 100% !important;
  padding: 54px 0 90px !important;
}

body.woocommerce-order-received #main-container > .row {
  margin: 0 !important;
}

body.woocommerce-order-received #main-content {
  padding: 0 !important;
}

/* Centralni Woo content */
body.woocommerce-order-received .woocommerce {
  width: min(980px, calc(100% - 42px)) !important;
  margin: 0 auto !important;
}

/* Success ikonica */
body.woocommerce-order-received .woocommerce-notice--success::before,
body.woocommerce-order-received .woocommerce-thankyou-order-received::before {
  content: "✓";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 78px;
  height: 78px;
  margin: 0 auto 22px;
  border-radius: 999px;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.55), transparent 36%),
    #f3e8ff;
  color: #16a34a;
  font-size: 42px;
  font-weight: 950;
  box-shadow: 0 20px 48px rgba(124, 58, 237, 0.12);
}

/* Sakrij originalni engleski tekst i zamijeni */
body.woocommerce-order-received .woocommerce-thankyou-order-received {
  margin: 0 0 36px !important;
  padding: 0 !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
}

body.woocommerce-order-received .woocommerce-thankyou-order-received::after {
  content: "Pakter je uspješno unajmljen";
  display: block;
  color: #111827;
  font-size: clamp(34px, 4vw, 52px);
  line-height: 1.02;
  font-weight: 950;
  letter-spacing: -0.055em;
}

/* Subtitle ispod naslova */
body.woocommerce-order-received .woocommerce-thankyou-order-received + p,
body.woocommerce-order-received .woocommerce-order > p:first-child {
  color: #667085 !important;
  font-size: 17px !important;
  line-height: 1.55 !important;
  text-align: center !important;
}

/* Order overview box */
body.woocommerce-order-received ul.woocommerce-order-overview {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin: 0 auto 44px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid #e6eaf2 !important;
  border-radius: 28px !important;
  background: #ffffff !important;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.075) !important;
}

body.woocommerce-order-received ul.woocommerce-order-overview li {
  margin: 0 !important;
  padding: 24px 26px !important;
  border: 0 !important;
  border-right: 1px solid #eef1f6 !important;
  color: #667085 !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  font-weight: 900 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

body.woocommerce-order-received ul.woocommerce-order-overview li:last-child {
  border-right: 0 !important;
}

body.woocommerce-order-received ul.woocommerce-order-overview li strong {
  display: block !important;
  margin-top: 9px !important;
  color: #111827 !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

/* Order details card */
body.woocommerce-order-received .woocommerce-order-details {
  margin: 0 0 28px !important;
  padding: 34px !important;
  border: 1px solid #e6eaf2 !important;
  border-radius: 30px !important;
  background: #ffffff !important;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.07) !important;
}

/* Naslov Order details */
body.woocommerce-order-received .woocommerce-order-details__title,
body.woocommerce-order-received .woocommerce-order-details h2,
body.woocommerce-order-received .woocommerce-order-details h3 {
  margin: 0 0 22px !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 1 !important;
}

body.woocommerce-order-received .woocommerce-order-details__title::after,
body.woocommerce-order-received .woocommerce-order-details h2::after,
body.woocommerce-order-received .woocommerce-order-details h3::after {
  content: "Detalji dogovora";
  color: #111827;
  font-size: 28px;
  line-height: 1.1;
  font-weight: 950;
  letter-spacing: -0.045em;
}

/* Tabela */
body.woocommerce-order-received table.shop_table {
  width: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 1px solid #edf0f6 !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  box-shadow: none !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

body.woocommerce-order-received table.shop_table th,
body.woocommerce-order-received table.shop_table td {
  padding: 18px 22px !important;
  border: 0 !important;
  border-bottom: 1px solid #eef1f6 !important;
  color: #667085 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  vertical-align: middle !important;
}

body.woocommerce-order-received table.shop_table tr:last-child th,
body.woocommerce-order-received table.shop_table tr:last-child td {
  border-bottom: 0 !important;
}

body.woocommerce-order-received table.shop_table thead th {
  background: #fbfcff !important;
  color: #111827 !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

body.woocommerce-order-received table.shop_table .product-name,
body.woocommerce-order-received table.shop_table .product-name a {
  color: #111827 !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

body.woocommerce-order-received table.shop_table .product-total,
body.woocommerce-order-received table.shop_table tfoot td {
  text-align: right !important;
  color: #111827 !important;
  font-weight: 900 !important;
}

body.woocommerce-order-received table.shop_table tfoot th {
  color: #111827 !important;
  font-weight: 850 !important;
}

body.woocommerce-order-received table.shop_table tfoot tr:last-child th,
body.woocommerce-order-received table.shop_table tfoot tr:last-child td {
  background: #fbfcff !important;
  color: #111827 !important;
  font-size: 20px !important;
  font-weight: 950 !important;
  letter-spacing: -0.035em !important;
}

/* Custom product/project summary box ispod */
body.woocommerce-order-received .woocommerce-order-details + section,
body.woocommerce-order-received .woocommerce-customer-details,
body.woocommerce-order-received .woocommerce-order .woocommerce-columns,
body.woocommerce-order-received .woocommerce-order > .woocommerce-order-details ~ div {
  border-radius: 26px !important;
}

/* Box "Treba mi električar..." koji se pojavljuje ispod */
body.woocommerce-order-received .woocommerce-order > div:not(.woocommerce-order-details):not(.pkt-confirm-completion-box),
body.woocommerce-order-received .woocommerce-order > section:not(.woocommerce-order-details) {
  margin-top: 24px !important;
  padding: 26px !important;
  border: 1px solid #e6eaf2 !important;
  border-radius: 26px !important;
  background: #ffffff !important;
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.045) !important;
}

/* =========================================================
   Potvrda završetka projekta - privremeno dole
   Kasnije ide na radnu površinu
   ========================================================= */

body.woocommerce-order-received .pkt-confirm-completion-box {
  position: relative !important;
  margin: 34px 0 0 !important;
  padding: 26px 28px !important;
  border: 1px dashed #d8b4fe !important;
  border-radius: 26px !important;
  background:
    radial-gradient(circle at top left, rgba(124, 58, 237, 0.10), transparent 34%),
    linear-gradient(135deg, #ffffff 0%, #fbf9ff 100%) !important;
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.045) !important;
}

body.woocommerce-order-received .pkt-confirm-completion-box::before {
  content: "Privremena akcija za dashboard";
  display: inline-flex;
  margin-bottom: 14px;
  padding: 7px 11px;
  border-radius: 999px;
  background: #f3e8ff;
  color: #7c3aed;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .04em;
  text-transform: uppercase;
}

body.woocommerce-order-received .pkt-confirm-completion-box h3 {
  margin: 0 0 10px !important;
  padding: 0 !important;
  color: #111827 !important;
  font-size: 24px !important;
  line-height: 1.15 !important;
  font-weight: 950 !important;
  letter-spacing: -0.04em !important;
}

body.woocommerce-order-received .pkt-confirm-completion-box p {
  max-width: 650px !important;
  margin: 0 0 18px !important;
  color: #667085 !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  font-weight: 550 !important;
}

body.woocommerce-order-received .pkt-confirm-completion-button,
body.woocommerce-order-received .pkt-confirm-completion-box button,
body.woocommerce-order-received .pkt-confirm-completion-box a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 52px !important;
  padding: 0 22px !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: #0f172a !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 950 !important;
  text-decoration: none !important;
  box-shadow: 0 16px 30px rgba(15, 23, 42, 0.18) !important;
}

body.woocommerce-order-received .pkt-confirm-completion-button:hover,
body.woocommerce-order-received .pkt-confirm-completion-box button:hover,
body.woocommerce-order-received .pkt-confirm-completion-box a:hover {
  background: #7c3aed !important;
  color: #ffffff !important;
}

/* Return to dashboard */
body.woocommerce-order-received .woocommerce-order .button,
body.woocommerce-order-received .woocommerce-order a.button,
body.woocommerce-order-received .return-to-shop a,
body.woocommerce-order-received a[href*="dashboard"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 54px !important;
  padding: 0 24px !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, #7c3aed 0%, #a855f7 100%) !important;
  color: #ffffff !important;
  font-size: 0 !important;
  font-weight: 950 !important;
  text-decoration: none !important;
  box-shadow: 0 16px 34px rgba(124, 58, 237, 0.24) !important;
}

body.woocommerce-order-received .woocommerce-order .button::after,
body.woocommerce-order-received .woocommerce-order a.button::after,
body.woocommerce-order-received a[href*="dashboard"]::after {
  content: "Nazad na projekte";
  font-size: 15px !important;
}

/* Woo default customer details ako se pojavi */
body.woocommerce-order-received .woocommerce-customer-details {
  margin-top: 26px !important;
  padding: 26px !important;
  border: 1px solid #e6eaf2 !important;
  border-radius: 26px !important;
  background: #ffffff !important;
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.045) !important;
}

/* Mobile */
@media (max-width: 768px) {
  body.woocommerce-order-received #main-container {
    padding: 34px 0 74px !important;
  }

  body.woocommerce-order-received .woocommerce {
    width: min(100% - 28px, 720px) !important;
  }

  body.woocommerce-order-received .woocommerce-thankyou-order-received::before {
    width: 66px;
    height: 66px;
    font-size: 36px;
  }

  body.woocommerce-order-received .woocommerce-thankyou-order-received::after {
    font-size: 34px !important;
  }

  body.woocommerce-order-received ul.woocommerce-order-overview {
    grid-template-columns: 1fr !important;
    border-radius: 24px !important;
    margin-bottom: 28px !important;
  }

  body.woocommerce-order-received ul.woocommerce-order-overview li {
    border-right: 0 !important;
    border-bottom: 1px solid #eef1f6 !important;
    padding: 18px 20px !important;
  }

  body.woocommerce-order-received ul.woocommerce-order-overview li:last-child {
    border-bottom: 0 !important;
  }

  body.woocommerce-order-received .woocommerce-order-details {
    padding: 18px !important;
    border-radius: 24px !important;
  }

  body.woocommerce-order-received .woocommerce-order-details__title::after,
  body.woocommerce-order-received .woocommerce-order-details h2::after,
  body.woocommerce-order-received .woocommerce-order-details h3::after {
    font-size: 24px !important;
  }

  body.woocommerce-order-received table.shop_table,
  body.woocommerce-order-received table.shop_table thead,
  body.woocommerce-order-received table.shop_table tbody,
  body.woocommerce-order-received table.shop_table tfoot,
  body.woocommerce-order-received table.shop_table tr,
  body.woocommerce-order-received table.shop_table th,
  body.woocommerce-order-received table.shop_table td {
    display: block !important;
    width: 100% !important;
  }

  body.woocommerce-order-received table.shop_table thead {
    display: none !important;
  }

  body.woocommerce-order-received table.shop_table tr {
    border-bottom: 1px solid #eef1f6 !important;
  }

  body.woocommerce-order-received table.shop_table tr:last-child {
    border-bottom: 0 !important;
  }

  body.woocommerce-order-received table.shop_table th,
  body.woocommerce-order-received table.shop_table td {
    padding: 14px 16px !important;
    border-bottom: 0 !important;
    text-align: left !important;
  }

  body.woocommerce-order-received table.shop_table .product-total,
  body.woocommerce-order-received table.shop_table tfoot td {
    text-align: left !important;
    padding-top: 0 !important;
  }

  body.woocommerce-order-received .pkt-confirm-completion-box {
    padding: 22px 20px !important;
    border-radius: 22px !important;
  }

  body.woocommerce-order-received .pkt-confirm-completion-button,
  body.woocommerce-order-received .pkt-confirm-completion-box button,
  body.woocommerce-order-received .pkt-confirm-completion-box a,
  body.woocommerce-order-received .woocommerce-order .button,
  body.woocommerce-order-received .woocommerce-order a.button {
    width: 100% !important;
  }
}

/* =========================================================
   PAKTOGRAF - Order received FINAL FIX
   ukloni dupli success + prepravi narandžasti overview box
   ========================================================= */

/* 1) Ukloni naš raniji dupli pseudo success ako postoji */
body.woocommerce-order-received .woocommerce-thankyou-order-received::before,
body.woocommerce-order-received .woocommerce-thankyou-order-received::after {
  display: none !important;
  content: none !important;
}

/* 2) Sakrij originalni Woo/Freeio success tekst */
body.woocommerce-order-received .woocommerce-order > h2:first-of-type,
body.woocommerce-order-received .woocommerce-order .woocommerce-thankyou-order-received,
body.woocommerce-order-received .woocommerce-order .woocommerce-notice--success,
body.woocommerce-order-received .woocommerce-order .order-success-wrapper h2,
body.woocommerce-order-received .woocommerce-order .order-success-wrapper .woocommerce-notice,
body.woocommerce-order-received .woocommerce-order .order-success-wrapper .icon,
body.woocommerce-order-received .woocommerce-order .order-success-wrapper .order-icon {
  display: none !important;
}

/* 3) Ako Freeio ima success wrapper, njega koristimo kao Paktograf hero */
body.woocommerce-order-received .woocommerce-order .order-success-wrapper {
  display: block !important;
  margin: 0 auto 36px !important;
  padding: 0 !important;
  text-align: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* 4) Novi jedini success znak */
body.woocommerce-order-received .woocommerce-order .order-success-wrapper::before {
  content: "✓";
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 78px !important;
  height: 78px !important;
  margin: 0 auto 22px !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.65), transparent 36%),
    #f3e8ff !important;
  color: #16a34a !important;
  font-size: 42px !important;
  font-weight: 950 !important;
  box-shadow: 0 20px 48px rgba(124, 58, 237, 0.12) !important;
}

/* 5) Novi naslov + tekst */
body.woocommerce-order-received .woocommerce-order .order-success-wrapper::after {
  content: "Pakter je uspješno unajmljen\A Dogovor je evidentiran. Detalji projekta, iznos i način isplate su sačuvani na Paktografu.";
  display: block !important;
  white-space: pre-line !important;
  max-width: 760px !important;
  margin: 0 auto !important;
  color: #111827 !important;
  font-size: clamp(34px, 4vw, 52px) !important;
  line-height: 1.08 !important;
  font-weight: 950 !important;
  letter-spacing: -0.055em !important;
}

/* Drugi red u after tekstu ne možemo posebno stilizovati,
   pa smirujemo ukupni blok kroz text-shadow/spacing */
body.woocommerce-order-received .woocommerce-order .order-success-wrapper {
  color: #667085 !important;
}

/* 6) Ako success wrapper ne postoji, sakrij sve stare notice elemente */
body.woocommerce-order-received .woocommerce-order > .woocommerce-thankyou-order-received {
  display: none !important;
}

/* =========================================================
   Order overview box - ukloni narandžasto/dotted
   ========================================================= */

body.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview,
body.woocommerce-order-received .woocommerce-order ul.woocommerce-thankyou-order-details,
body.woocommerce-order-received .woocommerce-order ul.order_details {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  max-width: 900px !important;
  margin: 0 auto 52px !important;
  padding: 0 !important;
  overflow: hidden !important;

  background: #ffffff !important;
  border: 1px solid #e6eaf2 !important;
  border-radius: 28px !important;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.075) !important;

  outline: none !important;
}

/* Ukloni dotted border ako ga theme stavlja kroz pseudo/outline */
body.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview::before,
body.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview::after,
body.woocommerce-order-received .woocommerce-order ul.woocommerce-thankyou-order-details::before,
body.woocommerce-order-received .woocommerce-order ul.woocommerce-thankyou-order-details::after,
body.woocommerce-order-received .woocommerce-order ul.order_details::before,
body.woocommerce-order-received .woocommerce-order ul.order_details::after {
  display: none !important;
  content: none !important;
}

/* Svaka stavka */
body.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview li,
body.woocommerce-order-received .woocommerce-order ul.woocommerce-thankyou-order-details li,
body.woocommerce-order-received .woocommerce-order ul.order_details li {
  position: relative !important;
  margin: 0 !important;
  padding: 24px 26px !important;
  border: 0 !important;
  border-right: 1px solid #eef1f6 !important;
  background: #ffffff !important;

  color: transparent !important;
  font-size: 0 !important;
  line-height: 1.35 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

body.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview li:last-child,
body.woocommerce-order-received .woocommerce-order ul.woocommerce-thankyou-order-details li:last-child,
body.woocommerce-order-received .woocommerce-order ul.order_details li:last-child {
  border-right: 0 !important;
}

/* Labeli na bosanskom */
body.woocommerce-order-received li.woocommerce-order-overview__order::before {
  content: "Broj dogovora";
}

body.woocommerce-order-received li.woocommerce-order-overview__date::before {
  content: "Datum";
}

body.woocommerce-order-received li.woocommerce-order-overview__total::before {
  content: "Ukupno";
}

body.woocommerce-order-received li.woocommerce-order-overview__payment-method::before {
  content: "Način plaćanja";
}

body.woocommerce-order-received li.woocommerce-order-overview__order::before,
body.woocommerce-order-received li.woocommerce-order-overview__date::before,
body.woocommerce-order-received li.woocommerce-order-overview__total::before,
body.woocommerce-order-received li.woocommerce-order-overview__payment-method::before {
  display: block !important;
  margin: 0 0 9px !important;
  color: #667085 !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  font-weight: 950 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

/* Vrijednosti */
body.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview li strong,
body.woocommerce-order-received .woocommerce-order ul.woocommerce-thankyou-order-details li strong,
body.woocommerce-order-received .woocommerce-order ul.order_details li strong {
  display: block !important;
  margin: 0 !important;
  color: #111827 !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

/* =========================================================
   Prevedi / preimenuj detalje u tabeli gdje možemo CSS-om
   ========================================================= */

/* Sakrij engleski naslov ako ostane */
body.woocommerce-order-received .woocommerce-order-details__title {
  font-size: 0 !important;
  color: transparent !important;
}

body.woocommerce-order-received .woocommerce-order-details__title::after {
  content: "Detalji dogovora";
  color: #111827 !important;
  font-size: 28px !important;
  line-height: 1.1 !important;
  font-weight: 950 !important;
  letter-spacing: -0.045em !important;
}

/* Product / Total headeri */
body.woocommerce-order-received table.shop_table thead th.product-name {
  color: transparent !important;
  font-size: 0 !important;
}

body.woocommerce-order-received table.shop_table thead th.product-name::after {
  content: "Projekat";
  color: #667085 !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

body.woocommerce-order-received table.shop_table thead th.product-total {
  color: transparent !important;
  font-size: 0 !important;
}

body.woocommerce-order-received table.shop_table thead th.product-total::after {
  content: "Iznos";
  color: #667085 !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

/* Sakrij "Payment method:" tekst u footeru i ubaci bosanski */
body.woocommerce-order-received table.shop_table tfoot th {
  position: relative !important;
}

body.woocommerce-order-received table.shop_table tfoot th:contains("Payment method") {
  color: transparent !important;
}

/* CSS nema pouzdan :contains u browseru, zato ovo rješavamo generalno za zadnji red ako treba */
body.woocommerce-order-received table.shop_table tfoot tr:last-child th {
  color: transparent !important;
  font-size: 0 !important;
}

body.woocommerce-order-received table.shop_table tfoot tr:last-child th::after {
  content: "Način plaćanja:";
  color: #111827 !important;
  font-size: 14px !important;
  font-weight: 850 !important;
}

/* =========================================================
   Donji raw/meta box - smiri ga ili sakrij ako je višak
   ========================================================= */

body.woocommerce-order-received .woocommerce-order > p + div,
body.woocommerce-order-received .woocommerce-order > .pkt-order-meta-box {
  border: 1px solid #e6eaf2 !important;
  border-radius: 24px !important;
  background: #ffffff !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.04) !important;
}

/* Return button */
body.woocommerce-order-received .woocommerce-order a.button,
body.woocommerce-order-received .woocommerce-order .button {
  background: linear-gradient(135deg, #7c3aed 0%, #a855f7 100%) !important;
  color: #fff !important;
  border-radius: 16px !important;
  border: 0 !important;
  min-height: 54px !important;
  padding: 0 24px !important;
  box-shadow: 0 16px 34px rgba(124, 58, 237, 0.22) !important;
}

/* Mobile */
@media (max-width: 768px) {
  body.woocommerce-order-received .woocommerce-order .order-success-wrapper::before {
    width: 66px !important;
    height: 66px !important;
    font-size: 36px !important;
  }

  body.woocommerce-order-received .woocommerce-order .order-success-wrapper::after {
    font-size: 34px !important;
    line-height: 1.1 !important;
  }

  body.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview,
  body.woocommerce-order-received .woocommerce-order ul.woocommerce-thankyou-order-details,
  body.woocommerce-order-received .woocommerce-order ul.order_details {
    grid-template-columns: 1fr !important;
    border-radius: 24px !important;
    margin-bottom: 32px !important;
  }

  body.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview li,
  body.woocommerce-order-received .woocommerce-order ul.woocommerce-thankyou-order-details li,
  body.woocommerce-order-received .woocommerce-order ul.order_details li {
    border-right: 0 !important;
    border-bottom: 1px solid #eef1f6 !important;
    padding: 18px 20px !important;
  }

  body.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview li:last-child,
  body.woocommerce-order-received .woocommerce-order ul.woocommerce-thankyou-order-details li:last-child,
  body.woocommerce-order-received .woocommerce-order ul.order_details li:last-child {
    border-bottom: 0 !important;
  }
}


/* =========================================================
   PAKTOGRAF — WORKSPACE DASHBOARD UI
   Scoped only:
   body.pg-workspace-ui
   body.pg-page-my-projects
   body.pg-page-my-proposals
   body.pg-page-proposal-detail
========================================================= */

body.pg-workspace-ui,
body.pg-workspace-ui #apus-main-content,
body.pg-workspace-ui #main-container,
body.pg-workspace-ui #main-content,
body.pg-workspace-ui #main {
  background:
    radial-gradient(circle at top right, rgba(124, 58, 237, 0.08), transparent 34%),
    linear-gradient(180deg, #fbfaff 0%, #f7f6fb 100%) !important;
  color: #111827 !important;
}

/* Glavni layout */
body.pg-workspace-ui #main-container.wrapper-main-page,
body.pg-workspace-ui section#main-container {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
}

body.pg-workspace-ui #main-container > .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.pg-workspace-ui #main-content {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Centralni container za sve tri stranice */
body.pg-page-my-projects .box-dashboard-wrapper.my-job-employer,
body.pg-page-my-proposals .pg-my-proposals-inner,
body.pg-page-proposal-detail .pg-my-proposals-inner,
body.pg-page-proposal-detail .widget-proposals.box-dashboard-wrapper,
body.pg-page-proposal-detail .box-dashboard-wrapper {
  width: min(1180px, calc(100% - 44px)) !important;
  max-width: 1180px !important;
  margin: 70px auto 90px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.pgx-my-projects footer,
body.pgx-my-proposals footer,
body.pgx-project-view-proposals footer {
  margin-top: 0 !important;
}
/* PAKTOGRAF — Objavi projekat: ukloni prazan prostor iznad pregleda projekta */

.pg-post-project-page__form-card {
    padding-top: 0 !important;
}

.pg-post-project-page__form-card .job-submission-form-wrapper {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.pg-post-project-page__form-card .job-submission-form-wrapper > h3.title {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

.pg-post-project-page__form-card form#_project_front {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.pg-post-project-page__form-card form#_project_front > .cmb2-wrap[style*="display: none"],
.pg-post-project-page__form-card form#_project_front > .submit-button-wrapper.pg-is-hidden {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
}

.pg-post-project-page__form-card .pg-project-preview {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

@media (max-width: 767px) {
    .pg-post-project-page__form-card {
        padding-top: 0 !important;
    }

    .pg-post-project-page__form-card .job-submission-form-wrapper {
        padding-top: 0 !important;
    }

    .pg-post-project-page__form-card .pg-project-preview {
        margin-top: 0 !important;
    }
}

.pg-project-preview__card {
    padding-top: 0px !important;
}

/* PAKTOGRAF — Objavi projekat: preview kartica bez praznog prostora gore */

form#_project_front .pg-project-preview__card {
    padding-top: 0px !important;
    min-height: 0 !important;
    height: auto !important;
    display: block !important;
}

form#_project_front .pg-project-preview__card h2 {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    line-height: 0 !important;
}

form#_project_front .pg-project-preview__image-wrap {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* PAKTOGRAF — Pregled projekta: povuci sliku gore */

form#_project_front .pg-project-preview__card {
    padding-top: 0 !important;
}

form#_project_front .pg-project-preview__card > h2 {
    display: none !important;
}

form#_project_front .pg-project-preview__image-wrap {
    margin-top: -30px !important;
}

@media (max-width: 767px) {
    form#_project_front .pg-project-preview__card {
        padding-top: 0 !important;
    }

    form#_project_front .pg-project-preview__image-wrap {
        margin-top: -30px !important;
    }
}

.pg-post-project-page .pg-project-required-note {
	display: flex !important;
	gap: 14px !important;
	align-items: flex-start !important;
	width: 100% !important;
	margin: 18px 0 24px !important;
	padding: 16px 18px !important;
	border: 1px solid #fde68a !important;
	border-radius: 20px !important;
	background: linear-gradient(135deg, #fffbeb 0%, #ffffff 100%) !important;
	color: #78350f !important;
	box-shadow: 0 12px 28px rgba(146, 64, 14, 0.06) !important;
}

.pg-post-project-page .pg-project-required-note__icon {
	width: 38px !important;
	height: 38px !important;
	border-radius: 14px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 auto !important;
	background: #fef3c7 !important;
	font-size: 18px !important;
}

.pg-post-project-page .pg-project-required-note strong {
	display: block !important;
	margin-bottom: 4px !important;
	color: #78350f !important;
	font-size: 14px !important;
	font-weight: 900 !important;
}

.pg-post-project-page .pg-project-required-note p {
	margin: 0 !important;
	color: #92400e !important;
	font-size: 14px !important;
	line-height: 1.55 !important;
}

/* PAKTOGRAF — Korak 3: dodatne slike kao male thumbnail kartice na PC */

@media (min-width: 768px) {
    body .pg-project-preview__materials .pg-project-preview__materials-gallery {
        display: grid !important;
        grid-template-columns: repeat(4, 96px) !important;
        gap: 10px !important;
        justify-content: start !important;
        align-items: start !important;
        width: auto !important;
        max-width: 100% !important;
    }

    body .pg-project-preview__materials .pg-project-preview__materials-gallery > .pg-project-preview__materials-thumb {
        width: 96px !important;
        height: 96px !important;
        min-width: 96px !important;
        max-width: 96px !important;
        min-height: 96px !important;
        max-height: 96px !important;
        aspect-ratio: 1 / 1 !important;
        overflow: hidden !important;
        border-radius: 14px !important;
        background: #f6f1fb !important;
        border: 1px solid rgba(88, 55, 160, 0.12) !important;
        display: block !important;
    }

    body .pg-project-preview__materials .pg-project-preview__materials-gallery > .pg-project-preview__materials-thumb > img {
        width: 96px !important;
        height: 96px !important;
        min-width: 96px !important;
        max-width: 96px !important;
        min-height: 96px !important;
        max-height: 96px !important;
        object-fit: cover !important;
        display: block !important;
        border-radius: 14px !important;
    }
}

/* PAKTOGRAF — Single project: desktop galerija i prilozi kao na telefonu */

@media (min-width: 768px) {

    /* Galerija slika ispod opisa projekta */
    .pg-single-description-gallery {
        margin-top: 22px !important;
        padding-top: 18px !important;
        border-top: 1px solid rgba(88, 55, 160, 0.10) !important;
    }

    .pg-single-description-gallery h3 {
        margin: 0 0 14px !important;
        color: #24143f !important;
        font-size: 16px !important;
        font-weight: 800 !important;
    }

    .pg-single-description-gallery__grid {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 12px !important;
        align-items: start !important;
    }

    .pg-single-description-gallery__item {
        display: block !important;
        width: 100% !important;
        aspect-ratio: 1 / 1 !important;
        height: auto !important;
        max-height: none !important;
        border-radius: 16px !important;
        overflow: hidden !important;
        background: #f6f1fb !important;
        border: 1px solid rgba(88, 55, 160, 0.12) !important;
        box-shadow: none !important;
    }

    .pg-single-description-gallery__item img {
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        max-height: none !important;
        object-fit: cover !important;
        display: block !important;
        border-radius: 16px !important;
    }

    /* Ako neka slika pobjegne direktno u galeriju bez wrappera */
    .pg-single-description-gallery__grid > img {
        width: 100% !important;
        aspect-ratio: 1 / 1 !important;
        height: auto !important;
        object-fit: cover !important;
        border-radius: 16px !important;
    }


    /* Prilozi — desktop kao mobilne kartice */
    .pg-single-attachments-list {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        margin-top: 12px !important;
    }

    .pg-single-attachment-item {
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
        padding: 12px 14px !important;
        border-radius: 16px !important;
        background: #ffffff !important;
        border: 1px solid rgba(88, 55, 160, 0.12) !important;
        text-decoration: none !important;
        box-shadow: none !important;
    }

    .pg-single-attachment-item:hover {
        transform: translateY(-1px) !important;
        border-color: rgba(88, 55, 160, 0.28) !important;
        box-shadow: 0 12px 28px rgba(25, 18, 55, 0.08) !important;
    }

    .pg-single-attachment-item__icon {
        min-width: 52px !important;
        height: 34px !important;
        border-radius: 11px !important;
        background: #f3eefb !important;
        color: #5b2bbf !important;
        font-size: 11px !important;
        font-weight: 900 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-transform: uppercase !important;
    }

    .pg-single-attachment-item__body {
        display: flex !important;
        flex-direction: column !important;
        gap: 2px !important;
        min-width: 0 !important;
    }

    .pg-single-attachment-item__body strong {
        color: #24143f !important;
        font-size: 14px !important;
        font-weight: 800 !important;
        line-height: 1.35 !important;
        word-break: break-word !important;
    }

    .pg-single-attachment-item__body small {
        color: #7b708c !important;
        font-size: 12px !important;
    }
}



/* PAKTOGRAF — Sigurnija saradnja modal */

body.pg-safety-modal-open {
    overflow: hidden;
}

.pg-safety-modal {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 18px;
}

.pg-safety-modal.is-open {
    display: flex;
}

.pg-safety-modal__overlay {
    position: absolute;
    inset: 0;
    background: rgba(7, 13, 31, 0.48);
    backdrop-filter: blur(8px);
}

.pg-safety-modal__dialog {
    position: relative;
    width: min(520px, 100%);
    max-height: calc(100vh - 36px);
    overflow: auto;
    background: #ffffff;
    border-radius: 26px;
    padding: 28px;
    box-shadow: 0 30px 90px rgba(20, 12, 45, 0.28);
    border: 1px solid rgba(124, 53, 232, 0.14);
}

.pg-safety-modal__close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 999px;
    background: #f5f1fb;
    color: #24143f;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
}

.pg-safety-modal__icon {
    width: 54px;
    height: 54px;
    border-radius: 18px;
    background: #f3eaff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    margin-bottom: 16px;
}

.pg-safety-modal h2 {
    margin: 0 0 10px;
    color: #07142f;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 900;
}

.pg-safety-modal__lead {
    margin: 0 0 18px;
    color: #657089;
    font-size: 15px;
    line-height: 1.65;
}

.pg-safety-modal__list {
    display: grid;
    gap: 12px;
    margin: 18px 0;
}

.pg-safety-modal__list div {
    padding: 14px 15px;
    border-radius: 16px;
    background: #fbf8ff;
    border: 1px solid rgba(88, 55, 160, 0.10);
}

.pg-safety-modal__list strong {
    display: block;
    color: #24143f;
    font-size: 14px;
    font-weight: 850;
    margin-bottom: 4px;
}

.pg-safety-modal__list span {
    display: block;
    color: #6f7890;
    font-size: 13px;
    line-height: 1.55;
}

.pg-safety-modal__note {
    padding: 13px 14px;
    border-radius: 15px;
    background: #fffaf0;
    border: 1px solid #ffd76a;
    color: #8a3d12;
    font-size: 13px;
    line-height: 1.55;
    margin-top: 16px;
}

.pg-safety-modal__primary {
    width: 100%;
    margin-top: 18px;
    border: 0;
    border-radius: 16px;
    padding: 14px 18px;
    background: linear-gradient(135deg, #7c35e8, #a829d8);
    color: #ffffff;
    font-weight: 850;
    cursor: pointer;
}

@media (max-width: 767px) {
    .pg-safety-modal {
        align-items: flex-end;
        padding: 12px;
    }

    .pg-safety-modal__dialog {
        border-radius: 24px;
        padding: 24px 20px 20px;
    }

    .pg-safety-modal h2 {
        font-size: 21px;
    }
}



/* PAKTOGRAF — Single project: forma za slanje ponude */

.pg-proposal-price-field {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
}

.pg-proposal-price-field input {
    width: 100% !important;
    padding-right: 76px !important;
}

.pg-proposal-price-field__currency {
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    min-width: 48px !important;
    height: 32px !important;
    padding: 0 10px !important;

    border-radius: 999px !important;
    background: #f3eefb !important;
    color: #5b2bbf !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: 0.02em !important;
}

.pg-proposal-field-help {
    margin: 7px 0 0 !important;
    color: #7b708c !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
}

.pg-single-form-slot label {
    color: #24143f !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    margin-bottom: 7px !important;
}

.pg-single-form-slot input,
.pg-single-form-slot textarea,
.pg-single-form-slot select {
    border-radius: 14px !important;
    border: 1px solid rgba(88, 55, 160, 0.16) !important;
    background: #ffffff !important;
}

.pg-single-form-slot input:focus,
.pg-single-form-slot textarea:focus,
.pg-single-form-slot select:focus {
    border-color: rgba(124, 53, 232, 0.45) !important;
    box-shadow: 0 0 0 4px rgba(124, 53, 232, 0.09) !important;
    outline: none !important;
}


/* PAKTOGRAF — Archive proposal modal */

body.pg-archive-proposal-modal-open {
    overflow: hidden !important;
}

.pg-archive-proposal-modal {
    position: fixed !important;
    inset: 0 !important;
    z-index: 999999 !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 18px !important;
}

.pg-archive-proposal-modal.is-open {
    display: flex !important;
}

.pg-archive-proposal-modal__overlay {
    position: absolute !important;
    inset: 0 !important;
    background: rgba(7, 13, 31, 0.52) !important;
    backdrop-filter: blur(8px) !important;
}

.pg-archive-proposal-modal__dialog {
    position: relative !important;
    z-index: 2 !important;
    width: min(520px, 100%) !important;
    max-height: calc(100vh - 36px) !important;
    overflow: auto !important;
    background: #ffffff !important;
    border-radius: 28px !important;
    padding: 26px !important;
    border: 1px solid rgba(124, 53, 232, 0.16) !important;
    box-shadow: 0 32px 90px rgba(20, 12, 45, 0.30) !important;
}

.pg-archive-proposal-modal__close {
    position: absolute !important;
    top: 16px !important;
    right: 16px !important;
    width: 38px !important;
    height: 38px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #f5f1fb !important;
    color: #24143f !important;
    font-size: 24px !important;
    line-height: 1 !important;
    cursor: pointer !important;
}

.pg-archive-proposal-modal__head {
    padding-right: 44px !important;
    margin-bottom: 18px !important;
}

.pg-archive-proposal-modal__eyebrow {
    display: inline-flex !important;
    align-items: center !important;
    padding: 6px 10px !important;
    border-radius: 999px !important;
    background: #f3eaff !important;
    color: #7c35e8 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
    margin-bottom: 12px !important;
}

.pg-archive-proposal-modal__head h2 {
    margin: 0 0 7px !important;
    color: #07142f !important;
    font-size: 28px !important;
    line-height: 1.15 !important;
    font-weight: 900 !important;
}

.pg-archive-proposal-modal__head p {
    margin: 0 0 6px !important;
    color: #667085 !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
    font-weight: 700 !important;
}

.pg-archive-proposal-modal__head strong {
    display: inline-flex !important;
    color: #07142f !important;
    font-size: 14px !important;
    font-weight: 900 !important;
}

.pg-archive-proposal-modal__loading,
.pg-archive-proposal-modal__error {
    padding: 18px !important;
    border-radius: 18px !important;
    background: #fbf8ff !important;
    border: 1px solid rgba(124, 53, 232, 0.14) !important;
    color: #667085 !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
}

.pg-archive-proposal-modal__error a {
    color: #7c35e8 !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}

/* Forma unutar modala */
.pg-archive-proposal-modal__form-slot label {
    color: #24143f !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    margin-bottom: 7px !important;
}

.pg-archive-proposal-modal__form-slot input,
.pg-archive-proposal-modal__form-slot textarea,
.pg-archive-proposal-modal__form-slot select {
    width: 100% !important;
    border-radius: 14px !important;
    border: 1px solid rgba(88, 55, 160, 0.18) !important;
    background: #ffffff !important;
}

.pg-archive-proposal-modal__form-slot textarea {
    min-height: 130px !important;
}

.pg-archive-proposal-modal__form-slot button[type="submit"],
.pg-archive-proposal-modal__form-slot input[type="submit"] {
    width: 100% !important;
    min-height: 52px !important;
    border: 0 !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, #7c35e8, #b829d8) !important;
    color: #ffffff !important;
    font-weight: 900 !important;
    box-shadow: 0 16px 34px rgba(124, 53, 232, 0.24) !important;
}

@media (max-width: 767px) {
    .pg-archive-proposal-modal {
        align-items: flex-end !important;
        padding: 12px !important;
    }

    .pg-archive-proposal-modal__dialog {
        border-radius: 26px !important;
        padding: 22px 18px 18px !important;
    }

    .pg-archive-proposal-modal__head h2 {
        font-size: 23px !important;
    }
}/* PAKTOGRAF — archive buttons compact fix */

@media (min-width: 992px) {
    .pg-projects-archive-shell .pg-project-card__actions,
    .pg-projects-archive-shell .pg-project-card__cta,
    .pg-projects-archive-shell .pg-project-card__buttons {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        flex-wrap: nowrap !important;
        max-width: 100% !important;
    }

    .pg-projects-archive-shell .pg-project-card__btn,
    .pg-projects-archive-shell a.pg-project-card__btn,
    .pg-projects-archive-shell a.pg-archive-proposal-trigger {
        height: 46px !important;
        min-height: 46px !important;
        padding: 0 14px !important;
        border-radius: 14px !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        white-space: nowrap !important;
        line-height: 1 !important;
        text-align: center !important;

        font-size: 14px !important;
        font-weight: 800 !important;

        flex: 0 0 auto !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .pg-projects-archive-shell .pg-project-card__btn--ghost {
        width: 126px !important;
        min-width: 126px !important;
    }

    .pg-projects-archive-shell .pg-project-card__btn--primary,
    .pg-projects-archive-shell a.pg-archive-proposal-trigger {
        width: 126px !important;
        min-width: 126px !important;
    }
}

/* PAKTOGRAF — project status badge */

.pg-project-status-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    min-height: 32px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: .01em !important;
    white-space: nowrap !important;
}

.pg-project-status-badge.is-open {
    background: #ecfdf3 !important;
    color: #067647 !important;
}

.pg-project-status-badge.is-closed {
    background: #f2f4f7 !important;
    color: #475467 !important;
}

.pg-project-status-badge.is-progress {
    background: #eef4ff !important;
    color: #3538cd !important;
}

.pg-project-status-badge.is-completed {
    background: #f0fdf4 !important;
    color: #15803d !important;
}

.pg-project-status-badge.is-dispute {
    background: #fff1f3 !important;
    color: #c01048 !important;
}

.pg-project-status-badge.is-cancelled {
    background: #fff7ed !important;
    color: #c2410c !important;
}

/* PAKTOGRAF — owner verification badge */

.pg-owner-verification-pill {
    white-space: nowrap !important;
}

.pg-owner-verification-pill.is-none {
    background: #f2f4f7 !important;
    color: #475467 !important;
}

.pg-owner-verification-pill.is-contact {
    background: #ecfdf3 !important;
    color: #067647 !important;
}

.pg-owner-verification-pill.is-profile {
    background: #eef4ff !important;
    color: #3538cd !important;
}

.pg-owner-verification-pill.is-identity {
    background: #f3e8ff !important;
    color: #7e22ce !important;
}

.pg-owner-verification-pill.is-payout {
    background: #fff7ed !important;
    color: #c2410c !important;
}

/* PAKTOGRAF — owner verification card / soft version */

.pg-single-verification-card {
    overflow: hidden !important;
}

.pg-single-verification-card__head {
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;
    margin-bottom: 18px !important;
}

.pg-single-verification-card__icon {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    border-radius: 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ecfdf3 !important;
    color: #079455 !important;
    font-size: 26px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

.pg-single-verification-card__head h3 {
    margin: 0 0 8px !important;
    color: #101828 !important;
    font-size: 24px !important;
    line-height: 1.12 !important;
    font-weight: 900 !important;
    letter-spacing: -0.03em !important;
}

.pg-owner-verification-pill {
    min-height: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 13px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 850 !important;
    white-space: nowrap !important;
}

.pg-owner-verification-pill.is-none {
    background: #f2f4f7 !important;
    color: #475467 !important;
}

.pg-owner-verification-pill.is-contact {
    background: #e9fbf1 !important;
    color: #067647 !important;
}

.pg-owner-verification-pill.is-active-user {
    background: #eef4ff !important;
    color: #3538cd !important;
}

.pg-owner-verification-pill.is-documents {
    background: #f3e8ff !important;
    color: #7e22ce !important;
}

.pg-single-verification-card p {
    margin: 0 0 18px !important;
    color: #667085 !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
    font-weight: 500 !important;
}

.pg-single-verification-levels {
    display: grid !important;
    gap: 10px !important;
    margin-top: 2px !important;
}

.pg-single-verification-levels > div {
    position: relative !important;
    display: grid !important;
    gap: 3px !important;
    padding: 13px 14px 13px 42px !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    border: 1px solid #eaecf0 !important;
    box-shadow: none !important;
}

.pg-single-verification-levels > div::before {
    content: "" !important;
    position: absolute !important;
    left: 14px !important;
    top: 15px !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: 999px !important;
    background: #f8fafc !important;
    border: 1px solid #d0d5dd !important;
}

.pg-single-verification-levels > div::after {
    content: "" !important;
    position: absolute !important;
    left: 20px !important;
    top: 19px !important;
    width: 6px !important;
    height: 10px !important;
    border-right: 2px solid transparent !important;
    border-bottom: 2px solid transparent !important;
    transform: rotate(45deg) !important;
}

.pg-single-verification-levels > div.is-active {
    background: #f6fef9 !important;
    border-color: #d1fadf !important;
}

.pg-single-verification-levels > div.is-active::before {
    background: #12b76a !important;
    border-color: #12b76a !important;
}

.pg-single-verification-levels > div.is-active::after {
    border-right-color: #ffffff !important;
    border-bottom-color: #ffffff !important;
}

.pg-single-verification-levels strong {
    color: #101828 !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    font-weight: 850 !important;
}

.pg-single-verification-levels small {
    color: #667085 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
}

.pg-single-verification-levels > div.is-active strong {
    color: #067647 !important;
}

.pg-single-verification-levels > div.is-active small {
    color: #087443 !important;
}

@media (max-width: 767px) {
    .pg-single-verification-card__head {
        gap: 12px !important;
    }

    .pg-single-verification-card__icon {
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        border-radius: 16px !important;
        font-size: 24px !important;
    }

    .pg-single-verification-card__head h3 {
        font-size: 22px !important;
    }

    .pg-owner-verification-pill {
        min-height: 28px !important;
        padding: 0 12px !important;
        font-size: 12px !important;
    }

    .pg-single-verification-card p {
        font-size: 14px !important;
        line-height: 1.5 !important;
    }
}
/* PAKTOGRAF — related projects carousel */

.pg-single-related-projects {
    overflow: hidden !important;
}

.pg-single-section-head {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 18px !important;
    margin-bottom: 18px !important;
}

.pg-single-section-head h2 {
    margin: 0 0 6px !important;
    color: #101828 !important;
    font-size: 24px !important;
    line-height: 1.15 !important;
    font-weight: 900 !important;
    letter-spacing: -0.03em !important;
}

.pg-single-section-head p {
    margin: 0 !important;
    max-width: 620px !important;
    color: #667085 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    font-weight: 600 !important;
}

.pg-related-projects-scroll {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: minmax(320px, 1fr) !important;
    gap: 14px !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 2px 2px 12px !important;

    scroll-snap-type: x mandatory !important;
    scroll-padding-left: 2px !important;
    -webkit-overflow-scrolling: touch !important;
}

.pg-related-projects-scroll::-webkit-scrollbar {
    height: 8px !important;
}

.pg-related-projects-scroll::-webkit-scrollbar-track {
    background: #f3eaff !important;
    border-radius: 999px !important;
}

.pg-related-projects-scroll::-webkit-scrollbar-thumb {
    background: rgba(124, 58, 237, 0.35) !important;
    border-radius: 999px !important;
}

.pg-related-project-card {
    scroll-snap-align: start !important;

    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 145px !important;
    gap: 14px !important;
    align-items: center !important;

    padding: 16px !important;
    border-radius: 20px !important;
    background: #ffffff !important;
    border: 1px solid #eaecf0 !important;
    box-shadow: 0 10px 26px rgba(16, 24, 40, 0.035) !important;
}

.pg-related-project-card__main {
    min-width: 0 !important;
}

.pg-related-project-card h3 {
    margin: 0 0 10px !important;
    color: #101828 !important;
    font-size: 16px !important;
    line-height: 1.25 !important;
    font-weight: 900 !important;
    letter-spacing: -0.02em !important;
}

.pg-related-project-card h3 a {
    color: inherit !important;
    text-decoration: none !important;
}

.pg-related-project-card h3 a:hover {
    color: #7c3aed !important;
}

.pg-related-project-card__meta {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
}

.pg-related-project-card__meta span {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 26px !important;
    padding: 0 9px !important;
    border-radius: 999px !important;
    background: #f8f5ff !important;
    color: #667085 !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 750 !important;
    max-width: 100% !important;
}

.pg-related-project-card__side {
    display: grid !important;
    justify-items: end !important;
    gap: 8px !important;
    padding-left: 14px !important;
    border-left: 1px solid #eaecf0 !important;
}

.pg-related-project-card__side span {
    color: #667085 !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
}

.pg-related-project-card__side strong {
    color: #101828 !important;
    font-size: 18px !important;
    line-height: 1.1 !important;
    font-weight: 950 !important;
    letter-spacing: -0.03em !important;
    text-align: right !important;
}

.pg-related-project-card__side a {
    min-height: 34px !important;
    padding: 0 13px !important;
    border-radius: 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #f3eaff !important;
    color: #7c3aed !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

.pg-related-project-card__side a:hover {
    background: #7c3aed !important;
    color: #ffffff !important;
}

/* Desktop: ako ima više kartica, horizontalno skrolanje */
@media (min-width: 992px) {
    .pg-related-projects-scroll {
        grid-auto-columns: minmax(430px, calc(50% - 8px)) !important;
    }
}

/* Mobile: jedna kartica po ekranu, lijevo/desno */
@media (max-width: 767px) {
    .pg-single-section-head h2 {
        font-size: 21px !important;
    }

    .pg-single-section-head p {
        font-size: 13px !important;
    }

    .pg-related-projects-scroll {
        grid-auto-columns: 88% !important;
        gap: 12px !important;
        margin-left: -2px !important;
        margin-right: -2px !important;
        padding-bottom: 10px !important;
        scroll-snap-type: x mandatory !important;
    }

    .pg-related-project-card {
        grid-template-columns: 1fr !important;
        gap: 13px !important;
        padding: 14px !important;
        border-radius: 18px !important;
    }

    .pg-related-project-card__side {
        justify-items: start !important;
        border-left: 0 !important;
        border-top: 1px solid #eaecf0 !important;
        padding-left: 0 !important;
        padding-top: 12px !important;
    }

    .pg-related-project-card__side strong {
        text-align: left !important;
        font-size: 18px !important;
    }
}
/* PAKTOGRAF — 404 nazad button */

.nazad-404,
a.nazad-404,
button.nazad-404 {
    min-height: 58px !important;
    padding: 0 34px !important;
    border-radius: 18px !important;
    border: 0 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;

    background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 68%, #f8b800 190%) !important;
    color: #ffffff !important;

    font-size: 17px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    text-decoration: none !important;

    box-shadow: 0 16px 34px rgba(124, 58, 237, 0.24) !important;
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
}

.nazad-404:hover,
a.nazad-404:hover,
button.nazad-404:hover {
    transform: translateY(-2px) !important;
    filter: brightness(1.04) !important;
    box-shadow: 0 20px 42px rgba(124, 58, 237, 0.30) !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

@media (max-width: 767px) {
    .nazad-404,
    a.nazad-404,
    button.nazad-404 {
        width: 100% !important;
        min-height: 54px !important;
        padding: 0 22px !important;
        border-radius: 16px !important;
        font-size: 15px !important;
    }
}



/* =========================================================
   PAKTOGRAF DASHBOARD — shared clean system
========================================================= */

.pg-dash {
    --pg-purple: #7c3aed;
    --pg-purple-dark: #6d28d9;
    --pg-purple-soft: #f3e8ff;
    --pg-ink: #101828;
    --pg-muted: #667085;
    --pg-line: #e6eaf2;
    --pg-card: #ffffff;

    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
    padding: 64px 0 92px;
}

.pg-dash-head {
    margin-bottom: 30px;
}

.pg-dash-eyebrow {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 13px;
    border-radius: 999px;
    background: var(--pg-purple-soft);
    color: var(--pg-purple);
    font-size: 12px;
    line-height: 1;
    font-weight: 950;
    letter-spacing: .07em;
    text-transform: uppercase;
    margin-bottom: 14px;
}

.pg-dash-head h1 {
    margin: 0;
    color: var(--pg-ink);
    font-size: clamp(42px, 5vw, 64px);
    line-height: .98;
    font-weight: 950;
    letter-spacing: -0.06em;
}

.pg-dash-head p {
    max-width: 740px;
    margin: 14px 0 0;
    color: var(--pg-muted);
    font-size: 18px;
    line-height: 1.55;
    font-weight: 500;
}

.pg-dash-toolbar {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 26px;
    padding: 18px;
    border: 1px solid var(--pg-line);
    border-radius: 26px;
    background: #fff;
    box-shadow: 0 18px 44px rgba(15, 23, 42, .045);
}

.pg-dash-search {
    position: relative;
    width: min(380px, 100%);
}

.pg-dash-search input {
    width: 100%;
    height: 54px;
    border-radius: 17px;
    border: 1px solid #e2e8f0;
    padding: 0 54px 0 17px;
    background: #fff;
    color: var(--pg-ink);
    font-size: 14px;
    font-weight: 650;
    outline: none;
}

.pg-dash-search button {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 14px;
    background: var(--pg-purple-soft);
    color: var(--pg-purple);
    font-size: 18px;
    font-weight: 900;
}

.pg-dash-sort {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: auto;
}

.pg-dash-sort label {
    margin: 0;
    color: var(--pg-muted);
    font-size: 13px;
    font-weight: 850;
}

.pg-dash-sort select {
    height: 54px;
    min-width: 170px;
    border-radius: 17px;
    border: 1px solid #e2e8f0;
    padding: 0 16px;
    background: #fff;
    color: var(--pg-ink);
    font-size: 14px;
    font-weight: 750;
    outline: none;
}

.pg-dash-list {
    display: grid;
    gap: 16px;
}

.pg-dash-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 210px 300px;
    gap: 22px;
    align-items: center;
    padding: 24px;
    border: 1px solid #eef2f7;
    border-radius: 28px;
    background: #fff;
    box-shadow: 0 18px 44px rgba(15, 23, 42, .055);
}

.pg-dash-card__main {
    min-width: 0;
}

.pg-dash-card__topline {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 10px;
}

.pg-dash-status {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 12px;
    border-radius: 999px;
    font-size: 12px;
    line-height: 1;
    font-weight: 900;
}

.pg-dash-status.is-open,
.pg-dash-status.is-publish {
    background: #ecfdf3;
    color: #067647;
}

.pg-dash-status.is-progress {
    background: #eef4ff;
    color: #3538cd;
}

.pg-dash-status.is-completed {
    background: #f0fdf4;
    color: #15803d;
}

.pg-dash-status.is-cancelled,
.pg-dash-status.is-closed {
    background: #f2f4f7;
    color: #475467;
}

.pg-dash-status.is-pending,
.pg-dash-status.is-draft {
    background: #fff7ed;
    color: #c2410c;
}

.pg-dash-card__date {
    color: var(--pg-muted);
    font-size: 12px;
    font-weight: 750;
}

.pg-dash-card__title {
    margin: 0 0 12px;
    color: var(--pg-ink);
    font-size: 20px;
    line-height: 1.22;
    font-weight: 950;
    letter-spacing: -0.03em;
}

.pg-dash-card__title a {
    color: inherit;
    text-decoration: none;
}

.pg-dash-card__title a:hover {
    color: var(--pg-purple);
}

.pg-dash-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.pg-dash-meta span {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    background: #f8f5ff;
    color: #64748b;
    font-size: 12px;
    font-weight: 750;
}

.pg-dash-card__side {
    display: grid;
    gap: 12px;
    justify-items: end;
    padding-left: 22px;
    border-left: 1px solid #eef2f7;
}

.pg-dash-money span,
.pg-dash-proposals small {
    display: block;
    margin-bottom: 5px;
    color: var(--pg-muted);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .06em;
    text-transform: uppercase;
    text-align: right;
}

.pg-dash-money strong {
    display: block;
    color: var(--pg-ink);
    font-size: 23px;
    line-height: 1.05;
    font-weight: 950;
    letter-spacing: -0.04em;
    text-align: right;
}

.pg-dash-proposals {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 11px;
    border-radius: 999px;
    background: var(--pg-purple-soft);
    color: var(--pg-purple);
}

.pg-dash-proposals span {
    font-size: 15px;
    font-weight: 950;
    line-height: 1;
}

.pg-dash-proposals small {
    margin: 0;
    color: inherit;
    font-size: 12px;
    text-transform: none;
    letter-spacing: 0;
}

.pg-dash-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.pg-dash-btn,
.pg-dash-icon-btn {
    min-height: 44px;
    border-radius: 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    font-size: 13px;
    line-height: 1;
    font-weight: 900;
    border: 0;
    cursor: pointer;
}

.pg-dash-btn {
    padding: 0 17px;
}

.pg-dash-btn--primary {
    background: linear-gradient(135deg, var(--pg-purple), var(--pg-purple-dark));
    color: #fff !important;
    box-shadow: 0 12px 26px rgba(124, 58, 237, .22);
}

.pg-dash-btn--soft {
    background: var(--pg-purple-soft);
    color: var(--pg-purple) !important;
}

.pg-dash-icon-btn {
    width: 44px;
    min-width: 44px;
    background: #fff;
    border: 1px solid #e6eaf2;
    color: #64748b;
}

.pg-dash-icon-btn--danger:hover {
    background: #fff1f3;
    color: #c01048;
}

.pg-dash-empty {
    padding: 34px;
    border-radius: 28px;
    background: #fff;
    border: 1px solid #eef2f7;
    box-shadow: 0 18px 44px rgba(15, 23, 42, .055);
}

.pg-dash-empty h2 {
    margin: 0 0 8px;
    color: var(--pg-ink);
    font-size: 26px;
    font-weight: 950;
    letter-spacing: -0.04em;
}

.pg-dash-empty p {
    margin: 0 0 20px;
    color: var(--pg-muted);
    font-size: 15px;
    line-height: 1.55;
}

.pg-dash-pagination {
    margin-top: 26px;
}

.pg-dash-pagination .pagination,
.pg-dash-pagination ul {
    display: flex;
    justify-content: center;
    gap: 8px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.pg-dash-pagination .page-numbers {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 999px;
    border: 1px solid #e6eaf2;
    background: #fff;
    color: #475467 !important;
    font-size: 14px;
    font-weight: 900;
    text-decoration: none !important;
}

.pg-dash-pagination .page-numbers.current {
    border-color: transparent;
    background: linear-gradient(135deg, var(--pg-purple), var(--pg-purple-dark));
    color: #fff !important;
    box-shadow: 0 10px 24px rgba(124, 58, 237, .22);
}

@media (max-width: 900px) {
    .pg-dash-card {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .pg-dash-card__side {
        justify-items: start;
        padding-left: 0;
        padding-top: 16px;
        border-left: 0;
        border-top: 1px solid #eef2f7;
    }

    .pg-dash-money span,
    .pg-dash-proposals small,
    .pg-dash-money strong {
        text-align: left;
    }

    .pg-dash-actions {
        justify-content: flex-start;
    }
}

@media (max-width: 767px) {
    .pg-dash {
        width: calc(100% - 24px);
        padding: 30px 0 72px;
    }

    .pg-dash-head {
        margin-bottom: 22px;
    }

    .pg-dash-head h1 {
        font-size: 35px;
        line-height: 1.02;
    }

    .pg-dash-head p {
        font-size: 14px;
        line-height: 1.5;
    }

    .pg-dash-toolbar {
        display: grid;
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 14px;
        border-radius: 22px;
    }

    .pg-dash-search,
    .pg-dash-sort,
    .pg-dash-sort select {
        width: 100%;
        min-width: 0;
    }

    .pg-dash-sort {
        display: grid;
        grid-template-columns: auto 1fr;
        margin-left: 0;
    }

    .pg-dash-card {
        padding: 18px;
        border-radius: 24px;
    }

    .pg-dash-card__title {
        font-size: 19px;
    }

    .pg-dash-money strong {
        font-size: 21px;
    }

    .pg-dash-actions {
        display: grid;
        grid-template-columns: 1fr 1fr 52px;
        width: 100%;
        gap: 9px;
    }

    .pg-dash-btn,
    .pg-dash-icon-btn {
        width: 100%;
        min-height: 48px;
    }
}

/* =========================================================
   PAKTOGRAF — project create/edit form
========================================================= */

.pg-dash--project-form {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
    padding: 64px 0 92px;
}

.pg-project-edit-shell {
    display: grid;
    grid-template-columns: 320px minmax(0, 1fr);
    gap: 24px;
    align-items: start;
}

.pg-project-edit-guide,
.pg-project-edit-card {
    border: 1px solid #eef2f7;
    border-radius: 30px;
    background: #ffffff;
    box-shadow: 0 18px 44px rgba(15, 23, 42, .055);
}

.pg-project-edit-guide {
    position: sticky;
    top: 24px;
    padding: 26px;
}

.pg-project-edit-guide__icon {
    width: 58px;
    height: 58px;
    border-radius: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    background: #f3e8ff;
    color: #7c3aed;
    font-size: 27px;
    font-weight: 950;
}

.pg-project-edit-guide h2 {
    margin: 0 0 16px;
    color: #101828;
    font-size: 22px;
    line-height: 1.18;
    font-weight: 950;
    letter-spacing: -0.04em;
}

.pg-project-edit-guide ul {
    display: grid;
    gap: 14px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.pg-project-edit-guide li {
    padding: 14px;
    border-radius: 18px;
    background: #fbfaff;
    border: 1px solid #f0e9ff;
}

.pg-project-edit-guide strong {
    display: block;
    margin-bottom: 4px;
    color: #101828;
    font-size: 13px;
    line-height: 1.25;
    font-weight: 900;
}

.pg-project-edit-guide span {
    display: block;
    color: #667085;
    font-size: 12px;
    line-height: 1.45;
    font-weight: 600;
}

.pg-project-edit-card {
    padding: 30px;
}

/* alerts */

.pg-project-form-alert {
    margin-bottom: 22px;
    padding: 16px 18px;
    border-radius: 20px;
    font-size: 14px;
    line-height: 1.5;
}

.pg-project-form-alert strong {
    display: block;
    margin-bottom: 8px;
    font-weight: 950;
}

.pg-project-form-alert ul {
    margin: 0;
    padding-left: 18px;
}

.pg-project-form-alert--error {
    background: #fff1f3;
    color: #b42318;
    border: 1px solid #fecdd3;
}

.pg-project-form-alert--success {
    background: #ecfdf3;
    color: #067647;
    border: 1px solid #bbf7d0;
}

/* CMB2 form reset */

.pg-project-edit-form {
    display: grid;
    gap: 0;
}

.pg-project-edit-form .cmb2-wrap,
.pg-project-edit-form .cmb2-metabox {
    margin: 0 !important;
    padding: 0 !important;
}

.pg-project-edit-form .cmb-row {
    margin: 0 0 18px !important;
    padding: 0 0 18px !important;
    border-bottom: 1px solid #eef2f7 !important;
}

.pg-project-edit-form .cmb-row:last-of-type {
    border-bottom: 0 !important;
}

.pg-project-edit-form .cmb-th {
    width: 100% !important;
    float: none !important;
    padding: 0 0 9px !important;
}

.pg-project-edit-form .cmb-th label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    color: #101828 !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    font-weight: 900 !important;
}

.pg-project-edit-form .cmb-th label::before {
    content: "•";
    width: 22px;
    height: 22px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f3e8ff;
    color: #7c3aed;
    font-size: 16px;
    line-height: 1;
}

.pg-project-edit-form .cmb-td {
    width: 100% !important;
    float: none !important;
    padding: 0 !important;
}

.pg-project-edit-form .cmb2-metabox-description,
.pg-project-edit-form .cmb2-metabox-description p {
    margin: 8px 0 0 !important;
    color: #667085 !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    font-weight: 600 !important;
}

/* inputs */

.pg-project-edit-form input[type="text"],
.pg-project-edit-form input[type="number"],
.pg-project-edit-form input[type="email"],
.pg-project-edit-form input[type="url"],
.pg-project-edit-form input[type="date"],
.pg-project-edit-form textarea,
.pg-project-edit-form select,
.pg-project-edit-form .cmb2-text-small,
.pg-project-edit-form .regular-text {
    width: 100% !important;
    min-height: 52px !important;
    border-radius: 16px !important;
    border: 1px solid #e2e8f0 !important;
    background: #ffffff !important;
    color: #101828 !important;
    padding: 0 15px !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 650 !important;
    box-shadow: none !important;
    outline: none !important;
}

.pg-project-edit-form textarea {
    min-height: 150px !important;
    padding: 14px 15px !important;
    resize: vertical !important;
}

.pg-project-edit-form input:focus,
.pg-project-edit-form textarea:focus,
.pg-project-edit-form select:focus {
    border-color: #7c3aed !important;
    box-shadow: 0 0 0 4px rgba(124, 58, 237, .10) !important;
}

/* select2 */

.pg-project-edit-form .select2-container {
    width: 100% !important;
}

.pg-project-edit-form .select2-container .select2-selection--single,
.pg-project-edit-form .select2-container .select2-selection--multiple {
    min-height: 52px !important;
    border-radius: 16px !important;
    border: 1px solid #e2e8f0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

.pg-project-edit-form .select2-container .select2-selection__rendered {
    min-height: 52px !important;
    line-height: 52px !important;
    padding-left: 15px !important;
    color: #101828 !important;
    font-size: 14px !important;
    font-weight: 650 !important;
}

.pg-project-edit-form .select2-container .select2-selection__arrow {
    top: 13px !important;
    right: 12px !important;
}

/* upload / cmb buttons */

.pg-project-edit-form .cmb2-upload-button,
.pg-project-edit-form .button-secondary,
.pg-project-edit-form .button {
    min-height: 44px !important;
    padding: 0 15px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: #f3e8ff !important;
    color: #7c3aed !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    box-shadow: none !important;
}

.pg-project-edit-form .cmb2-upload-button:hover,
.pg-project-edit-form .button-secondary:hover,
.pg-project-edit-form .button:hover {
    background: #eadcff !important;
    color: #6d28d9 !important;
}

/* checkbox/radio */

.pg-project-edit-form input[type="checkbox"],
.pg-project-edit-form input[type="radio"] {
    accent-color: #7c3aed;
}

.pg-project-edit-form .cmb2-list {
    display: grid;
    gap: 10px;
    margin: 0 !important;
    padding: 0 !important;
}

.pg-project-edit-form .cmb2-list li {
    margin: 0 !important;
    padding: 12px 14px !important;
    border-radius: 16px !important;
    background: #fbfaff !important;
    border: 1px solid #f0e9ff !important;
}

/* submit */

.pg-project-edit-submit {
    margin-top: 12px !important;
    padding-top: 22px !important;
    border-top: 1px solid #eef2f7 !important;
    display: flex !important;
    justify-content: flex-end !important;
}

.pg-project-save-btn {
    min-height: 54px !important;
    padding: 0 24px !important;
    border: 0 !important;
    border-radius: 17px !important;
    background: linear-gradient(135deg, #7c3aed, #6d28d9) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    box-shadow: 0 14px 30px rgba(124, 58, 237, .24) !important;
}

.pg-project-save-btn:hover {
    transform: translateY(-1px);
    color: #ffffff !important;
    box-shadow: 0 18px 38px rgba(124, 58, 237, .30) !important;
}

/* small polish for existing wizard fields if present */

.pg-project-edit-form .pg-budget-currency-wrap,
.pg-project-edit-form .pg-proposal-price-field {
    max-width: 100%;
}

@media (max-width: 900px) {
    .pg-project-edit-shell {
        grid-template-columns: 1fr;
    }

    .pg-project-edit-guide {
        position: static;
    }
}

@media (max-width: 767px) {
    .pg-dash--project-form {
        width: calc(100% - 24px);
        padding: 30px 0 72px;
    }

    .pg-project-edit-card,
    .pg-project-edit-guide {
        padding: 18px;
        border-radius: 24px;
    }

    .pg-project-edit-guide ul {
        gap: 10px;
    }

    .pg-project-edit-form .cmb-row {
        margin-bottom: 16px !important;
        padding-bottom: 16px !important;
    }

    .pg-project-edit-submit {
        display: grid !important;
        justify-content: stretch !important;
    }

    .pg-project-save-btn {
        width: 100% !important;
        min-height: 54px !important;
    }
}

/* PAKTOGRAF — edit projekta koristi isti stil kao objava */

.pg-post-project-page--edit .job-submission-form-wrapper > h3.title {
    display: none !important;
}

.pg-post-project-page--edit .submit-button-wrapper {
    display: flex !important;
    justify-content: flex-end !important;
    margin-top: 22px !important;
}

.pg-post-project-page--edit .submit-button-wrapper .btn.btn-theme {
    min-height: 54px !important;
    padding: 0 24px !important;
    border: 0 !important;
    border-radius: 17px !important;
    background: linear-gradient(135deg, #7c3aed, #6d28d9) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    box-shadow: 0 14px 30px rgba(124, 58, 237, .24) !important;
}

@media (max-width: 767px) {
    .pg-post-project-page--edit .submit-button-wrapper {
        display: grid !important;
        justify-content: stretch !important;
    }

    .pg-post-project-page--edit .submit-button-wrapper .btn.btn-theme {
        width: 100% !important;
    }
}

/* PAKTOGRAF — edit project intro centering */

.pg-post-project-page--edit .pg-project-required-note {
    max-width: 760px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.pg-post-project-page--edit .pg-post-project-page__hero {
    max-width: 760px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.pg-post-project-page--edit .pg-post-project-page__steps {
    max-width: 760px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.pg-post-project-page--edit .pg-post-project-page__form-card {
    max-width: 860px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

@media (max-width: 767px) {
    .pg-post-project-page--edit .pg-project-required-note,
    .pg-post-project-page--edit .pg-post-project-page__hero,
    .pg-post-project-page--edit .pg-post-project-page__steps,
    .pg-post-project-page--edit .pg-post-project-page__form-card {
        max-width: 100% !important;
    }
}

.pg-post-project-page--edit .pg-post-project-page__inner {
    max-width: 980px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* PAKTOGRAF — dashboard pagination purple hover/focus */

.pg-dash-pagination .page-numbers:hover,
.pg-dash-pagination .page-numbers:focus,
.pg-dash-pagination .page-numbers:focus-visible,
.pg-dash-pagination a.page-numbers:hover,
.pg-dash-pagination a.page-numbers:focus,
.pg-dash-pagination a.page-numbers:focus-visible {
    border-color: transparent !important;
    background: linear-gradient(135deg, #7c3aed, #6d28d9) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 24px rgba(124, 58, 237, .22) !important;
    outline: none !important;
}

.pg-dash-pagination .page-numbers.current,
.pg-dash-pagination .page-numbers.current:hover,
.pg-dash-pagination .page-numbers.current:focus {
    border-color: transparent !important;
    background: linear-gradient(135deg, #7c3aed, #6d28d9) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 24px rgba(124, 58, 237, .22) !important;
}

.pg-dash-pagination .next.page-numbers:hover,
.pg-dash-pagination .prev.page-numbers:hover,
.pg-dash-pagination .next.page-numbers:focus,
.pg-dash-pagination .prev.page-numbers:focus {
    background: #f3e8ff !important;
    color: #7c3aed !important;
    border-color: #eadcff !important;
}


/* PAKTOGRAF — checkout wrapper width fix */
body.woocommerce-checkout form.checkout.woocommerce-checkout {
    max-width: none !important;
    width: min(1180px, calc(100% - 48px)) !important;
    margin: 44px auto 96px !important;
    padding: 0 !important;
    display: block !important;
}

@media (max-width: 767px) {
    body.woocommerce-checkout form.checkout.woocommerce-checkout {
        width: calc(100% - 28px) !important;
        margin: 28px auto 72px !important;
        padding: 0 !important;
    }
}

body.pg-project-checkout-page .container, body.pg-project-checkout-page .container-fluid, body.woocommerce-checkout .container, body.woocommerce-checkout .container-fluid {
    max-width: 100% !important;
}

/* PAKTOGRAF — checkout payment radio/label fix */

.pg-project-checkout-page #payment li.wc_payment_method {
    position: relative !important;
    display: block !important;
    padding: 18px !important;
}

/* radio neka bude normalno pozicioniran */
.pg-project-checkout-page #payment li.wc_payment_method input.input-radio {
    position: absolute !important;
    left: 18px !important;
    top: 22px !important;
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    z-index: 2 !important;
    accent-color: #7c3aed !important;
}

/* label odmakni od radio kruga */
.pg-project-checkout-page #payment li.wc_payment_method label {
    display: block !important;
    padding-left: 28px !important;
    margin: 0 !important;
    color: #101828 !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

/* opis payment metode neka bude poravnat ispod teksta, ne ispod radio dugmeta */
.pg-project-checkout-page #payment li.wc_payment_method .payment_box {
    margin: 14px 0 0 28px !important;
    width: calc(100% - 28px) !important;
}

/* ako tema ubacuje label inline odmah poslije inputa */
.pg-project-checkout-page #payment li.wc_payment_method input.input-radio + label {
    padding-left: 28px !important;
}


/* =========================================================
   PAKTOGRAF — checkout final copy/layout cleanup
========================================================= */

body.woocommerce-checkout form.checkout.woocommerce-checkout {
    max-width: none !important;
    width: min(1180px, calc(100% - 48px)) !important;
    margin: 44px auto 96px !important;
    padding: 0 !important;
    display: block !important;
}

.pg-checkout-summary-head h2 {
    margin-bottom: 6px !important;
}

.pg-checkout-summary-head p {
    font-size: 13px !important;
    line-height: 1.45 !important;
}

.pg-checkout-fee-row span {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
}

.pg-checkout-fee-row span small {
    display: block !important;
    max-width: 220px !important;
    color: #98a2b3 !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
}

.pg-checkout-fee-row strong {
    color: #7c3aed !important;
}

/* Lijevi kratki info box */

.pg-checkout-clean-list {
    display: grid !important;
    gap: 12px !important;
    margin: 18px 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.pg-checkout-clean-list li {
    position: relative !important;
    padding: 14px 14px 14px 42px !important;
    border: 1px solid #eef2f7 !important;
    border-radius: 16px !important;
    background: #fbfcff !important;
    color: #667085 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    font-weight: 500 !important;
}

.pg-checkout-clean-list li::before {
    content: "✓" !important;
    position: absolute !important;
    left: 14px !important;
    top: 14px !important;
    width: 20px !important;
    height: 20px !important;
    border-radius: 999px !important;
    background: #ecfdf3 !important;
    color: #067647 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.pg-checkout-clean-list li strong {
    display: block !important;
    margin-bottom: 3px !important;
    color: #101828 !important;
    font-size: 14px !important;
    font-weight: 950 !important;
}

/* Payment radio fix */

.pg-project-checkout-page #payment li.wc_payment_method {
    position: relative !important;
    display: block !important;
    padding: 18px !important;
}

.pg-project-checkout-page #payment li.wc_payment_method input.input-radio {
    position: absolute !important;
    left: 18px !important;
    top: 22px !important;
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    z-index: 2 !important;
    accent-color: #7c3aed !important;
}

.pg-project-checkout-page #payment li.wc_payment_method label {
    display: block !important;
    padding-left: 30px !important;
    margin: 0 !important;
    color: #101828 !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

.pg-project-checkout-page #payment li.wc_payment_method .payment_box {
    margin: 14px 0 0 30px !important;
    width: calc(100% - 30px) !important;
    padding: 14px !important;
    border-radius: 14px !important;
}

.pg-project-checkout-page #payment .payment_box p {
    font-size: 13px !important;
    line-height: 1.55 !important;
}

.pg-project-checkout-page #payment .payment_box small {
    display: block !important;
    margin-top: 8px !important;
    color: #98a2b3 !important;
    font-size: 11.5px !important;
    line-height: 1.45 !important;
    font-weight: 650 !important;
}

@media (max-width: 767px) {
    body.woocommerce-checkout form.checkout.woocommerce-checkout {
        width: calc(100% - 28px) !important;
        margin: 28px auto 72px !important;
        padding: 0 !important;
    }

    .pg-checkout-fee-row span small {
        max-width: 180px !important;
        font-size: 10.5px !important;
    }

    .pg-checkout-clean-list li {
        padding: 13px 13px 13px 40px !important;
        font-size: 13px !important;
    }
}


/* =========================================================
   PAKTOGRAF — DOM bugfix styles
========================================================= */

/* Modal global z-index fix */
.modal-backdrop {
    z-index: 200000 !important;
    background: rgba(15,23,42,.72) !important;
}

.modal,
.modal.show,
.modal.fade.show {
    z-index: 200001 !important;
}

.modal-dialog,
.modal-content {
    z-index: 200002 !important;
}

/* Paktograf empty state */
.pg-proposals-empty-card {
    width: min(980px, 100%) !important;
    margin: 28px auto 0 !important;
    padding: 64px 28px !important;
    border: 1px solid #e6eaf2 !important;
    border-radius: 30px !important;
    background:
        radial-gradient(circle at 50% 0%, rgba(124, 58, 237, .08), transparent 36%),
        #ffffff !important;
    box-shadow: 0 22px 55px rgba(15, 23, 42, .06) !important;
    text-align: center !important;
}

.pg-proposals-empty-icon {
    width: 72px !important;
    height: 72px !important;
    margin: 0 auto 20px !important;
    border-radius: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #f3e8ff, rgba(255,193,7,.18)) !important;
    color: #7c3aed !important;
    font-size: 30px !important;
    font-weight: 950 !important;
}

.pg-proposals-empty-card h2 {
    margin: 0 0 10px !important;
    color: #101828 !important;
    font-size: 30px !important;
    line-height: 1.15 !important;
    font-weight: 950 !important;
    letter-spacing: -0.035em !important;
}

.pg-proposals-empty-card p {
    max-width: 560px !important;
    margin: 0 auto 24px !important;
    color: #667085 !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
    font-weight: 650 !important;
}

.pg-proposals-empty-card a {
    min-height: 50px !important;
    padding: 0 22px !important;
    border-radius: 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #7c3aed, #9333ea) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    text-decoration: none !important;
    box-shadow: 0 14px 30px rgba(124, 58, 237, .22) !important;
}

/* Mobile “Pogledaj poruku” dugme */
@media (max-width: 767px) {
    .pg-mobile-proposal-message-btn {
        width: 100% !important;
        min-height: 52px !important;
        padding: 0 16px !important;
        margin-top: 10px !important;
        border: 1px solid rgba(124, 58, 237, .28) !important;
        border-radius: 17px !important;
        background: #ffffff !important;
        color: #7c3aed !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 9px !important;
        font-size: 15px !important;
        line-height: 1.15 !important;
        font-weight: 950 !important;
        text-align: center !important;
        text-decoration: none !important;
        box-shadow: none !important;
        white-space: nowrap !important;
    }

    .pg-mobile-proposal-message-btn .pg-mobile-proposal-message-icon {
        width: 22px !important;
        height: 22px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 17px !important;
        line-height: 1 !important;
    }
}

/* PAKTOGRAF STABILIZATION PATCH — collaboration states */
.pg-owner-btn--disabled,
.pg-owner-btn[aria-disabled="true"]{
    opacity: .58;
    cursor: not-allowed !important;
    pointer-events: none;
    background: #eef0f6 !important;
    color: #667085 !important;
    border-color: #e4e7ec !important;
    box-shadow: none !important;
}

.pg-dash-status.is-progress,
.pg-owner-status.is-hired{
    background: rgba(111,44,255,.10) !important;
    color: #5f22e6 !important;
    border-color: rgba(111,44,255,.18) !important;
}

.pg-owner-status.is-cancelled{
    background: #f2f4f7 !important;
    color: #667085 !important;
    border-color: #e4e7ec !important;
}

/* U radnoj ploči user treba fokus, ne globalni plus CTA. */
body:has(.pg-workspace),
body:has(.pg-project-workspace),
body:has(.pg-collaboration-workspace){
    --pg-hide-floating-create: 1;
}

body:has(.pg-workspace) .pg-mobile-create-btn,
body:has(.pg-project-workspace) .pg-mobile-create-btn,
body:has(.pg-collaboration-workspace) .pg-mobile-create-btn,
body:has(.pg-workspace) .pg-floating-create,
body:has(.pg-project-workspace) .pg-floating-create,
body:has(.pg-collaboration-workspace) .pg-floating-create{
    display: none !important;
}

.pg-project-locked-notice {
  margin: 18px 0;
  padding: 16px 18px;
  border-radius: 16px;
  background: #f6f1ff;
  border: 1px solid rgba(111, 44, 255, 0.18);
  color: #2b174d;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.45;
}


/* =========================================================
   PAKTOGRAF PROJECT BUGFIX V2 — urgent project module fixes
   ========================================================= */

/* 1) Registracija loading overlay — hard blur preko kompletne forme */
body.pg-register-is-submitting .pg-auth-screen--register .pg-auth-screen__form-wrap,
.pg-auth-screen--register .pg-auth-screen__form-wrap.pg-register-is-loading {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
}

body.pg-register-is-submitting .pg-auth-screen--register .pg-auth-screen__form-wrap > *:not(.pg-register-loading-layer),
.pg-auth-screen--register .pg-auth-screen__form-wrap.pg-register-is-loading > *:not(.pg-register-loading-layer),
.pg-auth-screen--register form.pg-register-is-loading > * {
    filter: blur(4px) !important;
    opacity: .38 !important;
    pointer-events: none !important;
    user-select: none !important;
}

body.pg-register-is-submitting .pg-auth-screen--register .pg-auth-screen__form-wrap::after,
.pg-auth-screen--register .pg-auth-screen__form-wrap.pg-register-is-loading::after,
.pg-auth-screen--register form.pg-register-is-loading::after {
    content: "Kreiramo račun..." !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 999 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 140px !important;
    border-radius: 22px !important;
    background: rgba(255,255,255,.76) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    color: #2b174d !important;
    font-size: 16px !important;
    font-weight: 950 !important;
    letter-spacing: -.01em !important;
}

/* 6) Hire feedback / dashboard badges */
.pg-dash-status.is-progress,
.pg-dash-status.is-hired,
.pg-owner-status.is-hired,
.pg-owner-project-summary__badges .is-progress {
    background: #ede9fe !important;
    color: #5b21b6 !important;
    border-color: rgba(124,58,237,.22) !important;
}

.pg-dash-status.is-completed,
.pg-owner-status.is-completed,
.pg-owner-project-summary__badges .is-completed {
    background: #ecfdf3 !important;
    color: #027a48 !important;
    border-color: rgba(18,183,106,.24) !important;
}

/* 7) Mobile modal centriranje — hard override za tvrdoglave modale */
@media (max-width: 767px) {
    body.pg-owner-message-open .pg-owner-message-overlay,
    .pg-owner-message-overlay {
        display: block !important;
        position: fixed !important;
        inset: 0 !important;
        width: 100vw !important;
        height: 100dvh !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    body.pg-owner-message-open .pg-owner-message-dialog,
    .pg-owner-message-dialog {
        position: fixed !important;
        left: 50% !important;
        top: 50% !important;
        right: auto !important;
        bottom: auto !important;
        transform: translate3d(-50%, -50%, 0) !important;
        width: calc(100vw - 24px) !important;
        max-width: calc(100vw - 24px) !important;
        max-height: calc(100dvh - 32px) !important;
        margin: 0 !important;
        border-radius: 24px !important;
        overflow: auto !important;
    }

    .mfp-wrap .mfp-container {
        padding-left: 12px !important;
        padding-right: 12px !important;
        text-align: center !important;
    }

    .mfp-wrap .mfp-content,
    .modal.show .modal-dialog,
    .modal.in .modal-dialog,
    .modal-dialog,
    .apus-modal .modal-dialog,
    .project-proposal-form,
    .proposal-form-wrapper,
    .job-apply-email-form-wrapper,
    .job-apply-internal-form-wrapper {
        position: fixed !important;
        left: 50% !important;
        top: 50% !important;
        right: auto !important;
        bottom: auto !important;
        transform: translate3d(-50%, -50%, 0) !important;
        width: calc(100vw - 24px) !important;
        max-width: calc(100vw - 24px) !important;
        max-height: calc(100dvh - 32px) !important;
        margin: 0 !important;
        overflow: auto !important;
    }
}

/* 8) Workspace modern status header */
.pg-workspace-hero--modern {
    position: relative !important;
    overflow: hidden !important;
    border: 1px solid rgba(124,58,237,.16) !important;
    border-radius: 30px !important;
    padding: 30px !important;
    background:
        radial-gradient(circle at 90% 10%, rgba(255,193,7,.22), transparent 32%),
        radial-gradient(circle at 0% 0%, rgba(124,58,237,.16), transparent 34%),
        #ffffff !important;
    box-shadow: 0 22px 60px rgba(15,23,42,.08) !important;
}

.pg-workspace-hero__top {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin-bottom: 18px !important;
    flex-wrap: wrap !important;
}

.pg-workspace-state-badge {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 34px !important;
    padding: 0 13px !important;
    border-radius: 999px !important;
    background: #ede9fe !important;
    color: #5b21b6 !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    border: 1px solid rgba(124,58,237,.20) !important;
}

.pg-workspace-hero__facts {
    display: flex !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    margin-top: 18px !important;
}

.pg-workspace-hero__facts span {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 36px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    background: #f8fafc !important;
    border: 1px solid #eef2f7 !important;
    color: #344054 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.pg-workspace-state-card {
    display: flex !important;
    gap: 18px !important;
    align-items: flex-start !important;
}

.pg-workspace-state-card__icon {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    border-radius: 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #7c3aed, #9333ea) !important;
    color: #fff !important;
    font-weight: 950 !important;
    box-shadow: 0 14px 30px rgba(124,58,237,.22) !important;
}

.pg-workspace-state-card__body {
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

.pg-workspace-state-card__body p {
    margin: 8px 0 14px !important;
    color: #667085 !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    font-weight: 650 !important;
}

.pg-workspace-state-card.is-completed .pg-workspace-state-card__icon,
.pg-workspace-hero--modern.is-completed .pg-workspace-state-badge {
    background: linear-gradient(135deg, #12b76a, #039855) !important;
    color: #fff !important;
}

.pg-workspace-state-card.is-ready-payout .pg-workspace-state-card__icon,
.pg-workspace-hero--modern.is-ready-payout .pg-workspace-state-badge {
    background: linear-gradient(135deg, #ffc107, #f59e0b) !important;
    color: #1f2937 !important;
}

/* 9) Agresivnije Pošalji ponudu CTA */
.pg-single-submit-button,
.pg-mobile-offer-cta,
.pg-archive-proposal-trigger,
.pg-project-card__btn--primary,
.pg-send-signal-btn--primary {
    min-height: 54px !important;
    border-radius: 17px !important;
    background: linear-gradient(135deg, #7c3aed 0%, #6f2cff 45%, #5418d8 100%) !important;
    color: #ffffff !important;
    font-weight: 950 !important;
    letter-spacing: -.015em !important;
    box-shadow: 0 18px 38px rgba(111,44,255,.32) !important;
    transform: translateZ(0) !important;
}

.pg-single-submit-button:hover,
.pg-mobile-offer-cta:hover,
.pg-archive-proposal-trigger:hover,
.pg-project-card__btn--primary:hover,
.pg-send-signal-btn--primary:hover {
    filter: brightness(1.04) !important;
    transform: translateY(-1px) !important;
}

/* 10) Pošalji signal placement */
.pg-send-signal-btn,
.pg-dash-btn--signal {
    width: 100% !important;
    min-height: 48px !important;
    padding: 0 18px !important;
    border-radius: 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    border: 1px solid rgba(124,58,237,.20) !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    cursor: pointer !important;
}

.pg-send-signal-btn--soft,
.pg-dash-btn--signal {
    background: #f6f1ff !important;
    color: #5b21b6 !important;
}

.pg-project-owner-signal-notice {
    margin-bottom: 12px !important;
}

.pg-project-owner-signal-notice strong {
    display: block !important;
    margin-bottom: 4px !important;
}

/* 11) Slični projekti empty state */
.pg-related-projects-empty {
    padding: 18px !important;
    border: 1px dashed rgba(124,58,237,.26) !important;
    border-radius: 18px !important;
    background: #fbf8ff !important;
}

.pg-related-projects-empty strong {
    display: block !important;
    color: #2b174d !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    margin-bottom: 4px !important;
}

.pg-related-projects-empty small {
    color: #667085 !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
}

/* Locked offers */
.pg-project-locked-notice {
    margin: 14px 0 !important;
    padding: 16px 18px !important;
    border-radius: 16px !important;
    background: #f6f1ff !important;
    border: 1px solid rgba(111,44,255,.18) !important;
    color: #2b174d !important;
    font-size: 15px !important;
    font-weight: 750 !important;
    line-height: 1.45 !important;
}

.pg-project-locked-notice small {
    display: block !important;
    margin-top: 5px !important;
    color: rgba(43,23,77,.72) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

.pg-owner-btn--disabled {
    opacity: .72 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
    background: #f2f4f7 !important;
    color: #667085 !important;
}

@media (max-width: 767px) {
    .pg-workspace-hero--modern {
        padding: 22px !important;
        border-radius: 24px !important;
    }

    .pg-workspace-state-card {
        flex-direction: column !important;
    }

    .pg-workspace-hero__facts {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    .pg-workspace-hero__facts span {
        width: 100% !important;
    }
}


/* Paktograf completion payment page */
.pg-completion-payment-page {
    width: min(1120px, calc(100% - 32px)) !important;
    margin: 38px auto 80px !important;
}

.pg-completion-payment-hero {
    margin: 18px 0 22px !important;
    padding: 32px !important;
    border-radius: 30px !important;
    background:
        radial-gradient(circle at 90% 0%, rgba(255,193,7,.24), transparent 34%),
        radial-gradient(circle at 0% 0%, rgba(124,58,237,.16), transparent 34%),
        #fff !important;
    border: 1px solid rgba(124,58,237,.16) !important;
    box-shadow: 0 20px 60px rgba(15,23,42,.08) !important;
}

.pg-completion-payment-hero span {
    display: inline-flex !important;
    min-height: 32px !important;
    padding: 0 12px !important;
    align-items: center !important;
    border-radius: 999px !important;
    background: #f6f1ff !important;
    color: #5b21b6 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    margin-bottom: 14px !important;
}

.pg-completion-payment-hero h1 {
    margin: 0 0 10px !important;
    color: #101828 !important;
    font-size: clamp(34px, 5vw, 58px) !important;
    line-height: .98 !important;
    font-weight: 950 !important;
    letter-spacing: -.055em !important;
}

.pg-completion-payment-hero p {
    margin: 0 !important;
    max-width: 760px !important;
    color: #667085 !important;
    font-size: 17px !important;
    line-height: 1.65 !important;
    font-weight: 650 !important;
}

.pg-completion-payment-card {
    display: flex !important;
    gap: 20px !important;
    align-items: flex-start !important;
    padding: 26px !important;
    border-radius: 28px !important;
    background: #fff !important;
    border: 1px solid #eef2f7 !important;
    box-shadow: 0 18px 50px rgba(15,23,42,.07) !important;
}

.pg-completion-payment-card__icon {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    border-radius: 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #ffc107, #f59e0b) !important;
    color: #1f2937 !important;
    font-weight: 950 !important;
}

.pg-completion-payment-card strong {
    display: block !important;
    color: #5b21b6 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: .06em !important;
    margin-bottom: 8px !important;
}

.pg-completion-payment-card h2 {
    margin: 0 0 8px !important;
    color: #101828 !important;
    font-size: 28px !important;
    line-height: 1.1 !important;
    font-weight: 950 !important;
    letter-spacing: -.04em !important;
}

.pg-completion-payment-card p {
    margin: 0 0 16px !important;
    color: #667085 !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
    font-weight: 650 !important;
}

.pg-completion-payment-facts {
    display: flex !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    margin: 14px 0 18px !important;
}

.pg-completion-payment-facts span {
    min-height: 34px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    background: #f8fafc !important;
    border: 1px solid #eef2f7 !important;
    color: #344054 !important;
    display: inline-flex !important;
    align-items: center !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.pg-completion-payment-actions {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}

@media (max-width: 767px) {
    .pg-completion-payment-page {
        width: calc(100% - 24px) !important;
        margin-top: 22px !important;
    }

    .pg-completion-payment-hero,
    .pg-completion-payment-card {
        border-radius: 24px !important;
        padding: 22px !important;
    }

    .pg-completion-payment-card {
        flex-direction: column !important;
    }

    .pg-completion-payment-actions,
    .pg-completion-payment-actions a {
        width: 100% !important;
    }
}


/* =========================================================
   PAKTOGRAF PROJECT BUGFIX V3
   - mobile proposal sheet fixed
   - readable offer/signal buttons
   - dashboard action layout fixed
   - icon alignment fixed
========================================================= */

body.single-project .pg-single-action-btn,
body.single-project .pg-single-action-btn:visited {
    color: #2b174d !important;
    background: #ffffff !important;
    border-color: rgba(111,44,255,.18) !important;
    text-shadow: none !important;
}

body.single-project .pg-single-action-btn:hover,
body.single-project .pg-single-action-btn--signal {
    color: #ffffff !important;
    background: linear-gradient(135deg, #7c3aed 0%, #6f2cff 48%, #5418d8 100%) !important;
    border-color: transparent !important;
    box-shadow: 0 12px 28px rgba(111,44,255,.24) !important;
}

body.single-project .pg-single-form-card__head h3,
body.single-project .pg-single-form-card__head p {
    color: #101828 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

body.single-project .pg-single-form-card__head p {
    color: #475467 !important;
}

body.single-project .pg-single-submit-button,
body.single-project .pg-single-form-slot button[type="submit"],
body.single-project .pg-single-form-slot input[type="submit"] {
    color: #ffffff !important;
    background: linear-gradient(135deg, #6f2cff 0%, #5b21b6 52%, #4012a5 100%) !important;
    border: 0 !important;
    text-shadow: none !important;
}

@media (max-width: 767px) {
    body.single-project.pg-proposal-modal-open {
        overflow: hidden !important;
        touch-action: none !important;
    }

    body.single-project .pg-single-form-card {
        display: none !important;
    }

    body.single-project .pg-single-form-card.is-mobile-modal-open,
    body.single-project.pg-proposal-modal-open .pg-single-form-card.is-mobile-modal-open {
        position: fixed !important;
        display: flex !important;
        flex-direction: column !important;
        left: 10px !important;
        right: 10px !important;
        top: 10px !important;
        bottom: 10px !important;
        width: auto !important;
        max-width: none !important;
        max-height: calc(100dvh - 20px) !important;
        height: auto !important;
        margin: 0 !important;
        transform: none !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        z-index: 2147483001 !important;
        padding: 22px 16px calc(18px + env(safe-area-inset-bottom)) !important;
        border-radius: 24px !important;
        background: #ffffff !important;
    }

    body.single-project .pg-single-form-card.is-mobile-modal-open .pg-single-form-slot,
    body.single-project .pg-single-form-card.is-mobile-modal-open form {
        display: block !important;
        width: 100% !important;
        min-height: auto !important;
        overflow: visible !important;
    }

    body.single-project .pg-single-form-card.is-mobile-modal-open textarea {
        min-height: 118px !important;
        max-height: 28vh !important;
    }

    body.single-project .pg-single-form-card.is-mobile-modal-open .pg-single-submit-button,
    body.single-project .pg-single-form-card.is-mobile-modal-open button[type="submit"],
    body.single-project .pg-single-form-card.is-mobile-modal-open input[type="submit"] {
        position: sticky !important;
        bottom: 0 !important;
        z-index: 3 !important;
        width: 100% !important;
        min-height: 56px !important;
        margin-top: 12px !important;
    }

    body.single-project .pg-mobile-proposal-close {
        position: sticky !important;
        top: 0 !important;
        margin-left: auto !important;
        margin-bottom: 4px !important;
        z-index: 4 !important;
    }

    body.single-project .pg-mobile-offer-cta,
    body.single-project .pg-mobile-offer-cta.is-visible {
        color: #ffffff !important;
        background: linear-gradient(135deg, #6f2cff 0%, #5b21b6 100%) !important;
        border-color: transparent !important;
    }

    body.single-project .pg-mobile-offer-cta__text strong,
    body.single-project .pg-mobile-offer-cta__text small {
        color: #ffffff !important;
    }
}

.paktograf-my-projects .pg-dash-actions,
.pg-my-projects-page .pg-dash-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 52px !important;
    gap: 10px !important;
    align-items: stretch !important;
}

.paktograf-my-projects .pg-dash-actions .pg-dash-btn--primary,
.pg-my-projects-page .pg-dash-actions .pg-dash-btn--primary,
.paktograf-my-projects .pg-dash-actions .pg-dash-btn--soft,
.pg-my-projects-page .pg-dash-actions .pg-dash-btn--soft {
    grid-column: 1 / -1 !important;
}

.paktograf-my-projects .pg-dash-actions .pg-dash-btn--signal,
.pg-my-projects-page .pg-dash-actions .pg-dash-btn--signal {
    grid-column: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    white-space: nowrap !important;
}

.paktograf-my-projects .pg-dash-actions .pg-dash-icon-btn--danger,
.pg-my-projects-page .pg-dash-actions .pg-dash-icon-btn--danger {
    grid-column: 2 !important;
    width: 52px !important;
    min-width: 52px !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.paktograf-my-projects .pg-dash-icon-btn span,
.pg-my-projects-page .pg-dash-icon-btn span,
.pg-my-sent-proposals-page .action-button span,
.pg-my-sent-proposals-page .btn-action-icon span,
.pg-my-sent-proposals-page .btn-action span,
.pg-my-sent-proposals-page a[title*="Uredi"] i,
.pg-my-sent-proposals-page a[title*="Obriši"] i,
.pg-my-sent-proposals-page a[title*="Delete"] i,
.pg-my-sent-proposals-page a[title*="Edit"] i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    transform: none !important;
    margin: 0 !important;
}

.pg-my-sent-proposals-page .btn,
.pg-my-sent-proposals-page .action-button,
.pg-my-sent-proposals-page .btn-action,
.pg-my-sent-proposals-page .btn-action-icon,
.pg-my-sent-proposals-page a[class*="edit"],
.pg-my-sent-proposals-page a[class*="delete"],
.pg-my-sent-proposals-page a[class*="remove"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
}


/* ================================
   PAKTOGRAF V4 — project polish fixes
================================ */
body.single-project .pg-single-hero-actions {
    display: grid !important;
    grid-template-columns: auto minmax(150px, 1fr) 46px !important;
    gap: 10px !important;
    align-items: stretch !important;
}

body.single-project .pg-single-hero-actions [data-pg-share] {
    display: none !important;
}

body.single-project .pg-single-action-btn {
    min-height: 46px !important;
    white-space: nowrap !important;
}

body.single-project .pg-single-action-btn--signal {
    width: 100% !important;
    border-color: transparent !important;
    background: linear-gradient(135deg, #7c3aed 0%, #6f2cff 52%, #5418d8 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 14px 30px rgba(111,44,255,.26) !important;
}

body.single-project .pg-single-action-btn--signal:hover,
body.single-project .pg-single-action-btn--signal.is-copied {
    color: #ffffff !important;
    filter: brightness(1.04) !important;
}

body.single-project .pg-single-more-wrap,
body.single-project .pg-single-action-btn--icon {
    width: 46px !important;
    min-width: 46px !important;
}

@media (max-width: 767px) {
    body.single-project .pg-single-hero-actions {
        grid-template-columns: auto minmax(0, 1fr) 46px !important;
        width: 100% !important;
    }

    body.single-project .pg-single-action-btn {
        padding-left: 12px !important;
        padding-right: 12px !important;
        font-size: 12px !important;
    }

    body.single-project .pg-single-action-btn--signal {
        font-size: 13px !important;
    }
}

/* Workspace: ukloni osjećaj duplih okvira u fact chipovima */
.pg-workspace-hero__facts span,
.pg-workspace-facts span,
.pg-completion-payment-facts span {
    border: 0 !important;
    box-shadow: none !important;
    background: rgba(248, 250, 252, .86) !important;
}

.pg-workspace-facts {
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    gap: 10px !important;
}

.pg-workspace-secondary-link,
.pg-workspace-project-title-link {
    text-decoration: none !important;
}

.pg-workspace-secondary-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    margin-top: 12px !important;
    padding: 0 15px !important;
    border-radius: 999px !important;
    background: #f6f1ff !important;
    color: #5b21b6 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    border: 1px solid rgba(124,58,237,.14) !important;
}

.pg-workspace-secondary-link:hover {
    background: #ede9fe !important;
    color: #4c1d95 !important;
}

@media (max-width: 767px) {
    .pg-dash--projects .pg-dash-money,
    .pg-dash--projects .pg-dash-proposals {
        min-height: 72px !important;
    }
}


/* =========================================================
   PAKTOGRAF REGISTER LOADING — animated trace badge
   ========================================================= */
.pg-auth-screen--register .pg-auth-screen__form-wrap.pg-register-is-loading::after,
.pg-auth-screen--register form.pg-register-is-loading::after,
body.pg-register-is-submitting .pg-auth-screen--register .pg-auth-screen__form-wrap::after{
    content: none !important;
    display: none !important;
}

.pg-auth-screen--register .pg-auth-screen__form-wrap.pg-register-is-loading,
.pg-auth-screen--register form.pg-register-is-loading{
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
}

.pg-register-loading-layer{
    position: absolute !important;
    inset: 0 !important;
    z-index: 9999 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    min-height: 170px !important;
    padding: 28px 22px !important;
    border-radius: 22px !important;
    background: rgba(255,255,255,.80) !important;
    color: #2b174d !important;
    text-align: center !important;
    backdrop-filter: blur(9px) !important;
    -webkit-backdrop-filter: blur(9px) !important;
    box-shadow: inset 0 0 0 1px rgba(111,44,255,.08), 0 18px 50px rgba(15,23,42,.08) !important;
}

.pg-register-loading-layer strong{
    display: block !important;
    font-size: 16px !important;
    line-height: 1.25 !important;
    font-weight: 950 !important;
    letter-spacing: -.01em !important;
    color: #2b174d !important;
}

.pg-register-loading-layer small{
    display: block !important;
    max-width: 285px !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    font-weight: 600 !important;
    color: #667085 !important;
}

.pg-register-mark-loader{
    position: relative !important;
    width: 112px !important;
    height: 58px !important;
    margin-bottom: 4px !important;
}

.pg-register-mark-loader::before{
    content: "pa" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    z-index: 3 !important;
    width: 42px !important;
    height: 42px !important;
    margin: -21px 0 0 -21px !important;
    border-radius: 15px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #7a3cff 0%, #6f2cff 55%, #5f22e6 100%) !important;
    color: #fff !important;
    font-size: 17px !important;
    font-weight: 950 !important;
    letter-spacing: -.04em !important;
    box-shadow: 0 14px 30px rgba(111,44,255,.30) !important;
    animation: pgRegisterBadgePulse 1.35s ease-in-out infinite !important;
}

.pg-register-mark-loader .pg-register-node{
    position: absolute !important;
    width: 10px !important;
    height: 10px !important;
    border-radius: 999px !important;
    background: #ffc107 !important;
    box-shadow: 0 0 0 5px rgba(255,193,7,.16) !important;
    animation: pgRegisterNodePulse 1.35s ease-in-out infinite !important;
}

.pg-register-mark-loader .pg-register-node--1{ left: 4px !important; top: 24px !important; animation-delay: 0s !important; }
.pg-register-mark-loader .pg-register-node--2{ right: 4px !important; top: 24px !important; animation-delay: .18s !important; }
.pg-register-mark-loader .pg-register-node--3{ left: 51px !important; top: 2px !important; animation-delay: .36s !important; }
.pg-register-mark-loader .pg-register-node--4{ left: 51px !important; bottom: 2px !important; animation-delay: .54s !important; }

.pg-register-mark-loader .pg-register-trace{
    position: absolute !important;
    left: 15px !important;
    right: 15px !important;
    top: 28px !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, rgba(111,44,255,0), rgba(111,44,255,.52), rgba(255,193,7,.8), rgba(111,44,255,0)) !important;
    overflow: hidden !important;
}

.pg-register-mark-loader .pg-register-trace::after{
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 32px !important;
    border-radius: inherit !important;
    background: #fff !important;
    opacity: .92 !important;
    box-shadow: 0 0 18px rgba(255,255,255,.9) !important;
    animation: pgRegisterTraceMove 1.35s ease-in-out infinite !important;
}

@keyframes pgRegisterBadgePulse{
    0%, 100%{ transform: scale(1); }
    50%{ transform: scale(1.06); }
}

@keyframes pgRegisterNodePulse{
    0%, 100%{ transform: scale(.82); opacity: .55; }
    50%{ transform: scale(1.18); opacity: 1; }
}

@keyframes pgRegisterTraceMove{
    0%{ left: -36px; }
    100%{ left: 100%; }
}

.pg-auth-screen__title{
    margin: 0 0 18px;
    font-size: 58px;
    line-height: .98;
    letter-spacing: -0.04em;
    color: #fff;
}

.pg-auth-screen__text{
    margin: 0 0 30px;
    font-size: 18px;
    line-height: 1.7;
    color: rgba(255,255,255,.92);
    max-width: 420px;
}

.pg-auth-screen__points{
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 18px;
}

.pg-auth-screen__points li{
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.pg-auth-screen__check{
    width: 28px;
    height: 28px;
    min-width: 28px;
    border-radius: 999px;
    background: #ffc107;
    color: #1f2430;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 800;
    line-height: 1;
    margin-top: 2px;
}

.pg-auth-screen__points strong{
    display: block;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.2;
    color: #fff;
    margin-bottom: 5px;
}

.pg-auth-screen__points small{
    display: block;
    font-size: 14px;
    line-height: 1.55;
    color: rgba(255,255,255,.88);
}

.pg-auth-screen__right{
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 56px 32px;
}

.pg-auth-screen__right-inner{
    width: 100%;
    max-width: 470px;
}

.pg-auth-screen__back{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 26px;
    color: #667085;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
}

.pg-auth-screen__back:hover{
    color: #111827;
    text-decoration: none;
}

.pg-auth-screen__form-wrap .box-account{
    border: 0;
    padding: 0;
    margin: 0;
    background: transparent;
    box-shadow: none;
}

.pg-auth-screen__form-wrap .login-form-wrapper{
    width: 100%;
}

.pg-auth-screen__form-wrap .form-container{
    background: transparent;
    padding: 0;
    border: 0;
    box-shadow: none;
}

.pg-auth-screen__form-wrap .top-info-user,
.pg-auth-screen__form-wrap .sign-in-demo-notice{
    display: none;
}

.pg-auth-screen__form-wrap .login-form::before{
    content: "Dobrodošli nazad!";
    display: block;
    margin-bottom: 8px;
    font-size: 26px;
    font-weight: 800;
    line-height: 1.15;
    color: #111827;
}

.pg-auth-screen__form-wrap .login-form::after{
    content: "Prijavite se da nastavite";
    display: block;
    margin: -2px 0 26px;
    font-size: 16px;
    line-height: 1.5;
    color: #667085;
}

.pg-auth-screen__form-wrap .form-group{
    margin-bottom: 18px;
}

.pg-auth-screen__form-wrap .form-group > label{
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 700;
    color: #111827;
}

.pg-auth-screen__form-wrap .show_hide_password{
    position: relative;
    display: block;
}

.pg-auth-screen__form-wrap .form-control{
    width: 100%;
    height: 52px;
    border: 1px solid #d9deea;
    border-radius: 14px;
    background: #fff;
    padding: 0 16px;
    font-size: 15px;
    color: #111827;
    box-shadow: none;
}

.pg-auth-screen__form-wrap .form-control:focus{
    border-color: #6f2cff;
    box-shadow: 0 0 0 3px rgba(111,44,255,.10);
}

.pg-auth-screen__form-wrap .toggle-password{
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translateY(-50%);
    color: #98a2b3;
    text-decoration: none;
}

.pg-auth-screen__form-wrap .info{
    margin-top: 2px;
    margin-bottom: 18px;
}

.pg-auth-screen__form-wrap .remember{
    font-size: 13px;
    color: #667085;
    font-weight: 500;
}

.pg-auth-screen__form-wrap .link-right{
    text-align: right;
}

.pg-auth-screen__form-wrap .back-link{
    font-size: 13px;
    color: #6f2cff;
    text-decoration: none;
    font-weight: 600;
}

.pg-auth-screen__form-wrap .back-link:hover{
    color: #5f22e6;
    text-decoration: none;
}

.pg-auth-screen__form-wrap .btn.btn-theme{
    width: 100%;
    height: 52px;
    border: 1px solid #6f2cff;
    border-radius: 14px;
    background: linear-gradient(135deg, #7a3cff 0%, #6f2cff 55%, #5f22e6 100%);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    box-shadow: 0 12px 28px rgba(111,44,255,.18);
}

.pg-auth-screen__form-wrap .btn.btn-theme:hover{
    background: linear-gradient(135deg, #6f2cff 0%, #5f22e6 100%);
    color: #fff;
}

.pg-auth-screen__form-wrap .btn.btn-theme .next{
    margin-left: 8px;
}

.pg-auth-screen__form-wrap .register-info{
    margin-top: 22px;
    text-align: center;
    font-size: 14px;
    color: #667085;
}

.pg-auth-screen__form-wrap .register-info a{
    color: #6f2cff;
    font-weight: 700;
    text-decoration: none;
}

.pg-auth-screen__form-wrap .register-info a:hover{
    color: #5f22e6;
}

.pg-auth-screen__form-wrap #recaptcha-login-form,
.pg-auth-screen__form-wrap #recaptcha-forgotpasswordform{
    margin-top: 6px;
}

@media (max-width: 1199px){
    .pg-auth-screen{
        grid-template-columns: 1fr;
    }

    .pg-auth-screen__left{
        min-height: 380px;
        padding: 40px 24px;
    }

    .pg-auth-screen__title{
        font-size: 44px;
    }

    .pg-auth-screen__text{
        font-size: 16px;
    }

    .pg-auth-screen__right{
        padding: 36px 20px 30px;
    }
}

@media (max-width: 767px){
    .pg-auth-screen{
        min-height: auto;
    }

    .pg-auth-screen__left{
        min-height: auto;
        padding: 34px 18px 30px;
    }

    .pg-auth-screen__title{
        font-size: 36px;
    }

    .pg-auth-screen__points{
        gap: 14px;
    }

    .pg-auth-screen__points strong{
        font-size: 16px;
    }

    .pg-auth-screen__points small{
        font-size: 13px;
    }

    .pg-auth-screen__right{
        padding: 24px 16px 18px;
    }

    .pg-auth-screen__right-inner{
        max-width: 100%;
    }

    .pg-auth-screen__form-wrap .login-form::before{
        font-size: 24px;
    }

    .pg-auth-screen__form-wrap .login-form::after{
        font-size: 15px;
        margin-bottom: 22px;
    }
}


.pg-auth-screen__social{
    margin-top: 22px;
}

.pg-auth-screen__divider{
    position: relative;
    text-align: center;
    margin: 0 0 18px;
}

.pg-auth-screen__divider::before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 1px;
    background: #e5e7eb;
    transform: translateY(-50%);
}

.pg-auth-screen__divider span{
    position: relative;
    display: inline-block;
    padding: 0 12px;
    background: #fff;
    color: #98a2b3;
    font-size: 13px;
    font-weight: 500;
}

.pg-auth-screen__social-buttons{
    display: grid;
    gap: 12px;
}

.pg-auth-screen__social-btn{
    width: 100%;
    min-height: 52px;
    border: 1px solid #d9deea;
    border-radius: 14px;
    background: #fff;
    color: #111827;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    transition: all .18s ease;
}

.pg-auth-screen__social-btn:hover{
    background: #f9fafb;
    border-color: #cfd6e4;
    text-decoration: none;
    color: #111827;
}

.pg-auth-screen__social-icon{
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #1877f2;
}

.pg-auth-screen__signup-note{
    margin-top: 22px;
    text-align: center;
    font-size: 14px;
    color: #667085;
}

.pg-auth-screen__signup-note a{
    color: #6f2cff;
    font-weight: 700;
    text-decoration: none;
}

.pg-auth-screen__signup-note a:hover{
    color: #5f22e6;
}

.pg-auth-screen__form-wrap .login-form::after{
    display: none !important;
    content: none !important;
}

.pg-auth-screen__form-wrap .login-form::before{
    margin-bottom: 18px;
}


.pg-auth-screen__form-wrap #login_password{
    padding-left: 46px;
    padding-right: 46px;
    background-repeat: no-repeat;
    background-position: 16px center;
    background-size: 18px 18px;
}




.pg-auth-screen__form-wrap .pg-auth-field{
    position: relative;
}

.pg-auth-screen__form-wrap .pg-auth-field .show_hide_password{
    position: relative;
    display: block;
}

.pg-auth-screen__form-wrap .pg-auth-field__icon{
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: #98A2B3;
    font-size: 18px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    z-index: 3;
    pointer-events: none;
}

.pg-auth-screen__form-wrap .pg-auth-field input.form-control{
    padding-left: 46px !important;
}

.pg-auth-screen__form-wrap .pg-auth-field .toggle-password{
    right: 14px;
    z-index: 4;
}

.pg-auth-screen__form-wrap .pg-auth-field{
    position: relative;
}

.pg-auth-screen__form-wrap .pg-auth-field .show_hide_password{
    position: relative;
    display: block;
}

.pg-auth-screen__form-wrap .pg-auth-field__icon{
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #98A2B3;
    z-index: 3;
    pointer-events: none;
}

.pg-auth-screen__form-wrap .pg-auth-field__icon svg{
    width: 18px;
    height: 18px;
    display: block;
}

.pg-auth-screen__form-wrap .pg-auth-field input.form-control{
    padding-left: 46px !important;
}

.pg-auth-screen__form-wrap .pg-auth-field .toggle-password{
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translateY(-50%);
    z-index: 4;
}

.pg-auth-screen__form-wrap .pg-auth-field__icon{
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #98A2B3;
    z-index: 3;
    pointer-events: none;
    line-height: 1;
}

.pg-auth-screen__form-wrap .pg-auth-field__icon svg{
    width: 18px;
    height: 18px;
    display: block;
}

.pg-auth-screen__form-wrap .pg-auth-field input.form-control{
    height: 52px;
    padding-left: 46px !important;
}

.pg-auth-screen__form-wrap .remember{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    line-height: 1;
    color: #667085;
    font-weight: 500;
}

.pg-auth-screen__form-wrap .remember input[type="checkbox"]{
    margin: 0;
    position: relative;
    top: -1px;
}

.pg-auth-screen__form-wrap .info .col-6{
    display: flex;
    align-items: center;
}

.pg-auth-screen__form-wrap .info .link-right{
    justify-content: flex-end;
}

/* EMAIL ikona: pozicioniraj u odnosu na dno fielda, ne na cijeli form-group */
.pg-auth-screen__form-wrap .pg-auth-field > .pg-auth-field__icon{
    top: auto !important;
    bottom: 17px !important;
    transform: none !important;
}

.pg-auth-screen__form-wrap .btn.btn-theme{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    padding: 0 !important;
}

.pg-signal-swiper{
  --pg-white: #ffffff;
  --pg-purple: #6d4aff;
  --pg-text-soft: rgba(255,255,255,.82);
  --pg-border-soft: rgba(255,255,255,.18);

  position: relative;
  width: 100%;
  height: 100vh;
  background: #000;
  overflow: hidden;
}

.pg-signal-swiper *{
  box-sizing: border-box;
}

.pg-signal-swiper__track{
  height: 100vh;
  overflow-y: auto;
  scroll-snap-type: y mandatory;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
}

.pg-signal-swiper__track::-webkit-scrollbar{
  display: none;
}

.pg-signal-slide{
  position: relative;
  height: 100vh;
  min-height: 100vh;
  scroll-snap-align: start;
  overflow: hidden;
  background: #111;
}

.pg-signal-slide__link{
  position: absolute;
  inset: 0;
  z-index: 2;
}

.pg-signal-slide__bg,
.pg-signal-slide__bg img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.pg-signal-slide__bg img{
  object-fit: cover;
  display: block;
  transform: scale(1.03);
}

.pg-signal-slide__overlay{
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(to bottom, rgba(0,0,0,.26) 0%, rgba(0,0,0,.08) 22%, rgba(0,0,0,.18) 48%, rgba(0,0,0,.72) 100%);
}

.pg-signal-slide__top{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: calc(14px + env(safe-area-inset-top)) 16px 12px;
}

.pg-signal-slide__brand{
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.pg-signal-slide__brand img{
  display: block;
  height: 30px;
  width: auto;
  max-width: 180px;
}

.pg-signal-slide__login{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 14px;
  border-radius: 999px;
  text-decoration: none;
  color: #111827;
  font-size: 15px;
  font-weight: 800;
  background: rgba(255,255,255,.95);
}

.pg-signal-slide__right{
  position: absolute;
  right: 12px;
  bottom: 180px;
  z-index: 5;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.pg-react-btn{
  position: relative;
  z-index: 6;
  width: 68px;
  min-height: 68px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 999px;
  background: rgba(20,20,20,.34);
  backdrop-filter: blur(8px);
  color: var(--pg-white);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  padding: 10px 6px;
  box-shadow: 0 10px 26px rgba(0,0,0,.24);
  cursor: pointer;
}

.pg-react-btn__emoji{
  font-size: 28px;
  line-height: 1;
}

.pg-react-btn__count{
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
}

.pg-signal-slide__content{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 4;
  padding: 0 90px calc(28px + env(safe-area-inset-bottom)) 16px;
}

.pg-signal-slide__badge{
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 14px;
  margin-bottom: 14px;
  border-radius: 999px;
  background: var(--pg-purple);
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .04em;
  box-shadow: 0 10px 24px rgba(109,74,255,.4);
}

.pg-signal-slide__title{
  margin: 0 0 12px;
  color: #fff;
  font-size: 25px;
  line-height: 1.08;
  font-weight: 900;
  text-shadow: 0 2px 14px rgba(0,0,0,.35);
}

.pg-signal-slide__text{
  margin: 0 0 14px;
  color: var(--pg-text-soft);
  font-size: 17px;
  line-height: 1.45;
  text-shadow: 0 2px 10px rgba(0,0,0,.28);
}

.pg-signal-slide__meta{
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  margin-bottom: 18px;
  color: rgba(255,255,255,.72);
  font-size: 13px;
  font-weight: 700;
}

.pg-signal-slide__author{
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
}

.pg-signal-slide__avatar{
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: linear-gradient(135deg, #ddd 0%, #888 100%);
  border: 2px solid rgba(255,255,255,.7);
  flex: 0 0 42px;
}

.pg-signal-slide__author-text{
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.pg-signal-slide__author-text strong{
  color: #fff;
  font-size: 17px;
  line-height: 1.1;
}

.pg-signal-slide__author-text span{
  color: rgba(255,255,255,.82);
  font-size: 14px;
  line-height: 1.2;
}

.pg-signal-slide__hint{
  color: rgba(255,255,255,.78);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .01em;
}

.pg-signal-slide__hint::before{
  content: "⌃";
  display: block;
  font-size: 26px;
  line-height: 1;
  margin-bottom: 4px;
}

@media (min-width: 768px){
  .pg-signal-swiper{
    max-width: 430px;
    margin: 0 auto;
    box-shadow: 0 0 0 1px rgba(255,255,255,.04), 0 30px 80px rgba(0,0,0,.35);
  }
}

.pg-react-btn.is-active{
  transform: scale(1.06);
  background: rgba(109,74,255,.36);
  border-color: rgba(255,255,255,.3);
}












   PAKTOGRAF PORUKE — REAL REDESIGN CSS
   Use this as the active CSS for the messages/private-message page.
   It targets both Freeio original classes and Paktograf pg-chat classes.
   ========================================================= */

/* Page background + shell */
.box-dashboard-message,
.pg-chat-page {
    width: min(1180px, calc(100vw - 32px)) !important;
    margin: 0 auto 92px !important;
    padding: 52px 0 0 !important;
    color: #111827 !important;
    background: transparent !important;
}

body:has(.box-dashboard-message),
body:has(.pg-chat-page),
body:has(.message-section-wrapper) {
    background:
        radial-gradient(circle at 78% 8%, rgba(124,58,237,.08), transparent 34%),
        linear-gradient(180deg, #fbf9ff 0%, #ffffff 58%, #ffffff 100%) !important;
}

/* Top title */
.box-dashboard-message .title-profile,
.pg-chat-title {
    margin: 0 0 10px !important;
    color: #111827 !important;
    font-size: clamp(42px, 5.2vw, 60px) !important;
    line-height: .98 !important;
    font-weight: 950 !important;
    letter-spacing: -0.055em !important;
}

.box-dashboard-message .title-profile::before {
    content: "Paktograf";
    display: table;
    width: fit-content;
    min-height: 28px;
    margin: 0 0 14px;
    padding: 8px 13px;
    border-radius: 999px;
    background: linear-gradient(135deg, #f3e8ff 0%, #fff7df 100%);
    color: #7c3aed;
    font-size: 11px;
    line-height: 1;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

/* Main app card */
.message-section-wrapper,
.pg-chat-shell {
    border: 1px solid #edf0f7 !important;
    border-radius: 30px !important;
    background: #fff !important;
    box-shadow: 0 28px 80px rgba(15,23,42,.085) !important;
    overflow: hidden !important;
}

.message-inner,
.pg-chat-layout {
    display: grid !important;
    grid-template-columns: 385px minmax(0, 1fr) !important;
    gap: 0 !important;
    margin: 0 !important;
    min-height: 680px !important;
}

.message-inner > [class*="col-"] {
    width: 100% !important;
    max-width: none !important;
    flex: none !important;
    padding: 0 !important;
}

/* Mobile conversation toggle */
.toggle-message-btn,
.pg-chat-toggle {
    display: none !important;
}

/* Left sidebar */
.list-message-wrapper,
.pg-chat-sidebar {
    width: 100% !important;
    min-height: 100% !important;
    border-right: 1px solid #edf0f7 !important;
    background:
        radial-gradient(circle at 0% 0%, rgba(255,193,7,.12), transparent 32%),
        linear-gradient(180deg, #ffffff 0%, #fbf9ff 100%) !important;
}

.list-message-wrapper::before {
    content: "Razgovori";
    display: block;
    padding: 26px 28px 5px;
    color: #111827;
    font-size: 22px;
    line-height: 1.1;
    font-weight: 950;
    letter-spacing: -0.035em;
}

.list-message-wrapper::after {
    content: "Odaberite poruku";
    display: block;
    padding: 0 28px 0;
    margin-top: -2px;
    color: #667085;
    font-size: 13px;
    font-weight: 750;
}

/* Search */
.search-message-form,
.pg-chat-search {
    padding: 20px 28px 18px !important;
    margin: 0 !important;
}

.search-wrapper-message,
.pg-chat-search-field {
    position: relative !important;
}

.search-wrapper-message input,
.pg-chat-search-field input {
    width: 100% !important;
    height: 54px !important;
    padding: 0 56px 0 18px !important;
    border: 1px solid #dfe5f0 !important;
    border-radius: 18px !important;
    background: #fff !important;
    color: #111827 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
}

.search-wrapper-message input:focus,
.pg-chat-search-field input:focus {
    border-color: #8b5cf6 !important;
    box-shadow: 0 0 0 4px rgba(139,92,246,.12) !important;
    outline: none !important;
}

.search-message-btn,
.pg-chat-search-field button {
    position: absolute !important;
    top: 50% !important;
    right: 7px !important;
    transform: translateY(-50%) !important;
    width: 42px !important;
    height: 42px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: #f3e8ff !important;
    color: #7c3aed !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Filters */
.filter-options {
    margin-top: 18px !important;
}

.filter-options .list-options-action {
    display: flex !important;
    gap: 9px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.filter-options li {
    margin: 0 !important;
    padding: 0 !important;
}

.filter-options input {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.filter-options label {
    min-height: 34px !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #667085 !important;
    font-size: 0 !important;
    font-weight: 900 !important;
    cursor: pointer !important;
}

.filter-options label[for="search_read_all"]::before {
    content: "Sve";
    font-size: 12px;
}

.filter-options label[for="search_read_read"]::before {
    content: "Pročitano";
    font-size: 12px;
}

.filter-options label[for="search_read_unread"]::before {
    content: "Novo";
    font-size: 12px;
}

.filter-options input:checked + label {
    background: #f3e8ff !important;
    color: #7c3aed !important;
}

/* Thread list */
.list-message-inner,
.pg-chat-thread-scroll {
    max-height: 540px !important;
    overflow: auto !important;
    padding: 0 !important;
}

.list-message,
.pg-chat-thread-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.list-message > li,
.pg-chat-thread-item {
    margin: 0 !important;
    padding: 0 !important;
    border-top: 1px solid #f0f2f7 !important;
}

.list-message > li > .message-item,
.pg-chat-thread {
    min-height: 94px !important;
    padding: 17px 28px !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    text-decoration: none !important;
    color: #111827 !important;
    background: transparent !important;
}

.list-message > li.active > .message-item,
.pg-chat-thread-item.active .pg-chat-thread {
    background: linear-gradient(90deg, rgba(124,58,237,.10) 0%, rgba(255,193,7,.10) 100%) !important;
}

.list-message > li.unread .user-name::after,
.pg-chat-thread-item.unread .pg-chat-thread-name::after {
    content: "";
    width: 8px;
    height: 8px;
    margin-left: 8px;
    border-radius: 50%;
    display: inline-block;
    background: #7c3aed;
}

.avatar,
.pg-chat-avatar {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    background: linear-gradient(135deg, #8b5cf6 0%, #6d28d9 100%) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff !important;
}

.avatar img,
.pg-chat-avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.list-message .content,
.pg-chat-thread-content {
    min-width: 0 !important;
    flex: 1 !important;
}

.list-message .user-name,
.pg-chat-thread-name {
    margin: 0 0 6px !important;
    color: #111827 !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 950 !important;
}

.message-time,
.pg-chat-thread-time {
    margin-left: auto !important;
    color: #98a2b3 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
}

.list-message .message-title,
.pg-chat-thread-title {
    color: #334155 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* Conversation panel */
.replies-content,
.pg-chat-main {
    width: 100% !important;
    min-width: 0 !important;
    background: #fff !important;
}

.recipient-info,
.pg-chat-convo-head {
    min-height: 92px !important;
    padding: 22px 28px !important;
    border-bottom: 1px solid #edf0f7 !important;
    background: #fff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
}

.recipient-info .message-item,
.pg-chat-person {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    min-width: 0 !important;
}

.recipient-info .avatar {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
}

.recipient-info .user-name,
.pg-chat-person-name {
    margin: 0 0 4px !important;
    color: #111827 !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    font-weight: 950 !important;
}

.recipient-info .message-title,
.pg-chat-person-subtitle {
    max-width: 520px !important;
    color: #334155 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.delete-message-btn,
.pg-chat-delete {
    min-height: 34px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    background: #fef2f2 !important;
    color: #ef4444 !important;
    font-size: 0 !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

.delete-message-btn::before {
    content: "Obriši";
    font-size: 12px;
}

/* Chat body */
.content-box-white,
.pg-chat-convo {
    display: grid !important;
    grid-template-rows: minmax(0, 1fr) auto !important;
    height: 588px !important;
    background:
        radial-gradient(circle at 50% 0%, rgba(124,58,237,.035), transparent 38%),
        #fbfcff !important;
    border: 0 !important;
    box-shadow: none !important;
}

.list-replies-inner,
.pg-chat-messages-scroll {
    min-height: 0 !important;
    overflow-y: auto !important;
    padding: 34px 34px 20px !important;
}

.list-replies,
.pg-chat-messages {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    gap: 22px !important;
}

.list-replies > li,
.pg-chat-message {
    display: flex !important;
    align-items: flex-end !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.list-replies > li.yourself-reply,
.pg-chat-message.is-mine {
    justify-content: flex-end !important;
}

.list-replies > li.user-reply,
.pg-chat-message.is-theirs {
    justify-content: flex-start !important;
}

.list-replies > li .avatar {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    margin-bottom: 2px !important;
}

.reply-content,
.pg-chat-bubble-wrap {
    max-width: min(560px, 78%) !important;
}

.yourself-reply .reply-content,
.pg-chat-message.is-mine .pg-chat-bubble-wrap {
    margin-left: auto !important;
}

.post-date,
.pg-chat-message-time {
    margin: 0 0 7px !important;
    color: #667085 !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 850 !important;
}

.yourself-reply .post-date,
.pg-chat-message.is-mine .pg-chat-message-time {
    text-align: right !important;
}

.post-content,
.pg-chat-bubble {
    padding: 16px 20px !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 22px !important;
    background: #ffffff !important;
    color: #111827 !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    font-weight: 800 !important;
    box-shadow: 0 10px 24px rgba(15,23,42,.035) !important;
}

.yourself-reply .post-content,
.pg-chat-message.is-mine .pg-chat-bubble {
    border-color: transparent !important;
    background: linear-gradient(135deg, #7c3aed 0%, #8b5cf6 100%) !important;
    color: #ffffff !important;
}

/* Composer */
.reply-message-form-wrapper,
.pg-chat-composer {
    padding: 18px 28px 22px !important;
    border-top: 1px solid #edf0f7 !important;
    background: #ffffff !important;
}

.reply-message-form,
.pg-chat-form {
    margin: 0 !important;
}

.wrapper-form,
.pg-chat-form-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 64px !important;
    align-items: end !important;
    gap: 18px !important;
}

.wrapper-form textarea,
.pg-chat-form-row textarea {
    width: 100% !important;
    min-height: 58px !important;
    max-height: 140px !important;
    padding: 18px 20px !important;
    border: 1px solid #dfe5f0 !important;
    border-radius: 18px !important;
    background: #fff !important;
    color: #111827 !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    font-weight: 750 !important;
    box-shadow: none !important;
    resize: vertical !important;
}

.wrapper-form textarea:focus,
.pg-chat-form-row textarea:focus {
    border-color: #8b5cf6 !important;
    box-shadow: 0 0 0 4px rgba(139,92,246,.12) !important;
    outline: none !important;
}

.reply-message-btn,
.pg-chat-send {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 18px !important;
    background: linear-gradient(135deg, #7c3aed 0%, #a855f7 100%) !important;
    color: #fff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 16px 34px rgba(124,58,237,.26) !important;
}

.reply-message-btn i,
.pg-chat-send i {
    margin: 0 !important;
    font-size: 22px !important;
    line-height: 1 !important;
}

/* Mobile native messenger */
@media (max-width: 767px) {
    :root {
        --pg-chat-bottom-nav: 74px;
    }

    .box-dashboard-message,
    .pg-chat-page {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 16px 14px calc(var(--pg-chat-bottom-nav) + 12px) !important;
    }

    .box-dashboard-message .title-profile,
    .pg-chat-title {
        margin: 0 0 10px !important;
        font-size: 34px !important;
        line-height: 1.02 !important;
    }

    .box-dashboard-message .title-profile::before {
        min-height: 26px !important;
        margin-bottom: 8px !important;
        padding: 7px 11px !important;
        font-size: 10px !important;
    }

    .toggle-message-btn,
    .pg-chat-toggle {
        width: fit-content !important;
        min-height: 36px !important;
        margin: 0 0 12px !important;
        padding: 0 13px !important;
        border-radius: 999px !important;
        background: #f3e8ff !important;
        color: #7c3aed !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 7px !important;
        font-size: 0 !important;
        font-weight: 950 !important;
        box-shadow: none !important;
        border: 0 !important;
    }

    .toggle-message-btn::before,
    .pg-chat-toggle::before {
        content: "Razgovori";
        font-size: 13px;
    }

    .message-section-wrapper,
    .pg-chat-shell {
        height: calc(100dvh - 154px - var(--pg-chat-bottom-nav)) !important;
        min-height: 560px !important;
        border-radius: 24px !important;
        overflow: hidden !important;
        display: flex !important;
        flex-direction: column !important;
        background: #ffffff !important;
        box-shadow: 0 22px 58px rgba(15,23,42,.11) !important;
    }

    .message-inner,
    .pg-chat-layout {
        height: 100% !important;
        min-height: 0 !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        grid-template-rows: minmax(0, 1fr) !important;
        margin: 0 !important;
    }

    .message-inner > .col-12:first-child {
        display: none !important;
    }

    .message-section-wrapper.show-message-box .message-inner > .col-12:first-child,
    .message-section-wrapper.active .message-inner > .col-12:first-child {
        display: block !important;
        position: absolute !important;
        inset: 0 !important;
        z-index: 40 !important;
        background: #ffffff !important;
        overflow: auto !important;
    }

    .message-inner > .col-12:last-child,
    .replies-content,
    .pg-chat-main {
        height: 100% !important;
        min-height: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
    }

    .recipient-info,
    .pg-chat-convo-head {
        flex: 0 0 auto !important;
        min-height: 74px !important;
        padding: 13px 15px !important;
        border-bottom: 1px solid #edf0f7 !important;
        background: rgba(255,255,255,.97) !important;
        backdrop-filter: blur(12px) !important;
    }

    .recipient-info .avatar {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
    }

    .recipient-info .user-name {
        font-size: 15px !important;
    }

    .recipient-info .message-title {
        max-width: 145px !important;
        font-size: 11px !important;
    }

    .delete-message-btn {
        min-height: 30px !important;
        padding: 0 10px !important;
    }

    .delete-message-btn::before {
        font-size: 11px !important;
    }

    .content-box-white,
    .pg-chat-convo {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        height: auto !important;
        display: grid !important;
        grid-template-rows: minmax(0, 1fr) auto !important;
        overflow: hidden !important;
    }

    .list-replies-inner,
    .pg-chat-messages-scroll {
        min-height: 0 !important;
        height: auto !important;
        max-height: none !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        padding: 22px 16px 18px !important;
    }

    .list-replies,
    .pg-chat-messages {
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-end !important;
        gap: 18px !important;
        min-height: 100% !important;
    }

    .list-replies > li .avatar {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
    }

    .reply-content,
    .pg-chat-bubble-wrap {
        max-width: 80% !important;
    }

    .post-date,
    .pg-chat-message-time {
        margin-bottom: 6px !important;
        font-size: 10px !important;
    }

    .post-content,
    .pg-chat-bubble {
        padding: 13px 15px !important;
        border-radius: 19px !important;
        font-size: 13.5px !important;
        line-height: 1.65 !important;
        font-weight: 800 !important;
    }

    .reply-message-form-wrapper,
    .pg-chat-composer {
        flex: 0 0 auto !important;
        position: relative !important;
        z-index: 30 !important;
        padding: 11px 12px calc(11px + env(safe-area-inset-bottom)) !important;
        border-top: 1px solid #edf0f7 !important;
        background: rgba(255,255,255,.98) !important;
        backdrop-filter: blur(14px) !important;
        box-shadow: 0 -12px 28px rgba(15,23,42,.045) !important;
    }

    .wrapper-form,
    .pg-chat-form-row {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 52px !important;
        align-items: end !important;
        gap: 10px !important;
    }

    .wrapper-form textarea,
    .pg-chat-form-row textarea {
        min-height: 50px !important;
        max-height: 112px !important;
        padding: 14px 15px !important;
        border-radius: 18px !important;
        resize: none !important;
    }

    .reply-message-btn,
    .pg-chat-send {
        width: 52px !important;
        height: 52px !important;
        min-width: 52px !important;
        border-radius: 18px !important;
    }
}

@media (max-width: 420px) {
    .message-section-wrapper,
    .pg-chat-shell {
        height: calc(100dvh - 148px - var(--pg-chat-bottom-nav)) !important;
    }

    .recipient-info .message-title {
        max-width: 120px !important;
    }

    .reply-content,
    .pg-chat-bubble-wrap {
        max-width: 82% !important;
    }
}

/* =========================================================
   PAKTOGRAF PORUKE — Messenger V3
   Use with the 5 PHP template files in this package.
   ========================================================= */

.pkt-chat-page,
.pkt-chat-page * {
    box-sizing: border-box;
}

body:has(.pkt-chat-page),
body:has(.pkt-chat-page) #wrapper-container,
body:has(.pkt-chat-page) #apus-main-content,
body:has(.pkt-chat-page) #main-container,
body:has(.pkt-chat-page) #main-content,
body:has(.pkt-chat-page) #main,
body:has(.pkt-chat-page) .site-main,
body:has(.pkt-chat-page) .main-page,
body:has(.pkt-chat-page) .wrapper-main-page {
    background:
        radial-gradient(circle at 78% 8%, rgba(124, 58, 237, .08), transparent 34%),
        linear-gradient(180deg, #fbf9ff 0%, #ffffff 58%, #ffffff 100%) !important;
}

.pkt-chat-page {
    width: min(1280px, calc(100vw - 32px));
    margin: 0 auto 92px !important;
    padding: 38px 0 0 !important;
    color: #111827;
}

.pkt-chat-page__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin: 0 0 24px;
}

.pkt-chat-kicker {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 13px;
    border-radius: 999px;
    background: linear-gradient(135deg, #f3e8ff 0%, #fff7df 100%);
    color: #7c3aed;
    font-size: 11px;
    line-height: 1;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.pkt-chat-page__title,
.pkt-chat-page .title-profile {
    margin: 14px 0 8px !important;
    color: #111827 !important;
    font-size: clamp(42px, 5.2vw, 60px) !important;
    line-height: .98 !important;
    font-weight: 950 !important;
    letter-spacing: -0.055em !important;
}

.pkt-chat-page__head p {
    margin: 0;
    color: #667085;
    font-size: 16px;
    line-height: 1.6;
    font-weight: 750;
}

.pkt-chat-page__tools {
    display: none;
}

.pkt-chat-shell {
    border: 1px solid #edf0f7 !important;
    border-radius: 30px !important;
    background: #fff !important;
    box-shadow: 0 28px 80px rgba(15, 23, 42, .085) !important;
    overflow: hidden !important;
}

.pkt-chat-layout,
.pkt-chat-page .message-inner.row {
    display: grid !important;
    grid-template-columns: 385px minmax(0, 1fr) !important;
    gap: 0 !important;
    margin: 0 !important;
    min-height: 720px !important;
}

.pkt-chat-sidebar-col,
.pkt-chat-main-col,
.pkt-chat-page .message-inner > [class*="col-"] {
    width: 100% !important;
    max-width: none !important;
    flex: none !important;
    padding: 0 !important;
}

.pkt-chat-sidebar {
    width: 100% !important;
    min-height: 100% !important;
    border-right: 1px solid #edf0f7 !important;
    background: #fff !important;
}

.pkt-chat-sidebar__top {
    padding: 24px 26px 16px;
}

.pkt-chat-new-message {
    min-height: 54px;
    width: 100%;
    border-radius: 16px;
    background: linear-gradient(135deg, #7c3aed 0%, #8b5cf6 100%);
    color: #fff !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 950;
    box-shadow: 0 16px 34px rgba(124, 58, 237, .24);
}

.pkt-chat-new-message span {
    font-size: 20px;
    line-height: 1;
}

.pkt-chat-search {
    padding: 0 26px 16px !important;
    margin: 0 !important;
}

.pkt-chat-search__field {
    position: relative !important;
}

.pkt-chat-search__field input {
    width: 100% !important;
    height: 50px !important;
    padding: 0 54px 0 18px !important;
    border: 1px solid #dfe5f0 !important;
    border-radius: 15px !important;
    background: #fff !important;
    color: #111827 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
}

.pkt-chat-search__field button {
    position: absolute !important;
    top: 50% !important;
    right: 6px !important;
    transform: translateY(-50%) !important;
    width: 38px !important;
    height: 38px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 13px !important;
    background: #f3e8ff !important;
    color: #7c3aed !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.pkt-chat-filters {
    margin-top: 16px !important;
}

.pkt-chat-filters .list-options-action {
    display: flex !important;
    gap: 9px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pkt-chat-filters input {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.pkt-chat-filters label {
    min-height: 34px !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #667085 !important;
    background: #f4f6fb !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    cursor: pointer !important;
}

.pkt-chat-filters input:checked + label {
    background: #6d28d9 !important;
    color: #fff !important;
}

.pkt-chat-thread-scroll {
    max-height: 560px !important;
    overflow: auto !important;
    padding: 0 12px 20px !important;
}

.pkt-chat-thread-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pkt-chat-thread-item {
    margin: 0 0 8px !important;
    padding: 0 !important;
}

.pkt-chat-thread {
    min-height: 80px !important;
    padding: 13px 14px !important;
    border-radius: 18px !important;
    display: flex !important;
    align-items: center !important;
    gap: 13px !important;
    text-decoration: none !important;
    color: #111827 !important;
    background: transparent !important;
}

.pkt-chat-thread-item.active .pkt-chat-thread {
    background: linear-gradient(90deg, rgba(124,58,237,.12) 0%, rgba(255,193,7,.10) 100%) !important;
}

.pkt-chat-thread-item.unread .pkt-chat-thread__name::after {
    content: "";
    width: 8px;
    height: 8px;
    margin-left: 8px;
    border-radius: 50%;
    display: inline-block;
    background: #7c3aed;
}

.pkt-chat-avatar {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    background: linear-gradient(135deg, #8b5cf6 0%, #6d28d9 100%) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff !important;
}

.pkt-chat-avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.pkt-chat-thread__content {
    min-width: 0 !important;
    flex: 1 !important;
}

.pkt-chat-thread__row {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 5px !important;
}

.pkt-chat-thread__name {
    margin: 0 !important;
    color: #111827 !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 950 !important;
}

.pkt-chat-thread__time {
    margin-left: auto !important;
    color: #667085 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
}

.pkt-chat-thread__title {
    color: #334155 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    font-weight: 750 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* Main conversation */
.pkt-chat-main {
    width: 100% !important;
    min-width: 0 !important;
    background: #fff !important;
}

.pkt-chat-convo-head {
    min-height: 92px !important;
    padding: 18px 26px !important;
    border-bottom: 1px solid #edf0f7 !important;
    background: #fff !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    align-items: center !important;
    gap: 18px !important;
}

.pkt-chat-person {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    min-width: 0 !important;
}

.pkt-chat-avatar--large {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
}

.pkt-chat-person__name {
    margin: 0 0 4px !important;
    color: #111827 !important;
    font-size: 17px !important;
    line-height: 1.2 !important;
    font-weight: 950 !important;
}

.pkt-chat-person__subtitle {
    max-width: 420px !important;
    color: #334155 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    font-weight: 750 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.pkt-chat-context {
    min-height: 54px;
    padding: 8px 14px 8px 10px;
    border: 1px solid #edf0f7;
    border-radius: 18px;
    background: #fbfff9;
    display: flex;
    align-items: center;
    gap: 10px;
}

.pkt-chat-context__icon {
    width: 34px;
    height: 34px;
    border-radius: 12px;
    background: #eaffea;
    color: #16a34a;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 950;
}

.pkt-chat-context__text strong {
    display: block;
    color: #111827;
    font-size: 13px;
    line-height: 1.15;
    font-weight: 950;
}

.pkt-chat-context__text span {
    display: block;
    margin-top: 2px;
    color: #16a34a;
    font-size: 12px;
    font-weight: 850;
}

.pkt-chat-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.pkt-chat-action-btn {
    width: 42px;
    height: 42px;
    border: 1px solid #edf0f7;
    border-radius: 999px;
    background: #fff;
    color: #344054;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    font-size: 18px;
    font-weight: 900;
}

.pkt-chat-more {
    position: relative;
}

.pkt-chat-more__menu {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    z-index: 50;
    min-width: 210px;
    padding: 8px;
    border: 1px solid #edf0f7;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 24px 60px rgba(15,23,42,.14);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-4px);
    transition: .16s ease;
}

.pkt-chat-more:hover .pkt-chat-more__menu,
.pkt-chat-more:focus-within .pkt-chat-more__menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.pkt-chat-more__menu a {
    min-height: 38px;
    padding: 0 10px;
    border-radius: 10px;
    color: #344054;
    display: flex;
    align-items: center;
    text-decoration: none !important;
    font-size: 13px;
    font-weight: 800;
}

.pkt-chat-more__menu a:hover {
    background: #f8fafc;
}

.pkt-chat-delete {
    color: #ef4444 !important;
}

/* Conversation body */
.pkt-chat-convo {
    display: grid !important;
    grid-template-rows: minmax(0, 1fr) auto !important;
    height: 628px !important;
    background:
        radial-gradient(circle at 50% 0%, rgba(124,58,237,.04), transparent 38%),
        #fbfcff !important;
    border: 0 !important;
    box-shadow: none !important;
}

.pkt-chat-messages-scroll {
    min-height: 0 !important;
    overflow-y: auto !important;
    padding: 30px 34px 20px !important;
}

.pkt-chat-day {
    width: fit-content;
    margin: 0 auto 24px;
    padding: 7px 13px;
    border-radius: 999px;
    background: #f4f6fb;
    color: #667085;
    font-size: 12px;
    font-weight: 850;
}

.pkt-chat-messages {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    gap: 20px !important;
}

.pkt-chat-message {
    display: flex !important;
    align-items: flex-end !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pkt-chat-message.is-mine {
    justify-content: flex-end !important;
}

.pkt-chat-message.is-theirs {
    justify-content: flex-start !important;
}

.pkt-chat-avatar--small {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    margin-bottom: 2px !important;
}

.pkt-chat-bubble-wrap {
    max-width: min(560px, 76%) !important;
}

.pkt-chat-message.is-mine .pkt-chat-bubble-wrap {
    margin-left: auto !important;
}

.pkt-chat-bubble {
    position: relative;
    padding: 15px 18px !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    color: #111827 !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
    font-weight: 750 !important;
    box-shadow: 0 10px 24px rgba(15,23,42,.035) !important;
}

.pkt-chat-message.is-mine .pkt-chat-bubble {
    border-color: transparent !important;
    background: linear-gradient(135deg, #7c3aed 0%, #8b5cf6 100%) !important;
    color: #ffffff !important;
}

.pkt-chat-message-time {
    display: block;
    margin-top: 8px;
    color: inherit;
    opacity: .72;
    font-size: 11px;
    line-height: 1;
    font-weight: 800;
    text-align: right;
}

/* Composer */
.pkt-chat-composer {
    padding: 16px 26px 20px !important;
    border-top: 1px solid #edf0f7 !important;
    background: #ffffff !important;
}

.pkt-chat-form {
    margin: 0 !important;
}

.pkt-chat-form__row {
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) 58px !important;
    align-items: end !important;
    gap: 12px !important;
}

.pkt-chat-attach {
    width: 48px;
    height: 48px;
    border: 1px solid #edf0f7;
    border-radius: 999px;
    background: #fff;
    color: #344054;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    font-size: 18px;
    font-weight: 900;
}

.pkt-chat-form__row textarea {
    width: 100% !important;
    min-height: 58px !important;
    max-height: 140px !important;
    padding: 18px 20px !important;
    border: 1px solid #dfe5f0 !important;
    border-radius: 18px !important;
    background: #fff !important;
    color: #111827 !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    font-weight: 750 !important;
    box-shadow: none !important;
    resize: vertical !important;
}

.pkt-chat-send {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 18px !important;
    background: linear-gradient(135deg, #7c3aed 0%, #a855f7 100%) !important;
    color: #fff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 16px 34px rgba(124,58,237,.26) !important;
}

/* Mobile */
.pkt-chat-mobile-strip {
    display: none;
}

@media (max-width: 767px) {
    :root {
        --pkt-chat-bottom-nav: 74px;
    }

    .pkt-chat-page {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 16px 14px calc(var(--pkt-chat-bottom-nav) + 12px) !important;
    }

    .pkt-chat-page__head {
        margin-bottom: 14px;
        align-items: center;
    }

    .pkt-chat-page__title {
        font-size: 34px !important;
        margin: 8px 0 0 !important;
    }

    .pkt-chat-kicker,
    .pkt-chat-page__head p {
        display: none;
    }

    .pkt-chat-page__tools {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .pkt-chat-page__icon {
        width: 40px;
        height: 40px;
        border: 1px solid #edf0f7;
        border-radius: 999px;
        background: #fff;
        color: #111827;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        text-decoration: none !important;
        font-size: 21px;
        font-weight: 900;
    }

    .pkt-chat-page__icon--plus {
        background: linear-gradient(135deg, #7c3aed 0%, #8b5cf6 100%);
        color: #fff !important;
        border-color: transparent;
    }

    .pkt-chat-mobile-strip {
        display: block;
        margin: 0 -14px 14px;
        overflow-x: auto;
        padding: 0 14px 4px;
        -webkit-overflow-scrolling: touch;
    }

    .pkt-chat-mobile-strip__inner {
        display: flex;
        gap: 14px;
        min-width: max-content;
    }

    .pkt-chat-mobile-person {
        width: 64px;
        color: #111827;
        text-decoration: none !important;
        display: grid;
        justify-items: center;
        gap: 6px;
        font-size: 11px;
        line-height: 1.1;
        font-weight: 800;
        text-align: center;
    }

    .pkt-chat-mobile-person__avatar {
        width: 52px;
        height: 52px;
        border: 2px solid #e9d5ff;
        border-radius: 999px;
        background: #fff;
        overflow: hidden;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #7c3aed;
        font-weight: 950;
    }

    .pkt-chat-mobile-person__avatar img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .pkt-chat-mobile-person.is-active .pkt-chat-mobile-person__avatar {
        border-color: #7c3aed;
        box-shadow: 0 0 0 4px rgba(124,58,237,.09);
    }

    .pkt-chat-toggle {
        display: none !important;
    }

    .pkt-chat-shell {
        height: calc(100dvh - 186px - var(--pkt-chat-bottom-nav)) !important;
        min-height: 560px !important;
        border-radius: 24px !important;
        overflow: hidden !important;
        display: flex !important;
        flex-direction: column !important;
        background: #ffffff !important;
        box-shadow: 0 22px 58px rgba(15,23,42,.11) !important;
    }

    .pkt-chat-layout {
        height: 100% !important;
        min-height: 0 !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        grid-template-rows: minmax(0, 1fr) !important;
        margin: 0 !important;
    }

    .pkt-chat-sidebar-col {
        display: none !important;
    }

    .pkt-chat-main-col,
    .pkt-chat-main {
        height: 100% !important;
        min-height: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
    }

    .pkt-chat-convo-head {
        flex: 0 0 auto !important;
        min-height: 72px !important;
        padding: 13px 15px !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        background: rgba(255,255,255,.97) !important;
        backdrop-filter: blur(12px) !important;
    }

    .pkt-chat-context {
        display: none;
    }

    .pkt-chat-action-btn:nth-child(1),
    .pkt-chat-action-btn:nth-child(2) {
        display: none;
    }

    .pkt-chat-avatar--large {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
    }

    .pkt-chat-person__name {
        font-size: 15px !important;
    }

    .pkt-chat-person__subtitle {
        max-width: 155px !important;
        font-size: 11px !important;
    }

    .pkt-chat-more__menu {
        right: -4px;
    }

    .pkt-chat-convo {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        height: auto !important;
        display: grid !important;
        grid-template-rows: minmax(0, 1fr) auto !important;
        overflow: hidden !important;
    }

    .pkt-chat-messages-scroll {
        min-height: 0 !important;
        height: auto !important;
        max-height: none !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        padding: 20px 16px 18px !important;
    }

    .pkt-chat-day {
        margin-bottom: 18px;
    }

    .pkt-chat-messages {
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-end !important;
        gap: 16px !important;
        min-height: 100% !important;
    }

    .pkt-chat-avatar--small {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
    }

    .pkt-chat-bubble-wrap {
        max-width: 80% !important;
    }

    .pkt-chat-bubble {
        padding: 13px 15px !important;
        border-radius: 18px !important;
        font-size: 13.5px !important;
        line-height: 1.6 !important;
    }

    .pkt-chat-composer {
        flex: 0 0 auto !important;
        position: relative !important;
        z-index: 30 !important;
        padding: 11px 12px calc(11px + env(safe-area-inset-bottom)) !important;
        background: rgba(255,255,255,.98) !important;
        backdrop-filter: blur(14px) !important;
        box-shadow: 0 -12px 28px rgba(15,23,42,.045) !important;
    }

    .pkt-chat-form__row {
        grid-template-columns: 42px minmax(0, 1fr) 52px !important;
        gap: 9px !important;
    }

    .pkt-chat-attach {
        width: 42px;
        height: 42px;
    }

    .pkt-chat-form__row textarea {
        min-height: 50px !important;
        max-height: 112px !important;
        padding: 14px 15px !important;
        border-radius: 18px !important;
        resize: none !important;
    }

    .pkt-chat-send {
        width: 52px !important;
        height: 52px !important;
        min-width: 52px !important;
        border-radius: 18px !important;
    }
}

@media (max-width: 420px) {
    .pkt-chat-shell {
        height: calc(100dvh - 178px - var(--pkt-chat-bottom-nav)) !important;
    }

    .pkt-chat-bubble-wrap {
        max-width: 82% !important;
    }

    .pkt-chat-person__subtitle {
        max-width: 130px !important;
    }
}

/* =========================================================
   PAKTOGRAF PORUKE — Messenger V3.1 polish/fix
   Add AFTER V3 CSS. Fixes proportions, composer, duplicate badges.
   ========================================================= */

/* Remove duplicate "Paktograf" badges caused by older chat CSS */
.pkt-chat-page.box-dashboard-message .title-profile::before,
.pkt-chat-page .title-profile::before,
body:has(.pkt-chat-page) .box-dashboard-message .title-profile::before {
    display: none !important;
    content: none !important;
}

/* Page top: cleaner, less stacked */
.pkt-chat-page {
    width: min(1260px, calc(100vw - 32px)) !important;
    padding-top: 34px !important;
}

.pkt-chat-page__head {
    margin-bottom: 22px !important;
}

.pkt-chat-page__title,
.pkt-chat-page .title-profile {
    margin: 12px 0 7px !important;
    font-size: clamp(40px, 4.6vw, 54px) !important;
}

.pkt-chat-kicker {
    min-height: 26px !important;
    padding: 0 12px !important;
    font-size: 10px !important;
}

/* Main shell: slightly wider conversation side, less cramped */
.pkt-chat-shell {
    border-radius: 28px !important;
}

.pkt-chat-layout,
.pkt-chat-page .message-inner.row {
    grid-template-columns: 360px minmax(0, 1fr) !important;
    min-height: 700px !important;
}

.pkt-chat-sidebar__top {
    padding: 22px 24px 14px !important;
}

.pkt-chat-new-message {
    min-height: 50px !important;
    border-radius: 15px !important;
}

/* Sidebar: selected conversation softer */
.pkt-chat-thread-scroll {
    padding: 0 10px 18px !important;
}

.pkt-chat-thread {
    min-height: 76px !important;
    padding: 12px 13px !important;
    border-radius: 16px !important;
}

.pkt-chat-thread-item.active .pkt-chat-thread {
    background: #f6f0ff !important;
    box-shadow: inset 3px 0 0 #7c3aed !important;
}

.pkt-chat-thread__name {
    font-size: 13.5px !important;
}

.pkt-chat-thread__title {
    font-size: 11.5px !important;
}

/* Header: remove noisy actions, make context subtle */
.pkt-chat-convo-head {
    min-height: 84px !important;
    padding: 16px 24px !important;
    grid-template-columns: minmax(0, 1fr) auto auto !important;
}

.pkt-chat-person__name {
    font-size: 16px !important;
}

.pkt-chat-person__subtitle {
    max-width: 460px !important;
}

.pkt-chat-context {
    min-height: 48px !important;
    padding: 7px 12px 7px 9px !important;
    border-radius: 16px !important;
    background: #fbfff9 !important;
}

.pkt-chat-context__icon {
    width: 30px !important;
    height: 30px !important;
    border-radius: 10px !important;
}

.pkt-chat-action-btn {
    width: 40px !important;
    height: 40px !important;
}

/* Hide phone/video buttons if old HTML still has them */
.pkt-chat-actions > .pkt-chat-action-btn:not(.pkt-chat-more__btn) {
    display: none !important;
}

/* Conversation area: better proportions */
.pkt-chat-convo {
    height: 616px !important;
}

.pkt-chat-messages-scroll {
    padding: 26px 32px 18px !important;
}

.pkt-chat-messages {
    gap: 16px !important;
}

.pkt-chat-day {
    margin-bottom: 18px !important;
    padding: 6px 12px !important;
}

/* Bubbles: more compact, less blocky */
.pkt-chat-bubble-wrap {
    max-width: min(540px, 72%) !important;
}

.pkt-chat-bubble {
    padding: 12px 15px !important;
    border-radius: 17px !important;
    font-size: 13.5px !important;
    line-height: 1.55 !important;
    font-weight: 750 !important;
}

.pkt-chat-message-time {
    margin-top: 7px !important;
    font-size: 10.5px !important;
}

/* System-looking messages: if Paktograf text appears, make it calmer */
.pkt-chat-message.is-theirs .pkt-chat-bubble {
    background: #ffffff !important;
    color: #111827 !important;
    border-color: #e5e7eb !important;
}

.pkt-chat-message.is-mine .pkt-chat-bubble {
    background: linear-gradient(135deg, #7c3aed 0%, #8b5cf6 100%) !important;
    color: #fff !important;
}

/* Composer: fix broken input, remove tiny textarea issue */
.pkt-chat-composer,
.content-box-white .reply-message-form-wrapper.pkt-chat-composer {
    padding: 14px 24px 18px !important;
}

.pkt-chat-form,
.reply-message-form.pkt-chat-form {
    width: 100% !important;
    margin: 0 !important;
}

.pkt-chat-form__row,
.wrapper-form.pkt-chat-form__row,
.content-box-white .wrapper-form.pkt-chat-form__row {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 56px !important;
    align-items: end !important;
    gap: 12px !important;
}

/* Old attach button is intentionally hidden for now */
.pkt-chat-attach {
    display: none !important;
}

.pkt-chat-form__row textarea,
.wrapper-form.pkt-chat-form__row textarea,
.reply-message-form.pkt-chat-form textarea.form-control,
.content-box-white .reply-message-form-wrapper textarea.form-control {
    grid-column: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 56px !important;
    max-height: 128px !important;
    padding: 17px 18px !important;
    border-radius: 17px !important;
    resize: vertical !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
}

.pkt-chat-send,
.reply-message-btn.pkt-chat-send,
.content-box-white .reply-message-btn.pkt-chat-send {
    grid-column: 2 !important;
    width: 56px !important;
    min-width: 56px !important;
    height: 56px !important;
    border-radius: 17px !important;
}

/* Mobile fixes */
@media (max-width: 767px) {
    .pkt-chat-page {
        padding-top: 14px !important;
    }

    .pkt-chat-page__title,
    .pkt-chat-page .title-profile {
        font-size: 32px !important;
        margin: 0 !important;
    }

    .pkt-chat-shell {
        height: calc(100dvh - 174px - var(--pkt-chat-bottom-nav, 74px)) !important;
        min-height: 540px !important;
    }

    .pkt-chat-layout,
    .pkt-chat-page .message-inner.row {
        min-height: 0 !important;
    }

    .pkt-chat-convo-head {
        min-height: 68px !important;
        padding: 12px 14px !important;
    }

    .pkt-chat-person__subtitle {
        max-width: 150px !important;
    }

    .pkt-chat-context {
        display: none !important;
    }

    .pkt-chat-convo {
        height: auto !important;
        min-height: 0 !important;
    }

    .pkt-chat-messages-scroll {
        padding: 18px 14px 14px !important;
    }

    .pkt-chat-bubble-wrap {
        max-width: 82% !important;
    }

    .pkt-chat-bubble {
        padding: 11px 14px !important;
        border-radius: 17px !important;
        font-size: 13.5px !important;
    }

    .pkt-chat-composer,
    .content-box-white .reply-message-form-wrapper.pkt-chat-composer {
        padding: 10px 11px calc(10px + env(safe-area-inset-bottom)) !important;
    }

    .pkt-chat-form__row,
    .wrapper-form.pkt-chat-form__row,
    .content-box-white .wrapper-form.pkt-chat-form__row {
        grid-template-columns: minmax(0, 1fr) 50px !important;
        gap: 9px !important;
    }

    .pkt-chat-form__row textarea,
    .wrapper-form.pkt-chat-form__row textarea,
    .reply-message-form.pkt-chat-form textarea.form-control,
    .content-box-white .reply-message-form-wrapper textarea.form-control {
        min-height: 50px !important;
        max-height: 104px !important;
        padding: 14px 15px !important;
        border-radius: 17px !important;
        resize: none !important;
    }

    .pkt-chat-send,
    .reply-message-btn.pkt-chat-send,
    .content-box-white .reply-message-btn.pkt-chat-send {
        width: 50px !important;
        min-width: 50px !important;
        height: 50px !important;
        border-radius: 17px !important;
    }
}

@media (max-width: 420px) {
    .pkt-chat-shell {
        height: calc(100dvh - 166px - var(--pkt-chat-bottom-nav, 74px)) !important;
    }
}
/* =========================================================
   PAKTOGRAF PORUKE — V3.2 cleanup
   Add AFTER existing Poruke V3/V3.1 CSS.
   Fixes:
   - wide own bubbles
   - send button hover jump
   - SveSve/NovoNovo duplicated labels
   - yellow search background
   - green user avatars
   - dead menu links
   - double pills/header noise
   ========================================================= */

/* 1) Remove duplicate/old badge injected by earlier CSS */
.pkt-chat-page.box-dashboard-message .title-profile::before,
.pkt-chat-page .title-profile::before,
.box-dashboard-message.pg-chat-page .title-profile::before,
body:has(.pkt-chat-page) .box-dashboard-message .title-profile::before {
    display: none !important;
    content: none !important;
}

/* Keep only the intentional "Paktograf" kicker */
.pkt-chat-kicker {
    display: inline-flex !important;
}

/* 2) Filter labels: fix SveSve / NovoNovo */
.pkt-chat-filters label,
.filter-options.pkt-chat-filters label {
    font-size: 12px !important;
    color: #667085 !important;
}

.pkt-chat-filters label::before,
.filter-options.pkt-chat-filters label::before {
    content: none !important;
    display: none !important;
}

/* 3) Search area: remove weird yellow block/background */
.pkt-chat-sidebar,
.list-message-wrapper.pkt-chat-sidebar {
    background: #ffffff !important;
}

.pkt-chat-search,
.search-message-form.pkt-chat-search,
.pkt-chat-search__field,
.search-wrapper-message.pkt-chat-search__field {
    background: transparent !important;
}

.pkt-chat-search__field input,
.search-wrapper-message.pkt-chat-search__field input {
    background: #ffffff !important;
    border-color: #dfe5f0 !important;
}

/* 4) Avatars: stop forced green. Use purple fallback, allow real images if present */
.pkt-chat-avatar,
.avatar.pkt-chat-avatar,
.pkt-chat-mobile-person__avatar {
    background: linear-gradient(135deg, #8b5cf6 0%, #6d28d9 100%) !important;
    color: #ffffff !important;
    border-color: rgba(124, 58, 237, .18) !important;
}

.pkt-chat-avatar img,
.avatar.pkt-chat-avatar img,
.pkt-chat-mobile-person__avatar img {
    background: transparent !important;
}

/* Some themes print initials in spans */
.pkt-chat-avatar span,
.avatar.pkt-chat-avatar span,
.pkt-chat-mobile-person__avatar span {
    color: #ffffff !important;
}

/* 5) Header: less noise, only one context pill + one menu */
.pkt-chat-convo-head {
    min-height: 82px !important;
    padding: 15px 22px !important;
    grid-template-columns: minmax(0, 1fr) auto auto !important;
}

.pkt-chat-context {
    min-height: 44px !important;
    padding: 7px 12px 7px 9px !important;
    border-radius: 15px !important;
    background: #fbfff9 !important;
    border: 1px solid #e9f7ee !important;
}

.pkt-chat-context__icon {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    border-radius: 10px !important;
    background: #eefbf0 !important;
    color: #16a34a !important;
    font-size: 10px !important;
}

.pkt-chat-context__text strong {
    font-size: 12px !important;
}

.pkt-chat-context__text span {
    font-size: 11px !important;
}

/* Remove phone/video/action icons if old HTML/CSS leaves them */
.pkt-chat-actions > .pkt-chat-action-btn:not(.pkt-chat-more__btn),
.pkt-chat-actions > a.pkt-chat-action-btn:not(.pkt-chat-more__btn) {
    display: none !important;
}

.pkt-chat-action-btn,
.pkt-chat-more__btn {
    transition: none !important;
    transform: none !important;
}

.pkt-chat-action-btn:hover,
.pkt-chat-more__btn:hover {
    transform: none !important;
}

/* 6) Menu: only delete link should remain visible */
.pkt-chat-more__menu a:not(.pkt-chat-delete):not(.delete-message-btn) {
    display: none !important;
}

.pkt-chat-more__menu {
    min-width: 170px !important;
    padding: 7px !important;
}

.pkt-chat-more__menu .pkt-chat-delete,
.pkt-chat-more__menu .delete-message-btn {
    display: flex !important;
    min-height: 38px !important;
    padding: 0 11px !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #ef4444 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    text-decoration: none !important;
}

.pkt-chat-more__menu .pkt-chat-delete:hover,
.pkt-chat-more__menu .delete-message-btn:hover {
    background: #fef2f2 !important;
}

/* 7) Conversation size / bubbles */
.pkt-chat-convo {
    height: 600px !important;
}

.pkt-chat-messages-scroll {
    padding: 24px 30px 18px !important;
}

.pkt-chat-messages {
    gap: 15px !important;
}

/* Own bubble was too wide: reduce it */
.pkt-chat-message.is-mine .pkt-chat-bubble-wrap,
.yourself-reply .pkt-chat-bubble-wrap,
.yourself-reply .reply-content {
    max-width: min(420px, 58%) !important;
    margin-left: auto !important;
}

.pkt-chat-message.is-theirs .pkt-chat-bubble-wrap,
.user-reply .pkt-chat-bubble-wrap,
.user-reply .reply-content {
    max-width: min(500px, 68%) !important;
}

/* Compact bubbles */
.pkt-chat-bubble,
.post-content.pkt-chat-bubble {
    padding: 11px 14px !important;
    border-radius: 16px !important;
    font-size: 13.5px !important;
    line-height: 1.55 !important;
    font-weight: 750 !important;
    min-width: 0 !important;
}

.pkt-chat-message.is-mine .pkt-chat-bubble,
.yourself-reply .pkt-chat-bubble {
    border-color: transparent !important;
    background: linear-gradient(135deg, #7c3aed 0%, #8b5cf6 100%) !important;
    color: #ffffff !important;
}

.pkt-chat-message.is-theirs .pkt-chat-bubble,
.user-reply .pkt-chat-bubble {
    background: #ffffff !important;
    color: #111827 !important;
    border-color: #e5e7eb !important;
}

/* Time inside bubble should not create huge block */
.pkt-chat-message-time {
    display: inline-block !important;
    margin-top: 7px !important;
    font-size: 10.5px !important;
    line-height: 1 !important;
    opacity: .65 !important;
}

/* 8) Composer/input: fix small broken input and hover jump */
.pkt-chat-composer,
.content-box-white .reply-message-form-wrapper.pkt-chat-composer {
    padding: 13px 22px 17px !important;
}

.pkt-chat-form,
.reply-message-form.pkt-chat-form {
    width: 100% !important;
    margin: 0 !important;
}

.pkt-chat-form__row,
.wrapper-form.pkt-chat-form__row,
.content-box-white .wrapper-form.pkt-chat-form__row {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 54px !important;
    align-items: end !important;
    gap: 12px !important;
}

/* Attach hidden for now */
.pkt-chat-attach {
    display: none !important;
}

.pkt-chat-form__row textarea,
.wrapper-form.pkt-chat-form__row textarea,
.reply-message-form.pkt-chat-form textarea.form-control,
.content-box-white .reply-message-form-wrapper textarea.form-control {
    grid-column: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 54px !important;
    max-height: 124px !important;
    padding: 16px 18px !important;
    border: 1px solid #dfe5f0 !important;
    border-radius: 17px !important;
    background: #ffffff !important;
    color: #111827 !important;
    resize: vertical !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    font-weight: 750 !important;
    box-shadow: none !important;
}

.pkt-chat-send,
.reply-message-btn.pkt-chat-send,
.content-box-white .reply-message-btn.pkt-chat-send {
    grid-column: 2 !important;
    width: 54px !important;
    min-width: 54px !important;
    height: 54px !important;
    min-height: 54px !important;
    border-radius: 17px !important;
    transform: none !important;
    transition: background .15s ease, box-shadow .15s ease !important;
}

.pkt-chat-send:hover,
.reply-message-btn.pkt-chat-send:hover,
.content-box-white .reply-message-btn.pkt-chat-send:hover {
    transform: none !important;
    top: auto !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* 9) Mobile */
@media (max-width: 767px) {
    .pkt-chat-context {
        display: none !important;
    }

    .pkt-chat-shell {
        height: calc(100dvh - 174px - var(--pkt-chat-bottom-nav, 74px)) !important;
        min-height: 540px !important;
    }

    .pkt-chat-convo-head {
        min-height: 68px !important;
        padding: 12px 14px !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
    }

    .pkt-chat-messages-scroll {
        padding: 18px 14px 14px !important;
    }

    .pkt-chat-message.is-mine .pkt-chat-bubble-wrap,
    .yourself-reply .pkt-chat-bubble-wrap,
    .yourself-reply .reply-content {
        max-width: 78% !important;
    }

    .pkt-chat-message.is-theirs .pkt-chat-bubble-wrap,
    .user-reply .pkt-chat-bubble-wrap,
    .user-reply .reply-content {
        max-width: 82% !important;
    }

    .pkt-chat-bubble,
    .post-content.pkt-chat-bubble {
        padding: 11px 14px !important;
        border-radius: 17px !important;
        font-size: 13.5px !important;
    }

    .pkt-chat-composer,
    .content-box-white .reply-message-form-wrapper.pkt-chat-composer {
        padding: 10px 11px calc(10px + env(safe-area-inset-bottom)) !important;
    }

    .pkt-chat-form__row,
    .wrapper-form.pkt-chat-form__row,
    .content-box-white .wrapper-form.pkt-chat-form__row {
        grid-template-columns: minmax(0, 1fr) 50px !important;
        gap: 9px !important;
    }

    .pkt-chat-form__row textarea,
    .wrapper-form.pkt-chat-form__row textarea,
    .reply-message-form.pkt-chat-form textarea.form-control,
    .content-box-white .reply-message-form-wrapper textarea.form-control {
        min-height: 50px !important;
        max-height: 104px !important;
        padding: 14px 15px !important;
        border-radius: 17px !important;
        resize: none !important;
    }

    .pkt-chat-send,
    .reply-message-btn.pkt-chat-send,
    .content-box-white .reply-message-btn.pkt-chat-send {
        width: 50px !important;
        min-width: 50px !important;
        height: 50px !important;
        min-height: 50px !important;
        border-radius: 17px !important;
    }
}

/* =========================================================
   PAKTOGRAF PORUKE — V4 mobile rail + Pitaj zajednicu
   Additions after V3.1 + V3.2 cleanup.
   ========================================================= */

/* Naming / product direction */
.pkt-chat-page .pkt-chat-new-message,
.pkt-chat-page .pkt-chat-page__icon--plus,
.pkt-chat-page .pkt-chat-mobile-person--question {
    cursor: pointer !important;
}

/* Mobile rail: people + Pitaj + Svi */
.pkt-chat-mobile-strip {
    display: none;
}

@media (max-width: 767px) {
    .pkt-chat-page {
        padding-top: 15px !important;
    }

    .pkt-chat-kicker,
    .pkt-chat-page__head p {
        display: none !important;
    }

    .pkt-chat-page__head {
        margin-bottom: 12px !important;
        align-items: center !important;
    }

    .pkt-chat-page__title,
    .pkt-chat-page .title-profile {
        margin: 0 !important;
        font-size: 32px !important;
        line-height: 1.02 !important;
    }

    .pkt-chat-page__tools {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
    }

    .pkt-chat-page__icon {
        width: 40px !important;
        height: 40px !important;
        border: 1px solid #edf0f7 !important;
        border-radius: 999px !important;
        background: #fff !important;
        color: #111827 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-decoration: none !important;
        font-size: 21px !important;
        font-weight: 900 !important;
        box-shadow: 0 8px 18px rgba(15,23,42,.04) !important;
    }

    .pkt-chat-page__icon--plus {
        border-color: transparent !important;
        background: linear-gradient(135deg, #7c3aed 0%, #8b5cf6 100%) !important;
        color: #fff !important;
    }

    .pkt-chat-mobile-strip {
        display: block !important;
        margin: 0 -14px 14px !important;
        overflow-x: auto !important;
        padding: 0 14px 5px !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
    }

    .pkt-chat-mobile-strip::-webkit-scrollbar {
        display: none !important;
    }

    .pkt-chat-mobile-strip__inner {
        display: flex !important;
        align-items: flex-start !important;
        gap: 14px !important;
        min-width: max-content !important;
    }

    .pkt-chat-mobile-person {
        width: 64px !important;
        color: #111827 !important;
        text-decoration: none !important;
        display: grid !important;
        justify-items: center !important;
        gap: 6px !important;
        font-size: 11px !important;
        line-height: 1.1 !important;
        font-weight: 800 !important;
        text-align: center !important;
        background: transparent !important;
        border: 0 !important;
        padding: 0 !important;
        box-shadow: none !important;
    }

    .pkt-chat-mobile-person__avatar {
        position: relative !important;
        width: 52px !important;
        height: 52px !important;
        min-width: 52px !important;
        border: 2px solid #e9d5ff !important;
        border-radius: 999px !important;
        background: linear-gradient(135deg, #8b5cf6 0%, #6d28d9 100%) !important;
        overflow: hidden !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #fff !important;
        font-weight: 950 !important;
    }

    .pkt-chat-mobile-person__avatar img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    .pkt-chat-mobile-person.is-active .pkt-chat-mobile-person__avatar {
        border-color: #7c3aed !important;
        box-shadow: 0 0 0 4px rgba(124,58,237,.09) !important;
    }

    .pkt-chat-mobile-person__name {
        max-width: 64px !important;
        color: #111827 !important;
        overflow: hidden !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
    }

    .pkt-chat-mobile-person__avatar--question {
        border-color: transparent !important;
        background: linear-gradient(135deg, #7c3aed 0%, #a855f7 100%) !important;
        color: #fff !important;
        font-size: 24px !important;
    }

    .pkt-chat-mobile-person__avatar--all {
        border-color: transparent !important;
        background: #6b7280 !important;
        color: #fff !important;
        font-size: 22px !important;
        letter-spacing: 1px !important;
    }

    /* Hide old mobile toggle; Svi is now a modal circle */
    .pkt-chat-toggle {
        display: none !important;
    }

    .pkt-chat-shell {
        height: calc(100dvh - 174px - var(--pkt-chat-bottom-nav, 74px)) !important;
        min-height: 540px !important;
    }
}

/* Desktop: rename action visually as question/signal, not private DM */
.pkt-chat-new-message {
    text-transform: none !important;
}

/* Modals for Svi razgovori and Pitaj zajednicu */
.pkt-chat-modal {
    display: none;
}

.mfp-content .pkt-chat-modal {
    display: block !important;
}

.pkt-chat-modal__inner {
    width: min(460px, calc(100vw - 28px));
    margin: 0 auto;
    padding: 24px;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 30px 80px rgba(15,23,42,.24);
    position: relative;
}

.pkt-chat-modal__close {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 38px;
    height: 38px;
    border-radius: 999px;
    background: #f8fafc;
    color: #64748b;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    font-size: 24px;
    line-height: 1;
}

.pkt-chat-modal h2 {
    margin: 0 44px 8px 0;
    color: #111827;
    font-size: 28px;
    line-height: 1.1;
    font-weight: 950;
    letter-spacing: -.04em;
}

.pkt-chat-modal p {
    margin: 0 0 18px;
    color: #667085;
    font-size: 14px;
    line-height: 1.55;
    font-weight: 700;
}

.pkt-chat-modal-list {
    display: grid;
    gap: 10px;
    max-height: min(520px, 68vh);
    overflow-y: auto;
    padding-right: 2px;
}

.pkt-chat-modal-item {
    padding: 12px;
    border: 1px solid #edf0f7;
    border-radius: 16px;
    background: #fff;
    color: #111827;
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none !important;
}

.pkt-chat-modal-item:hover {
    background: #faf5ff;
    border-color: #e9d5ff;
}

.pkt-chat-modal-item__avatar {
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: 999px;
    overflow: hidden;
    background: linear-gradient(135deg, #8b5cf6 0%, #6d28d9 100%);
}

.pkt-chat-modal-item__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pkt-chat-modal-item strong {
    display: block;
    color: #111827;
    font-size: 14px;
    font-weight: 950;
}

.pkt-chat-modal-item em {
    display: block;
    margin-top: 3px;
    color: #667085;
    font-size: 12px;
    font-style: normal;
    font-weight: 750;
    max-width: 320px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.pkt-chat-question-note {
    padding: 18px;
    border-radius: 16px;
    background: #f8fafc;
    color: #667085;
    font-size: 14px;
    font-weight: 750;
}

/* Header context text refinement */
.pkt-chat-context__text span {
    text-transform: none !important;
}

/* Additional safety: do not let old Freeio buttons jump */
.pkt-chat-page a,
.pkt-chat-page button {
    transform: none;
}

.pkt-chat-page a:hover,
.pkt-chat-page button:hover {
    transform: none;
}


/* =========================================================
   PAKTOGRAF PORUKE V4.1 — mobile messenger cleanup
   Fixes:
   1. modals within device width
   2. only one + Pitaj button, inside circle rail
   3. modal overlay covers page correctly
   4. no duplicate mobile chat header
   5. mobile chat full device width
   6. no vertical scroll except messages
   7. composer/input fixed at bottom of chat area
   ========================================================= */

/* Safety: old title pseudo-badges must not reappear */
.pkt-msg-page .title-profile::before,
.pkt-msg-page.box-dashboard-message .title-profile::before,
body:has(.pkt-msg-page) .title-profile::before {
    display: none !important;
    content: none !important;
}

/* Header: search only. The + lives only inside the circles rail. */
.pkt-msg-head-btn--question {
    display: none !important;
}

/* Modal overlay must sit above the whole page and bottom nav */
body:has(.pkt-msg-page) .mfp-bg {
    z-index: 999980 !important;
    background: #0f172a !important;
    opacity: .72 !important;
}

body:has(.pkt-msg-page) .mfp-wrap {
    z-index: 999990 !important;
}

body:has(.pkt-msg-page) .mfp-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body:has(.pkt-msg-page) .mfp-content {
    width: 100% !important;
    max-width: 100vw !important;
    padding: 0 !important;
}

body:has(.pkt-msg-page) .pkt-msg-page-head,
body:has(.pkt-msg-page) .pkt-msg-mobile-rail,
body:has(.pkt-msg-page) .pkt-msg-shell {
    z-index: auto !important;
}

/* Modals must fit the device width */
.mfp-content .pkt-msg-modal,
.pkt-msg-modal.is-open {
    display: block !important;
}

.mfp-content .pkt-msg-modal__inner,
.pkt-msg-modal.is-open .pkt-msg-modal__inner {
    width: calc(100vw - 24px) !important;
    max-width: 460px !important;
    margin: 0 auto !important;
    border-radius: 24px !important;
    box-sizing: border-box !important;
}

body.pkt-msg-simple-modal-open::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 999980;
    background: rgba(15, 23, 42, .72);
}

body.pkt-msg-simple-modal-open .pkt-msg-modal.is-open {
    position: fixed;
    inset: 0;
    z-index: 999990;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 18px 12px;
}

/* Desktop composer/button stability */
.pkt-msg-send,
.pkt-msg-send:hover,
.pkt-msg-send:focus,
.reply-message-btn.pkt-msg-send:hover,
.reply-message-btn.pkt-msg-send:focus {
    transform: none !important;
    translate: none !important;
    top: auto !important;
    bottom: auto !important;
    margin: 0 !important;
}

/* Mobile app-like behavior */
@media (max-width: 767px) {
    :root {
        --pkt-msg-site-header: 60px;
        --pkt-msg-bottom-nav: 74px;
    }

    body:has(.pkt-msg-page) {
        overflow: hidden !important;
        height: 100dvh !important;
        background: #fbf9ff !important;
    }

    body:has(.pkt-msg-page) #wrapper-container,
    body:has(.pkt-msg-page) #apus-main-content,
    body:has(.pkt-msg-page) #main-container,
    body:has(.pkt-msg-page) #main-content,
    body:has(.pkt-msg-page) #main,
    body:has(.pkt-msg-page) .site-main,
    body:has(.pkt-msg-page) .main-page,
    body:has(.pkt-msg-page) .wrapper-main-page {
        overflow: hidden !important;
    }

    .pkt-msg-page {
        width: 100vw !important;
        max-width: none !important;
        height: calc(100dvh - var(--pkt-msg-site-header) - var(--pkt-msg-bottom-nav)) !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 14px 14px 0 !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
        background:
            radial-gradient(circle at 70% 0%, rgba(124,58,237,.08), transparent 34%),
            linear-gradient(180deg, #fbf9ff 0%, #ffffff 90%) !important;
    }

    .pkt-msg-page-head {
        flex: 0 0 auto !important;
        margin: 0 0 10px !important;
        padding: 0 !important;
    }

    .pkt-msg-title,
    .pkt-msg-page .title-profile {
        margin: 0 !important;
        font-size: 30px !important;
        line-height: 1 !important;
        letter-spacing: -.055em !important;
    }

    .pkt-msg-brand__badge,
    .pkt-msg-brand p {
        display: none !important;
    }

    .pkt-msg-head-actions {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
    }

    .pkt-msg-head-btn {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        border: 1px solid #edf0f7 !important;
        border-radius: 999px !important;
        background: #fff !important;
        color: #111827 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-decoration: none !important;
        font-size: 20px !important;
        box-shadow: 0 8px 20px rgba(15, 23, 42, .05) !important;
    }

    .pkt-msg-head-btn--question {
        display: none !important;
    }

    .pkt-msg-mobile-rail {
        flex: 0 0 auto !important;
        display: block !important;
        margin: 0 -14px 12px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        padding: 0 14px 4px !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
    }

    .pkt-msg-mobile-rail::-webkit-scrollbar {
        display: none !important;
    }

    .pkt-msg-mobile-rail__inner {
        display: flex !important;
        gap: 13px !important;
        min-width: max-content !important;
    }

    .pkt-msg-person {
        width: 58px !important;
        color: #111827 !important;
        text-decoration: none !important;
        display: grid !important;
        justify-items: center !important;
        gap: 5px !important;
        font-size: 10.5px !important;
        line-height: 1.1 !important;
        font-weight: 850 !important;
        text-align: center !important;
    }

    .pkt-msg-person__avatar {
        width: 50px !important;
        height: 50px !important;
        min-width: 50px !important;
        border: 2px solid #e9d5ff !important;
        border-radius: 999px !important;
        background: linear-gradient(135deg, #8b5cf6 0%, #6d28d9 100%) !important;
        color: #fff !important;
        overflow: hidden !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-weight: 950 !important;
        box-shadow: none !important;
    }

    .pkt-msg-person.is-active .pkt-msg-person__avatar {
        border-color: #7c3aed !important;
        box-shadow: 0 0 0 4px rgba(124,58,237,.10) !important;
    }

    .pkt-msg-person__avatar--question {
        background: linear-gradient(135deg, #7c3aed 0%, #a855f7 100%) !important;
        color: #fff !important;
        font-size: 23px !important;
    }

    .pkt-msg-person__avatar--all {
        background: #6b7280 !important;
        color: #fff !important;
        font-size: 21px !important;
    }

    /* Full device width chat */
    .pkt-msg-shell {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        height: auto !important;
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: -14px !important;
        margin-right: -14px !important;
        border-left: 0 !important;
        border-right: 0 !important;
        border-bottom: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        overflow: hidden !important;
        display: flex !important;
        flex-direction: column !important;
        background: #fff !important;
    }

    .pkt-msg-layout,
    .pkt-msg-page .message-inner.row {
        flex: 1 1 auto !important;
        height: 100% !important;
        min-height: 0 !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        grid-template-rows: minmax(0, 1fr) !important;
        margin: 0 !important;
        overflow: hidden !important;
    }

    .pkt-msg-sidebar-col {
        display: none !important;
    }

    .pkt-msg-main-col,
    .pkt-msg-main {
        height: 100% !important;
        min-height: 0 !important;
        width: 100% !important;
        max-width: none !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
    }

    /* No duplicate chat header on mobile. Active user is shown in the circle rail. */
    .pkt-msg-convo-head {
        display: none !important;
    }

    .pkt-msg-convo {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        height: 100% !important;
        max-height: 100% !important;
        display: grid !important;
        grid-template-rows: minmax(0, 1fr) auto !important;
        overflow: hidden !important;
        border: 0 !important;
        background:
            radial-gradient(circle at 50% 0%, rgba(124,58,237,.035), transparent 36%),
            #fbfcff !important;
    }

    /* Only this part scrolls vertically */
    .pkt-msg-messages-scroll {
        min-height: 0 !important;
        height: auto !important;
        max-height: none !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        padding: 18px 14px 16px !important;
        scroll-behavior: smooth !important;
    }

    .pkt-msg-messages {
        min-height: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-end !important;
        gap: 14px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .pkt-msg-day {
        margin: 0 auto 16px !important;
        padding: 6px 12px !important;
        font-size: 11.5px !important;
    }

    .pkt-msg-avatar--small {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
    }

    .pkt-msg-message.is-mine .pkt-msg-bubble-wrap,
    .yourself-reply .pkt-msg-bubble-wrap,
    .yourself-reply .reply-content {
        max-width: 78% !important;
        margin-left: auto !important;
    }

    .pkt-msg-message.is-theirs .pkt-msg-bubble-wrap,
    .user-reply .pkt-msg-bubble-wrap,
    .user-reply .reply-content {
        max-width: 84% !important;
    }

    .pkt-msg-bubble {
        padding: 11px 14px !important;
        border-radius: 17px !important;
        font-size: 13.5px !important;
        line-height: 1.58 !important;
        font-weight: 760 !important;
    }

    /* Composer fixed at bottom of chat area, not floating randomly */
    .pkt-msg-composer {
        flex: 0 0 auto !important;
        position: relative !important;
        z-index: 30 !important;
        width: 100% !important;
        padding: 10px 12px calc(10px + env(safe-area-inset-bottom)) !important;
        border-top: 1px solid #edf0f7 !important;
        background: rgba(255,255,255,.98) !important;
        backdrop-filter: blur(14px) !important;
        box-shadow: 0 -12px 28px rgba(15,23,42,.045) !important;
    }

    .pkt-msg-form,
    .pkt-msg-form__row {
        width: 100% !important;
        margin: 0 !important;
    }

    .pkt-msg-form__row {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 50px !important;
        align-items: end !important;
        gap: 9px !important;
    }

    .pkt-msg-form__row textarea {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 50px !important;
        max-height: 104px !important;
        padding: 14px 15px !important;
        border: 1px solid #dfe5f0 !important;
        border-radius: 17px !important;
        background: #fff !important;
        color: #111827 !important;
        resize: none !important;
        font-size: 14px !important;
        line-height: 1.35 !important;
        font-weight: 750 !important;
        box-shadow: none !important;
    }

    .pkt-msg-send {
        width: 50px !important;
        min-width: 50px !important;
        height: 50px !important;
        min-height: 50px !important;
        padding: 0 !important;
        border-radius: 17px !important;
        transform: none !important;
        margin: 0 !important;
    }

    .pkt-msg-send:hover,
    .pkt-msg-send:focus {
        transform: none !important;
        margin: 0 !important;
    }

    .mfp-content .pkt-msg-modal__inner,
    .pkt-msg-modal.is-open .pkt-msg-modal__inner {
        width: calc(100vw - 24px) !important;
        max-width: calc(100vw - 24px) !important;
        max-height: calc(100dvh - 120px) !important;
        overflow-y: auto !important;
        border-radius: 24px !important;
    }
}

@media (max-width: 420px) {
    .pkt-msg-page {
        height: calc(100dvh - var(--pkt-msg-site-header) - var(--pkt-msg-bottom-nav)) !important;
    }

    .pkt-msg-person-main__subtitle {
        max-width: 130px !important;
    }

    .pkt-msg-message.is-mine .pkt-msg-bubble-wrap,
    .yourself-reply .pkt-msg-bubble-wrap,
    .yourself-reply .reply-content {
        max-width: 80% !important;
    }

    .pkt-msg-message.is-theirs .pkt-msg-bubble-wrap,
    .user-reply .pkt-msg-bubble-wrap,
    .user-reply .reply-content {
        max-width: 85% !important;
    }
}


/* =========================================================
   PAKTOGRAF PORUKE V5 CLEAN
   Clean markup, minimal Freeio inheritance.
   Put this at the END of Additional CSS.
   ========================================================= */

.pkt-clean-msg,
.pkt-clean-msg * {
    box-sizing: border-box;
}

body:has(.pkt-clean-msg) {
    background:
        radial-gradient(circle at 74% 0%, rgba(124,58,237,.08), transparent 35%),
        linear-gradient(180deg, #fbf9ff 0%, #ffffff 62%, #ffffff 100%) !important;
}

.pkt-clean-msg {
    --pkt-purple: #7c3aed;
    --pkt-purple-2: #8b5cf6;
    --pkt-border: #e7eaf1;
    --pkt-text: #111827;
    --pkt-muted: #667085;
    width: min(1260px, calc(100vw - 32px));
    margin: 0 auto 92px;
    padding: 36px 0 0;
    color: var(--pkt-text);
}

.pkt-clean-msg__top {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin: 0 0 22px;
}

.pkt-clean-msg__title {
    margin: 0 0 10px;
    color: var(--pkt-text);
    font-size: clamp(40px, 4.6vw, 54px);
    line-height: .98;
    font-weight: 950;
    letter-spacing: -.055em;
}

.pkt-clean-msg__pill {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 12px;
    border-radius: 999px;
    background: linear-gradient(135deg, #f3e8ff 0%, #fff7df 100%);
    color: var(--pkt-purple);
    font-size: 10px;
    line-height: 1;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.pkt-clean-msg__search-btn {
    width: 42px;
    height: 42px;
    border: 1px solid var(--pkt-border);
    border-radius: 50%;
    background: #fff;
    color: var(--pkt-text);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 24px rgba(15,23,42,.05);
}

.pkt-clean-rail {
    display: none;
}

/* Desktop layout */
.pkt-clean-shell {
    min-height: 700px;
    border: 1px solid var(--pkt-border);
    border-radius: 28px;
    background: #fff;
    box-shadow: 0 28px 80px rgba(15,23,42,.085);
    overflow: hidden;
    display: grid;
    grid-template-columns: 360px minmax(0, 1fr);
}

.pkt-clean-sidebar {
    min-width: 0;
    border-right: 1px solid var(--pkt-border);
    background: #fff;
    padding: 22px 10px 18px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.pkt-clean-ask {
    min-height: 50px;
    margin: 0 14px 14px;
    border-radius: 15px;
    background: linear-gradient(135deg, var(--pkt-purple) 0%, var(--pkt-purple-2) 100%);
    color: #fff !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 950;
    box-shadow: 0 16px 34px rgba(124,58,237,.24);
}

.pkt-clean-ask span {
    font-size: 20px;
    line-height: 1;
}

.pkt-clean-search {
    margin: 0 14px 16px !important;
    padding: 0 !important;
}

.pkt-clean-search__field {
    position: relative;
}

.pkt-clean-search__field input {
    width: 100% !important;
    height: 50px !important;
    padding: 0 54px 0 18px !important;
    border: 1px solid #dfe5f0 !important;
    border-radius: 15px !important;
    background: #fff !important;
    color: var(--pkt-text) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
}

.pkt-clean-search__field button {
    position: absolute !important;
    top: 50% !important;
    right: 6px !important;
    transform: translateY(-50%) !important;
    width: 38px !important;
    height: 38px !important;
    border: 0 !important;
    border-radius: 13px !important;
    background: #f3e8ff !important;
    color: var(--pkt-purple) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.pkt-clean-filters {
    display: flex;
    gap: 9px;
    margin-top: 14px;
}

.pkt-clean-filters input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.pkt-clean-filters span {
    min-height: 32px;
    padding: 0 12px;
    border-radius: 999px;
    background: #f4f6fb;
    color: var(--pkt-muted);
    display: inline-flex;
    align-items: center;
    font-size: 12px;
    font-weight: 900;
    cursor: pointer;
}

.pkt-clean-filters input:checked + span {
    background: var(--pkt-purple);
    color: #fff;
}

.pkt-clean-thread-scroll {
    min-height: 0;
    overflow-y: auto;
    padding: 0;
}

.pkt-clean-thread-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pkt-clean-thread-item {
    margin: 0 0 8px !important;
    padding: 0 !important;
}

.pkt-clean-thread {
    min-height: 76px;
    padding: 12px 13px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    gap: 13px;
    text-decoration: none !important;
    color: var(--pkt-text) !important;
    background: transparent;
}

.pkt-clean-thread-item.active .pkt-clean-thread {
    background: #f6f0ff;
    box-shadow: inset 3px 0 0 var(--pkt-purple);
}

.pkt-clean-thread-item.unread .pkt-clean-thread__top strong::after {
    content: "";
    width: 8px;
    height: 8px;
    margin-left: 8px;
    border-radius: 50%;
    display: inline-block;
    background: var(--pkt-purple);
}

.pkt-clean-avatar,
.pkt-clean-rail-user__avatar,
.pkt-clean-modal-item__avatar {
    background: linear-gradient(135deg, var(--pkt-purple-2) 0%, #6d28d9 100%);
    color: #fff;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.pkt-clean-avatar img,
.pkt-clean-rail-user__avatar img,
.pkt-clean-modal-item__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pkt-clean-thread__avatar {
    width: 50px;
    height: 50px;
    min-width: 50px;
    border-radius: 999px;
}

.pkt-clean-thread__body {
    min-width: 0;
    flex: 1;
}

.pkt-clean-thread__top {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 5px;
}

.pkt-clean-thread__top strong {
    color: var(--pkt-text);
    font-size: 13.5px;
    line-height: 1.2;
    font-weight: 950;
}

.pkt-clean-thread__top em {
    margin-left: auto;
    color: var(--pkt-muted);
    font-size: 11px;
    font-style: normal;
    font-weight: 800;
    white-space: nowrap;
}

.pkt-clean-thread__title {
    color: #334155;
    font-size: 11.5px;
    line-height: 1.35;
    font-weight: 750;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pkt-clean-main {
    min-width: 0;
    min-height: 0;
    background: #fff;
    overflow: hidden;
}

/* Chat */
.pkt-clean-chat {
    height: 100%;
    min-height: 700px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 0%, rgba(124,58,237,.026), transparent 34%),
        #fbfcff;
}

.pkt-clean-chat-head {
    min-height: 82px;
    padding: 15px 22px;
    border-bottom: 1px solid var(--pkt-border);
    background: #fff;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 16px;
}

.pkt-clean-chat-head__person {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.pkt-clean-chat-head__avatar {
    width: 48px;
    height: 48px;
    min-width: 48px;
    border-radius: 999px;
}

.pkt-clean-chat-head__person strong {
    display: block;
    color: var(--pkt-text);
    font-size: 16px;
    line-height: 1.2;
    font-weight: 950;
}

.pkt-clean-chat-head__person em {
    display: block;
    max-width: 460px;
    margin-top: 4px;
    color: #334155;
    font-size: 12px;
    font-style: normal;
    font-weight: 750;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pkt-clean-chat-head__context {
    min-height: 44px;
    padding: 7px 12px 7px 9px;
    border: 1px solid #e9f7ee;
    border-radius: 15px;
    background: #fbfff9;
    display: grid;
    grid-template-columns: 28px auto;
    grid-template-rows: auto auto;
    column-gap: 9px;
    align-items: center;
}

.pkt-clean-chat-head__context span {
    grid-row: 1 / span 2;
    width: 28px;
    height: 28px;
    border-radius: 10px;
    background: #eefbf0;
    color: #16a34a;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 950;
}

.pkt-clean-chat-head__context strong {
    color: var(--pkt-text);
    font-size: 12px;
    line-height: 1.15;
    font-weight: 950;
}

.pkt-clean-chat-head__context em {
    margin-top: 2px;
    color: #16a34a;
    font-size: 11px;
    font-style: normal;
    font-weight: 850;
}

.pkt-clean-more {
    position: relative;
}

.pkt-clean-more__button {
    width: 40px;
    height: 40px;
    border: 1px solid var(--pkt-border);
    border-radius: 999px;
    background: #fff;
    color: #344054;
    font-size: 18px;
    font-weight: 900;
}

.pkt-clean-more__menu {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    z-index: 40;
    min-width: 170px;
    padding: 7px;
    border: 1px solid var(--pkt-border);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 24px 60px rgba(15,23,42,.14);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-4px);
    transition: .16s ease;
}

.pkt-clean-more:hover .pkt-clean-more__menu,
.pkt-clean-more:focus-within .pkt-clean-more__menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.pkt-clean-delete {
    min-height: 38px;
    padding: 0 11px;
    border-radius: 10px;
    color: #ef4444 !important;
    display: flex;
    align-items: center;
    text-decoration: none !important;
    font-size: 13px;
    font-weight: 850;
}

.pkt-clean-delete:hover {
    background: #fef2f2;
}

.pkt-clean-chat-scroll {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 24px 30px 18px;
}

.pkt-clean-day {
    width: fit-content;
    margin: 0 auto 18px;
    padding: 6px 12px;
    border-radius: 999px;
    background: #f4f6fb;
    color: var(--pkt-muted);
    font-size: 12px;
    font-weight: 850;
}

.pkt-clean-messages {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 0 18px !important;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.pkt-clean-message {
    display: flex;
    margin: 0 !important;
    padding: 0 !important;
}

.pkt-clean-message.is-mine {
    justify-content: flex-end;
}

.pkt-clean-message.is-theirs {
    justify-content: flex-start;
}

.pkt-clean-bubble {
    max-width: min(500px, 68%);
    padding: 12px 15px;
    border: 1px solid #e7eaf1;
    border-radius: 20px 20px 20px 7px;
    background: #fff;
    color: var(--pkt-text);
    font-size: 13.5px;
    line-height: 1.52;
    font-weight: 760;
    box-shadow: 0 8px 18px rgba(15,23,42,.035);
}

.pkt-clean-message.is-mine .pkt-clean-bubble {
    max-width: min(420px, 58%);
    border: 0;
    border-radius: 20px 20px 7px 20px;
    background: linear-gradient(135deg, var(--pkt-purple) 0%, var(--pkt-purple-2) 100%);
    color: #fff;
    box-shadow: 0 12px 24px rgba(124,58,237,.18);
}

.pkt-clean-bubble span {
    display: inline-block;
    margin-left: 5px;
    color: #98a2b3;
    font-size: 10.5px;
    line-height: 1;
    font-weight: 850;
    white-space: nowrap;
}

.pkt-clean-message.is-mine .pkt-clean-bubble span {
    color: rgba(255,255,255,.78);
}

/* Composer */
.pkt-clean-composer {
    flex: 0 0 82px;
    min-height: 82px;
    padding: 12px 14px 14px;
    background: #fff;
    box-shadow: 0 -10px 26px rgba(15,23,42,.035);
}

.pkt-clean-form {
    width: 100%;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

.pkt-clean-form__pill {
    position: relative;
    width: 100%;
    height: 56px;
}

.pkt-clean-form__pill textarea {
    width: 100% !important;
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
    padding: 17px 66px 17px 17px !important;
    border: 1px solid #dfe5f0 !important;
    border-radius: 19px !important;
    background: #fff !important;
    color: var(--pkt-text) !important;
    resize: none !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 760 !important;
    box-shadow: 0 8px 20px rgba(15,23,42,.035) !important;
}

.pkt-clean-send {
    position: absolute !important;
    right: 6px !important;
    top: 6px !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    border: 0 !important;
    border-radius: 15px !important;
    background: linear-gradient(135deg, var(--pkt-purple) 0%, #a855f7 100%) !important;
    color: #fff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 12px 24px rgba(124,58,237,.22) !important;
    transform: none !important;
}

/* Empty */
.pkt-clean-no-thread,
.pkt-clean-empty {
    display: grid;
    place-items: center;
    align-content: center;
    min-height: 520px;
    padding: 24px;
    text-align: center;
}

.pkt-clean-no-thread__icon {
    width: 72px;
    height: 72px;
    margin: 0 auto 20px;
    border-radius: 24px;
    background: linear-gradient(135deg, var(--pkt-purple) 0%, #a855f7 100%);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
}

/* Modals */
.pkt-clean-modal {
    position: fixed;
    inset: 0;
    z-index: 999990;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 18px 12px;
    background: rgba(15,23,42,.72);
}

.pkt-clean-modal.is-open {
    display: flex;
}

body.pkt-clean-modal-open {
    overflow: hidden;
}

.pkt-clean-modal__card {
    width: min(460px, calc(100vw - 24px));
    max-height: calc(100dvh - 90px);
    overflow-y: auto;
    padding: 24px;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 30px 80px rgba(15,23,42,.24);
    position: relative;
}

.pkt-clean-modal__close {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 999px;
    background: #f8fafc;
    color: #64748b;
    font-size: 24px;
    line-height: 1;
}

.pkt-clean-modal h2 {
    margin: 0 44px 8px 0;
    color: var(--pkt-text);
    font-size: 28px;
    line-height: 1.1;
    font-weight: 950;
    letter-spacing: -.04em;
}

.pkt-clean-modal p {
    margin: 0 0 18px;
    color: var(--pkt-muted);
    font-size: 14px;
    line-height: 1.55;
    font-weight: 700;
}

.pkt-clean-modal-list {
    display: grid;
    gap: 10px;
}

.pkt-clean-modal-item {
    padding: 12px;
    border: 1px solid var(--pkt-border);
    border-radius: 16px;
    background: #fff;
    color: var(--pkt-text) !important;
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none !important;
}

.pkt-clean-modal-item__avatar {
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: 999px;
}

.pkt-clean-modal-item strong {
    display: block;
    color: var(--pkt-text);
    font-size: 14px;
    font-weight: 950;
}

.pkt-clean-modal-item em {
    display: block;
    margin-top: 3px;
    color: var(--pkt-muted);
    font-size: 12px;
    font-style: normal;
    font-weight: 750;
}

.pkt-clean-question-box {
    padding: 18px;
    border-radius: 16px;
    background: #f8fafc;
    color: var(--pkt-muted);
    font-size: 14px;
    font-weight: 750;
}

/* Mobile */
@media (max-width: 767px) {
    :root {
        --pkt-clean-header: 60px;
        --pkt-clean-bottom: 74px;
        --pkt-clean-top-area: 178px;
    }

    html:has(.pkt-clean-msg),
    body:has(.pkt-clean-msg) {
        height: 100% !important;
        overflow: hidden !important;
        overscroll-behavior: none !important;
    }

    body:has(.pkt-clean-msg) {
        position: fixed !important;
        inset: 0 !important;
        width: 100% !important;
    }

    .pkt-clean-msg {
        width: 100vw;
        max-width: 100vw;
        height: calc(100svh - var(--pkt-clean-header) - var(--pkt-clean-bottom));
        margin: 0;
        padding: 14px 14px 0;
        overflow: hidden;
    }

    .pkt-clean-msg__top {
        height: 42px;
        margin: 0 0 10px;
        align-items: center;
    }

    .pkt-clean-msg__title {
        margin: 0;
        font-size: 30px;
        line-height: 1;
    }

    .pkt-clean-msg__pill {
        margin-top: 10px;
    }

    .pkt-clean-rail {
        display: block;
        margin: 0 -14px 10px;
        padding: 14px 14px 4px;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .pkt-clean-rail::-webkit-scrollbar {
        display: none;
    }

    .pkt-clean-rail__inner {
        display: flex;
        gap: 13px;
        min-width: max-content;
    }

    .pkt-clean-rail-user {
        width: 58px;
        color: var(--pkt-text) !important;
        text-decoration: none !important;
        display: grid;
        justify-items: center;
        gap: 5px;
        font-size: 10.5px;
        line-height: 1.1;
        font-weight: 850;
        text-align: center;
    }

    .pkt-clean-rail-user__avatar {
        position: relative;
        width: 50px;
        height: 50px;
        min-width: 50px;
        border: 2px solid #e9d5ff;
        border-radius: 999px;
        font-weight: 950;
    }

    .pkt-clean-rail-user.is-active .pkt-clean-rail-user__avatar {
        border-color: var(--pkt-purple);
        box-shadow: 0 0 0 4px rgba(124,58,237,.10);
    }

    .pkt-clean-rail-user__avatar em {
        position: absolute;
        right: 1px;
        bottom: 1px;
        width: 13px;
        height: 13px;
        border: 2px solid #fff;
        border-radius: 50%;
        background: #22c55e;
    }

    .pkt-clean-rail-user__avatar--question {
        background: linear-gradient(135deg, var(--pkt-purple) 0%, #a855f7 100%);
        font-size: 23px;
    }

    .pkt-clean-rail-user__avatar--all {
        background: #6b7280;
        font-size: 21px;
    }

    .pkt-clean-rail-user__name {
        max-width: 58px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .pkt-clean-shell {
        position: fixed;
        left: 0;
        right: 0;
        top: calc(var(--pkt-clean-header) + var(--pkt-clean-top-area));
        bottom: var(--pkt-clean-bottom);
        width: 100vw;
        min-height: 0;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        display: block;
        overflow: hidden;
        background: #fff;
    }

    .pkt-clean-sidebar {
        display: none;
    }

    .pkt-clean-main {
        height: 100%;
        min-height: 0;
        overflow: hidden;
    }

    .pkt-clean-chat {
        height: 100%;
        min-height: 0;
        overflow: hidden;
    }

    .pkt-clean-chat-head {
        display: none;
    }

    .pkt-clean-chat-scroll {
        flex: 1 1 auto;
        height: 0;
        min-height: 0;
        overflow-y: scroll;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-y: contain;
        touch-action: pan-y;
        padding: 18px 14px 20px;
    }

    .pkt-clean-messages {
        gap: 14px;
        padding-bottom: 18px !important;
    }

    .pkt-clean-message.is-mine .pkt-clean-bubble {
        max-width: 76%;
    }

    .pkt-clean-message.is-theirs .pkt-clean-bubble {
        max-width: 82%;
    }

    .pkt-clean-composer {
        flex: 0 0 82px;
        height: 82px;
        min-height: 82px;
        padding: 12px 14px 14px;
        background: #fff;
        box-shadow: 0 -8px 22px rgba(15,23,42,.025);
    }

    .pkt-clean-modal__card {
        width: calc(100vw - 24px);
        max-height: calc(100dvh - 120px);
    }
}

/* =========================================================
   PAKTOGRAF PORUKE V5.1 FINAL POLISH
   Zadnji blok za clean V5 poruke.

   Popravlja:
   - malo više prostora između "Paktograf poruke" pilsa i user kružića
   - uklanja shadow/mrlju sa chat bubbleova
   ========================================================= */

@media (max-width: 767px) {
    /* Malo više zraka između pilsa i liste usera */
    .pkt-clean-msg__pill {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .pkt-clean-rail {
        padding-top: 2px !important;
    }

    /* Skidamo mrlju/shadow sa bubbleova */
    .pkt-clean-bubble,
    .pkt-clean-message.is-mine .pkt-clean-bubble,
    .pkt-clean-message.is-theirs .pkt-clean-bubble {
        box-shadow: none !important;
        filter: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    /* Ostavi samo vrlo čist border za tuđe poruke */
    .pkt-clean-message.is-theirs .pkt-clean-bubble {
        border: 1px solid #e7eaf1 !important;
        background: #ffffff !important;
    }

    /* Moje poruke bez shadow mrlje, samo gradient */
    .pkt-clean-message.is-mine .pkt-clean-bubble {
        border: 0 !important;
        background: linear-gradient(135deg, #7c3aed 0%, #8b5cf6 100%) !important;
    }

    /* I input pill bez prejake sjene */
    .pkt-clean-form__pill textarea {
        box-shadow: none !important;
    }

    .pkt-clean-send {
        box-shadow: 0 8px 18px rgba(124,58,237,.18) !important;
    }
}

/* =========================================================
   PAKTOGRAF PORUKE V5.2 TITLE SPACING FINAL
   Samo spušta naslov "Poruke" malo niže na mobile.
   ========================================================= */

@media (max-width: 767px) {
    .pkt-clean-msg {
        padding-top: 18px !important;
    }

    .pkt-clean-msg__top {
        height: 48px !important;
        margin-bottom: 12px !important;
        align-items: flex-start !important;
    }

    .pkt-clean-msg__title {
        margin-top: 5px !important;
    }

    .pkt-clean-msg__search-btn {
        margin-top: 2px !important;
    }
}

/* =========================================================
   PAKTOGRAF PORUKE V5.3 ACTIVE USER HIGHLIGHT
   Jasnije naglašava s kim se trenutno priča u mobile railu.
   ========================================================= */

@media (max-width: 767px) {
    .pkt-clean-rail-user {
        position: relative !important;
        width: 64px !important;
        padding: 3px 2px 4px !important;
        border-radius: 18px !important;
        transition: none !important;
    }

    .pkt-clean-rail-user.is-active {
        background: rgba(124, 58, 237, .08) !important;
    }

    .pkt-clean-rail-user.is-active .pkt-clean-rail-user__avatar {
        border: 3px solid #7c3aed !important;
        outline: 3px solid rgba(124, 58, 237, .14) !important;
        box-shadow: 0 8px 20px rgba(124, 58, 237, .20) !important;
        transform: translateY(-1px) !important;
    }

    .pkt-clean-rail-user.is-active .pkt-clean-rail-user__name {
        max-width: 64px !important;
        padding: 3px 7px !important;
        border-radius: 999px !important;
        background: #7c3aed !important;
        color: #ffffff !important;
        font-weight: 950 !important;
        line-height: 1.1 !important;
    }

    .pkt-clean-rail-user.is-active::after {
        content: "";
        position: absolute !important;
        left: 50% !important;
        bottom: -6px !important;
        width: 22px !important;
        height: 3px !important;
        border-radius: 999px !important;
        background: #7c3aed !important;
        transform: translateX(-50%) !important;
    }

    /* + Pitaj i Svi ne trebaju izgledati kao aktivan razgovor */
    .pkt-clean-rail-user--question.is-active,
    .pkt-clean-rail-user--all.is-active {
        background: transparent !important;
    }
}

/* =========================================================
   PAKTOGRAF PORUKE V5.4 ACTIVE CLEAN SPACING
   Čisti aktivni user u railu:
   - više paddinga između pilsa i user liste
   - nema background plohe iza aktivnog usera
   - ostaju crtica ispod + ime u purple pillu
   ========================================================= */

@media (max-width: 767px) {
    /* Još malo zraka između "Paktograf poruke" pilsa i kružića */
    .pkt-clean-msg__pill {
        margin-top: 10px !important;
        margin-bottom: 14px !important;
    }

    .pkt-clean-rail {
        padding-top: 14px !important;
    }

    /* Aktivni user: bez velike background plohe */
    .pkt-clean-rail-user,
    .pkt-clean-rail-user.is-active {
        background: transparent !important;
        box-shadow: none !important;
    }

    .pkt-clean-rail-user.is-active {
        padding: 3px 2px 5px !important;
    }

    /* Dovoljno je da avatar ima ring */
    .pkt-clean-rail-user.is-active .pkt-clean-rail-user__avatar {
        border: 3px solid #7c3aed !important;
        outline: 2px solid rgba(124, 58, 237, .12) !important;
        box-shadow: none !important;
        transform: none !important;
    }

    /* Ime aktivnog usera kao mali purple pill */
    .pkt-clean-rail-user.is-active .pkt-clean-rail-user__name {
        max-width: 64px !important;
        padding: 3px 7px !important;
        border-radius: 999px !important;
        background: #7c3aed !important;
        color: #ffffff !important;
        font-weight: 950 !important;
        line-height: 1.1 !important;
    }

    /* Donja crtica ostaje kao dodatni indikator */
    .pkt-clean-rail-user.is-active::after {
        content: "" !important;
        position: absolute !important;
        left: 50% !important;
        bottom: -6px !important;
        width: 22px !important;
        height: 3px !important;
        border-radius: 999px !important;
        background: #7c3aed !important;
        transform: translateX(-50%) !important;
    }

    /* + Pitaj i Svi nikad ne dobijaju active stil */
    .pkt-clean-rail-user--question.is-active,
    .pkt-clean-rail-user--all.is-active {
        background: transparent !important;
        box-shadow: none !important;
    }
}

/* =========================================================
   PAKTOGRAF PORUKE V5.5 DESKTOP SCROLL + POLISH
   Fix za PC:
   - shell dobija zaključanu visinu
   - skrola samo messages area
   - composer ostaje dole
   - malo čišći Paktograf workspace izgled
   ========================================================= */

/* Desktop only */
@media (min-width: 768px) {
    .pkt-clean-msg {
        width: min(1180px, calc(100vw - 44px)) !important;
        padding-top: 44px !important;
        margin-bottom: 90px !important;
    }

    .pkt-clean-msg__top {
        margin-bottom: 24px !important;
    }

    .pkt-clean-msg__title {
        font-size: 52px !important;
        letter-spacing: -0.06em !important;
    }

    .pkt-clean-msg__pill {
        min-height: 25px !important;
        padding: 0 11px !important;
        font-size: 9.5px !important;
        background: linear-gradient(135deg, #f3e8ff 0%, #fff7df 100%) !important;
    }

    /*
       Najvažniji fix:
       shell više nije min-height koji raste,
       nego zatvoren workspace panel.
    */
    .pkt-clean-shell {
        height: 720px !important;
        min-height: 0 !important;
        max-height: 720px !important;
        display: grid !important;
        grid-template-columns: 335px minmax(0, 1fr) !important;
        overflow: hidden !important;
        border-radius: 30px !important;
        border: 1px solid #e8ebf2 !important;
        background: #ffffff !important;
        box-shadow: 0 28px 80px rgba(15,23,42,.075) !important;
    }

    .pkt-clean-sidebar {
        height: 100% !important;
        min-height: 0 !important;
        overflow: hidden !important;
        padding: 22px 12px 18px !important;
        background:
            radial-gradient(circle at 0 0, rgba(124,58,237,.035), transparent 38%),
            #ffffff !important;
    }

    .pkt-clean-ask {
        margin: 0 10px 14px !important;
        min-height: 48px !important;
        border-radius: 15px !important;
        box-shadow: 0 14px 28px rgba(124,58,237,.18) !important;
    }

    .pkt-clean-search {
        margin: 0 10px 14px !important;
    }

    .pkt-clean-search__field input {
        height: 48px !important;
        border-radius: 15px !important;
    }

    .pkt-clean-search__field button {
        width: 36px !important;
        height: 36px !important;
        border-radius: 12px !important;
    }

    .pkt-clean-filters {
        margin-top: 12px !important;
        gap: 8px !important;
    }

    .pkt-clean-filters span {
        min-height: 30px !important;
        padding: 0 11px !important;
        font-size: 11.5px !important;
    }

    .pkt-clean-thread-scroll {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        height: auto !important;
        max-height: none !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        padding: 0 0 6px !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .pkt-clean-thread {
        min-height: 74px !important;
        padding: 12px 12px !important;
        border-radius: 17px !important;
    }

    .pkt-clean-thread-item.active .pkt-clean-thread {
        background: linear-gradient(90deg, rgba(124,58,237,.08) 0%, rgba(255,193,7,.06) 100%) !important;
        box-shadow: inset 3px 0 0 #7c3aed !important;
    }

    .pkt-clean-thread__avatar {
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
    }

    .pkt-clean-thread__top strong {
        font-size: 13.5px !important;
    }

    .pkt-clean-thread__title {
        font-size: 11.5px !important;
        color: #475467 !important;
    }

    /* Main/chat must be constrained */
    .pkt-clean-main {
        height: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;
        overflow: hidden !important;
        display: flex !important;
        flex-direction: column !important;
        background: #fbfcff !important;
    }

    .pkt-clean-chat {
        height: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;
        overflow: hidden !important;
        display: flex !important;
        flex-direction: column !important;
        background:
            radial-gradient(circle at 50% 0%, rgba(124,58,237,.025), transparent 34%),
            #fbfcff !important;
    }

    .pkt-clean-chat-head {
        flex: 0 0 78px !important;
        min-height: 78px !important;
        max-height: 78px !important;
        padding: 14px 22px !important;
        border-bottom: 1px solid #edf0f7 !important;
        background: rgba(255,255,255,.96) !important;
        backdrop-filter: blur(10px) !important;
        -webkit-backdrop-filter: blur(10px) !important;
        grid-template-columns: minmax(0, 1fr) auto auto !important;
    }

    .pkt-clean-chat-head__avatar {
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
    }

    .pkt-clean-chat-head__person strong {
        font-size: 15.5px !important;
    }

    .pkt-clean-chat-head__person em {
        max-width: 420px !important;
        font-size: 11.5px !important;
    }

    .pkt-clean-chat-head__context {
        min-height: 42px !important;
        border-radius: 15px !important;
        padding: 7px 11px 7px 8px !important;
    }

    .pkt-clean-more__button {
        width: 38px !important;
        height: 38px !important;
    }

    /*
       Ovo mora biti jedini scroll na desktopu.
       Ako ima 50 poruka, shell ostaje 720px,
       a ovaj dio dobija scroll.
    */
    .pkt-clean-chat-scroll {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        height: 0 !important;
        max-height: none !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        padding: 26px 28px 22px !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: thin !important;
        background: transparent !important;
    }

    .pkt-clean-messages {
        min-height: auto !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 13px !important;
        padding: 0 0 16px !important;
    }

    .pkt-clean-day {
        margin-bottom: 18px !important;
    }

    .pkt-clean-bubble {
        max-width: min(520px, 66%) !important;
        border-radius: 18px 18px 18px 7px !important;
        padding: 11px 14px !important;
        border-color: #e7eaf1 !important;
        box-shadow: none !important;
        font-size: 13px !important;
        line-height: 1.5 !important;
    }

    .pkt-clean-message.is-mine .pkt-clean-bubble {
        max-width: min(460px, 58%) !important;
        border-radius: 18px 18px 7px 18px !important;
        box-shadow: none !important;
        background: linear-gradient(135deg, #7c3aed 0%, #8b5cf6 100%) !important;
    }

    .pkt-clean-bubble span {
        font-size: 10.5px !important;
    }

    /* Composer fixed inside panel */
    .pkt-clean-composer {
        flex: 0 0 76px !important;
        height: 76px !important;
        min-height: 76px !important;
        max-height: 76px !important;
        padding: 10px 14px !important;
        background: #ffffff !important;
        border-top: 1px solid #edf0f7 !important;
        box-shadow: none !important;
    }

    .pkt-clean-form__pill {
        height: 54px !important;
    }

    .pkt-clean-form__pill textarea {
        height: 54px !important;
        min-height: 54px !important;
        max-height: 54px !important;
        border-radius: 18px !important;
        padding: 16px 62px 16px 16px !important;
        box-shadow: none !important;
    }

    .pkt-clean-send {
        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        top: 6px !important;
        right: 6px !important;
        border-radius: 14px !important;
        box-shadow: 0 8px 18px rgba(124,58,237,.16) !important;
    }

    .pkt-clean-send:hover,
    .pkt-clean-send:focus {
        top: 6px !important;
        right: 6px !important;
        transform: none !important;
    }

    /* Empty state also constrained */
    .pkt-clean-no-thread,
    .pkt-clean-empty {
        height: 100% !important;
        min-height: 0 !important;
    }
}

/* Malo manje shell visine na manjim laptopima */
@media (min-width: 768px) and (max-height: 820px) {
    .pkt-clean-shell {
        height: 660px !important;
        max-height: 660px !important;
    }
}

@media (min-width: 768px) and (max-height: 740px) {
    .pkt-clean-shell {
        height: 600px !important;
        max-height: 600px !important;
    }
}


/* =========================================================
   PAKTOGRAF PORUKE V5 CLEAN
   Clean markup, minimal Freeio inheritance.
   Put this at the END of Additional CSS.
   ========================================================= */

.pkt-clean-msg,
.pkt-clean-msg * {
    box-sizing: border-box;
}

body:has(.pkt-clean-msg) {
    background:
        radial-gradient(circle at 74% 0%, rgba(124,58,237,.08), transparent 35%),
        linear-gradient(180deg, #fbf9ff 0%, #ffffff 62%, #ffffff 100%) !important;
}

.pkt-clean-msg {
    --pkt-purple: #7c3aed;
    --pkt-purple-2: #8b5cf6;
    --pkt-border: #e7eaf1;
    --pkt-text: #111827;
    --pkt-muted: #667085;
    width: min(1260px, calc(100vw - 32px));
    margin: 0 auto 92px;
    padding: 36px 0 0;
    color: var(--pkt-text);
}

.pkt-clean-msg__top {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin: 0 0 22px;
}

.pkt-clean-msg__title {
    margin: 0 0 10px;
    color: var(--pkt-text);
    font-size: clamp(40px, 4.6vw, 54px);
    line-height: .98;
    font-weight: 950;
    letter-spacing: -.055em;
}

.pkt-clean-msg__pill {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 12px;
    border-radius: 999px;
    background: linear-gradient(135deg, #f3e8ff 0%, #fff7df 100%);
    color: var(--pkt-purple);
    font-size: 10px;
    line-height: 1;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.pkt-clean-msg__search-btn {
    width: 42px;
    height: 42px;
    border: 1px solid var(--pkt-border);
    border-radius: 50%;
    background: #fff;
    color: var(--pkt-text);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 24px rgba(15,23,42,.05);
}

.pkt-clean-rail {
    display: none;
}

/* Desktop layout */
.pkt-clean-shell {
    min-height: 700px;
    border: 1px solid var(--pkt-border);
    border-radius: 28px;
    background: #fff;
    box-shadow: 0 28px 80px rgba(15,23,42,.085);
    overflow: hidden;
    display: grid;
    grid-template-columns: 360px minmax(0, 1fr);
}

.pkt-clean-sidebar {
    min-width: 0;
    border-right: 1px solid var(--pkt-border);
    background: #fff;
    padding: 22px 10px 18px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.pkt-clean-ask {
    min-height: 50px;
    margin: 0 14px 14px;
    border-radius: 15px;
    background: linear-gradient(135deg, var(--pkt-purple) 0%, var(--pkt-purple-2) 100%);
    color: #fff !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 950;
    box-shadow: 0 16px 34px rgba(124,58,237,.24);
}

.pkt-clean-ask span {
    font-size: 20px;
    line-height: 1;
}

.pkt-clean-search {
    margin: 0 14px 16px !important;
    padding: 0 !important;
}

.pkt-clean-search__field {
    position: relative;
}

.pkt-clean-search__field input {
    width: 100% !important;
    height: 50px !important;
    padding: 0 54px 0 18px !important;
    border: 1px solid #dfe5f0 !important;
    border-radius: 15px !important;
    background: #fff !important;
    color: var(--pkt-text) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
}

.pkt-clean-search__field button {
    position: absolute !important;
    top: 50% !important;
    right: 6px !important;
    transform: translateY(-50%) !important;
    width: 38px !important;
    height: 38px !important;
    border: 0 !important;
    border-radius: 13px !important;
    background: #f3e8ff !important;
    color: var(--pkt-purple) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.pkt-clean-filters {
    display: flex;
    gap: 9px;
    margin-top: 14px;
}

.pkt-clean-filters input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.pkt-clean-filters span {
    min-height: 32px;
    padding: 0 12px;
    border-radius: 999px;
    background: #f4f6fb;
    color: var(--pkt-muted);
    display: inline-flex;
    align-items: center;
    font-size: 12px;
    font-weight: 900;
    cursor: pointer;
}

.pkt-clean-filters input:checked + span {
    background: var(--pkt-purple);
    color: #fff;
}

.pkt-clean-thread-scroll {
    min-height: 0;
    overflow-y: auto;
    padding: 0;
}

.pkt-clean-thread-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pkt-clean-thread-item {
    margin: 0 0 8px !important;
    padding: 0 !important;
}

.pkt-clean-thread {
    min-height: 76px;
    padding: 12px 13px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    gap: 13px;
    text-decoration: none !important;
    color: var(--pkt-text) !important;
    background: transparent;
}

.pkt-clean-thread-item.active .pkt-clean-thread {
    background: #f6f0ff;
    box-shadow: inset 3px 0 0 var(--pkt-purple);
}

.pkt-clean-thread-item.unread .pkt-clean-thread__top strong::after {
    content: "";
    width: 8px;
    height: 8px;
    margin-left: 8px;
    border-radius: 50%;
    display: inline-block;
    background: var(--pkt-purple);
}

.pkt-clean-avatar,
.pkt-clean-rail-user__avatar,
.pkt-clean-modal-item__avatar {
    background: linear-gradient(135deg, var(--pkt-purple-2) 0%, #6d28d9 100%);
    color: #fff;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.pkt-clean-avatar img,
.pkt-clean-rail-user__avatar img,
.pkt-clean-modal-item__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pkt-clean-thread__avatar {
    width: 50px;
    height: 50px;
    min-width: 50px;
    border-radius: 999px;
}

.pkt-clean-thread__body {
    min-width: 0;
    flex: 1;
}

.pkt-clean-thread__top {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 5px;
}

.pkt-clean-thread__top strong {
    color: var(--pkt-text);
    font-size: 13.5px;
    line-height: 1.2;
    font-weight: 950;
}

.pkt-clean-thread__top em {
    margin-left: auto;
    color: var(--pkt-muted);
    font-size: 11px;
    font-style: normal;
    font-weight: 800;
    white-space: nowrap;
}

.pkt-clean-thread__title {
    color: #334155;
    font-size: 11.5px;
    line-height: 1.35;
    font-weight: 750;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pkt-clean-main {
    min-width: 0;
    min-height: 0;
    background: #fff;
    overflow: hidden;
}

/* Chat */
.pkt-clean-chat {
    height: 100%;
    min-height: 700px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 0%, rgba(124,58,237,.026), transparent 34%),
        #fbfcff;
}

.pkt-clean-chat-head {
    min-height: 82px;
    padding: 15px 22px;
    border-bottom: 1px solid var(--pkt-border);
    background: #fff;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 16px;
}

.pkt-clean-chat-head__person {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.pkt-clean-chat-head__avatar {
    width: 48px;
    height: 48px;
    min-width: 48px;
    border-radius: 999px;
}

.pkt-clean-chat-head__person strong {
    display: block;
    color: var(--pkt-text);
    font-size: 16px;
    line-height: 1.2;
    font-weight: 950;
}

.pkt-clean-chat-head__person em {
    display: block;
    max-width: 460px;
    margin-top: 4px;
    color: #334155;
    font-size: 12px;
    font-style: normal;
    font-weight: 750;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pkt-clean-chat-head__context {
    min-height: 44px;
    padding: 7px 12px 7px 9px;
    border: 1px solid #e9f7ee;
    border-radius: 15px;
    background: #fbfff9;
    display: grid;
    grid-template-columns: 28px auto;
    grid-template-rows: auto auto;
    column-gap: 9px;
    align-items: center;
}

.pkt-clean-chat-head__context span {
    grid-row: 1 / span 2;
    width: 28px;
    height: 28px;
    border-radius: 10px;
    background: #eefbf0;
    color: #16a34a;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 950;
}

.pkt-clean-chat-head__context strong {
    color: var(--pkt-text);
    font-size: 12px;
    line-height: 1.15;
    font-weight: 950;
}

.pkt-clean-chat-head__context em {
    margin-top: 2px;
    color: #16a34a;
    font-size: 11px;
    font-style: normal;
    font-weight: 850;
}

.pkt-clean-more {
    position: relative;
}

.pkt-clean-more__button {
    width: 40px;
    height: 40px;
    border: 1px solid var(--pkt-border);
    border-radius: 999px;
    background: #fff;
    color: #344054;
    font-size: 18px;
    font-weight: 900;
}

.pkt-clean-more__menu {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    z-index: 40;
    min-width: 170px;
    padding: 7px;
    border: 1px solid var(--pkt-border);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 24px 60px rgba(15,23,42,.14);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-4px);
    transition: .16s ease;
}

.pkt-clean-more:hover .pkt-clean-more__menu,
.pkt-clean-more:focus-within .pkt-clean-more__menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.pkt-clean-delete {
    min-height: 38px;
    padding: 0 11px;
    border-radius: 10px;
    color: #ef4444 !important;
    display: flex;
    align-items: center;
    text-decoration: none !important;
    font-size: 13px;
    font-weight: 850;
}

.pkt-clean-delete:hover {
    background: #fef2f2;
}

.pkt-clean-chat-scroll {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 24px 30px 18px;
}

.pkt-clean-day {
    width: fit-content;
    margin: 0 auto 18px;
    padding: 6px 12px;
    border-radius: 999px;
    background: #f4f6fb;
    color: var(--pkt-muted);
    font-size: 12px;
    font-weight: 850;
}

.pkt-clean-messages {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 0 18px !important;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.pkt-clean-message {
    display: flex;
    margin: 0 !important;
    padding: 0 !important;
}

.pkt-clean-message.is-mine {
    justify-content: flex-end;
}

.pkt-clean-message.is-theirs {
    justify-content: flex-start;
}

.pkt-clean-bubble {
    max-width: min(500px, 68%);
    padding: 12px 15px;
    border: 1px solid #e7eaf1;
    border-radius: 20px 20px 20px 7px;
    background: #fff;
    color: var(--pkt-text);
    font-size: 13.5px;
    line-height: 1.52;
    font-weight: 760;
    box-shadow: 0 8px 18px rgba(15,23,42,.035);
}

.pkt-clean-message.is-mine .pkt-clean-bubble {
    max-width: min(420px, 58%);
    border: 0;
    border-radius: 20px 20px 7px 20px;
    background: linear-gradient(135deg, var(--pkt-purple) 0%, var(--pkt-purple-2) 100%);
    color: #fff;
    box-shadow: 0 12px 24px rgba(124,58,237,.18);
}

.pkt-clean-bubble span {
    display: inline-block;
    margin-left: 5px;
    color: #98a2b3;
    font-size: 10.5px;
    line-height: 1;
    font-weight: 850;
    white-space: nowrap;
}

.pkt-clean-message.is-mine .pkt-clean-bubble span {
    color: rgba(255,255,255,.78);
}

/* Composer */
.pkt-clean-composer {
    flex: 0 0 82px;
    min-height: 82px;
    padding: 12px 14px 14px;
    background: #fff;
    box-shadow: 0 -10px 26px rgba(15,23,42,.035);
}

.pkt-clean-form {
    width: 100%;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

.pkt-clean-form__pill {
    position: relative;
    width: 100%;
    height: 56px;
}

.pkt-clean-form__pill textarea {
    width: 100% !important;
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
    padding: 17px 66px 17px 17px !important;
    border: 1px solid #dfe5f0 !important;
    border-radius: 19px !important;
    background: #fff !important;
    color: var(--pkt-text) !important;
    resize: none !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 760 !important;
    box-shadow: 0 8px 20px rgba(15,23,42,.035) !important;
}

.pkt-clean-send {
    position: absolute !important;
    right: 6px !important;
    top: 6px !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    border: 0 !important;
    border-radius: 15px !important;
    background: linear-gradient(135deg, var(--pkt-purple) 0%, #a855f7 100%) !important;
    color: #fff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 12px 24px rgba(124,58,237,.22) !important;
    transform: none !important;
}

/* Empty */
.pkt-clean-no-thread,
.pkt-clean-empty {
    display: grid;
    place-items: center;
    align-content: center;
    min-height: 520px;
    padding: 24px;
    text-align: center;
}

.pkt-clean-no-thread__icon {
    width: 72px;
    height: 72px;
    margin: 0 auto 20px;
    border-radius: 24px;
    background: linear-gradient(135deg, var(--pkt-purple) 0%, #a855f7 100%);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
}

/* Modals */
.pkt-clean-modal {
    position: fixed;
    inset: 0;
    z-index: 999990;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 18px 12px;
    background: rgba(15,23,42,.72);
}

.pkt-clean-modal.is-open {
    display: flex;
}

body.pkt-clean-modal-open {
    overflow: hidden;
}

.pkt-clean-modal__card {
    width: min(460px, calc(100vw - 24px));
    max-height: calc(100dvh - 90px);
    overflow-y: auto;
    padding: 24px;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 30px 80px rgba(15,23,42,.24);
    position: relative;
}

.pkt-clean-modal__close {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 999px;
    background: #f8fafc;
    color: #64748b;
    font-size: 24px;
    line-height: 1;
}

.pkt-clean-modal h2 {
    margin: 0 44px 8px 0;
    color: var(--pkt-text);
    font-size: 28px;
    line-height: 1.1;
    font-weight: 950;
    letter-spacing: -.04em;
}

.pkt-clean-modal p {
    margin: 0 0 18px;
    color: var(--pkt-muted);
    font-size: 14px;
    line-height: 1.55;
    font-weight: 700;
}

.pkt-clean-modal-list {
    display: grid;
    gap: 10px;
}

.pkt-clean-modal-item {
    padding: 12px;
    border: 1px solid var(--pkt-border);
    border-radius: 16px;
    background: #fff;
    color: var(--pkt-text) !important;
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none !important;
}

.pkt-clean-modal-item__avatar {
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: 999px;
}

.pkt-clean-modal-item strong {
    display: block;
    color: var(--pkt-text);
    font-size: 14px;
    font-weight: 950;
}

.pkt-clean-modal-item em {
    display: block;
    margin-top: 3px;
    color: var(--pkt-muted);
    font-size: 12px;
    font-style: normal;
    font-weight: 750;
}

.pkt-clean-question-box {
    padding: 18px;
    border-radius: 16px;
    background: #f8fafc;
    color: var(--pkt-muted);
    font-size: 14px;
    font-weight: 750;
}

/* Mobile */
@media (max-width: 767px) {
    :root {
        --pkt-clean-header: 60px;
        --pkt-clean-bottom: 74px;
        --pkt-clean-top-area: 178px;
    }

    html:has(.pkt-clean-msg),
    body:has(.pkt-clean-msg) {
        height: 100% !important;
        overflow: hidden !important;
        overscroll-behavior: none !important;
    }

    body:has(.pkt-clean-msg) {
        position: fixed !important;
        inset: 0 !important;
        width: 100% !important;
    }

    .pkt-clean-msg {
        width: 100vw;
        max-width: 100vw;
        height: calc(100svh - var(--pkt-clean-header) - var(--pkt-clean-bottom));
        margin: 0;
        padding: 14px 14px 0;
        overflow: hidden;
    }

    .pkt-clean-msg__top {
        height: 42px;
        margin: 0 0 10px;
        align-items: center;
    }

    .pkt-clean-msg__title {
        margin: 0;
        font-size: 30px;
        line-height: 1;
    }

    .pkt-clean-msg__pill {
        margin-top: 10px;
    }

    .pkt-clean-rail {
        display: block;
        margin: 0 -14px 10px;
        padding: 0 14px 4px;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .pkt-clean-rail::-webkit-scrollbar {
        display: none;
    }

    .pkt-clean-rail__inner {
        display: flex;
        gap: 13px;
        min-width: max-content;
    }

    .pkt-clean-rail-user {
        width: 58px;
        color: var(--pkt-text) !important;
        text-decoration: none !important;
        display: grid;
        justify-items: center;
        gap: 5px;
        font-size: 10.5px;
        line-height: 1.1;
        font-weight: 850;
        text-align: center;
    }

    .pkt-clean-rail-user__avatar {
        position: relative;
        width: 50px;
        height: 50px;
        min-width: 50px;
        border: 2px solid #e9d5ff;
        border-radius: 999px;
        font-weight: 950;
    }

    .pkt-clean-rail-user.is-active .pkt-clean-rail-user__avatar {
        border-color: var(--pkt-purple);
        box-shadow: 0 0 0 4px rgba(124,58,237,.10);
    }

    .pkt-clean-rail-user__avatar em {
        position: absolute;
        right: 1px;
        bottom: 1px;
        width: 13px;
        height: 13px;
        border: 2px solid #fff;
        border-radius: 50%;
        background: #22c55e;
    }

    .pkt-clean-rail-user__avatar--question {
        background: linear-gradient(135deg, var(--pkt-purple) 0%, #a855f7 100%);
        font-size: 23px;
    }

    .pkt-clean-rail-user__avatar--all {
        background: #6b7280;
        font-size: 21px;
    }

    .pkt-clean-rail-user__name {
        max-width: 58px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .pkt-clean-shell {
        position: fixed;
        left: 0;
        right: 0;
        top: calc(var(--pkt-clean-header) + var(--pkt-clean-top-area));
        bottom: var(--pkt-clean-bottom);
        width: 100vw;
        min-height: 0;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        display: block;
        overflow: hidden;
        background: #fff;
    }

    .pkt-clean-sidebar {
        display: none;
    }

    .pkt-clean-main {
        height: 100%;
        min-height: 0;
        overflow: hidden;
    }

    .pkt-clean-chat {
        height: 100%;
        min-height: 0;
        overflow: hidden;
    }

    .pkt-clean-chat-head {
        display: none;
    }

    .pkt-clean-chat-scroll {
        flex: 1 1 auto;
        height: 0;
        min-height: 0;
        overflow-y: scroll;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-y: contain;
        touch-action: pan-y;
        padding: 18px 14px 20px;
    }

    .pkt-clean-messages {
        gap: 14px;
        padding-bottom: 18px !important;
    }

    .pkt-clean-message.is-mine .pkt-clean-bubble {
        max-width: 76%;
    }

    .pkt-clean-message.is-theirs .pkt-clean-bubble {
        max-width: 82%;
    }

    .pkt-clean-composer {
        flex: 0 0 82px;
        height: 82px;
        min-height: 82px;
        padding: 12px 14px 14px;
        background: #fff;
        box-shadow: 0 -8px 22px rgba(15,23,42,.025);
    }

    .pkt-clean-modal__card {
        width: calc(100vw - 24px);
        max-height: calc(100dvh - 120px);
    }
}

/* =========================================================
   PAKTOGRAF — SAFE RESET poslije uklanjanja edit-modal hackova
   Konzervativno: NE dira navbar/header layout.
   ========================================================= */

/* Vrati normalno skrolanje stranice */
html,
body {
    overflow-x: hidden !important;
}

body:not(.modal-open):not(.mfp-zoom-out-cur):not(.pg-proposal-native-open):not(.pg-forced-proposal-modal-open) {
    overflow-y: auto !important;
}

/* Ako je ostala klasa iz ranijih pokušaja, ne smije zaključati stranicu */
body.pg-my-proposals-active:not(.modal-open):not(.mfp-zoom-out-cur),
body.pg-proposal-native-open:not(.modal-open):not(.mfp-zoom-out-cur),
body.pg-forced-proposal-modal-open:not(.modal-open):not(.mfp-zoom-out-cur) {
    overflow-y: auto !important;
}

/*
   Profile dropdown: samo layer, bez mijenjanja header pozicije.
   Ne stavljamo #apus-header / .site-header position:relative ovdje,
   jer je to pomjeralo navbar na 404 stranici.
*/
.pg-profile-wrap.is-open,
.pg-profile-wrap.is-open .pg-profile-dropdown,
.pg-profile-dropdown,
.pg-owned-menu,
.apus-user-login .dropdown-menu,
.header-account .dropdown-menu,
.account-menu-wrapper .dropdown-menu,
.user-menu-wrapper .dropdown-menu,
.dropdown-menu.show {
    z-index: 95000 !important;
}

/* Page dugmad ne smiju preći preko dropdowna, ali ne diramo navbar */
.pg-my-proposals-page .pgmp2-back,
.pg-my-proposals-page .pgmp2-back-link,
.pg-my-proposals-page .my-proposals-back,
.pg-my-proposals-page .project-back-link,
.pg-my-proposals-page a[href*="moji-projekti"],
.pg-page-my-proposals a[href*="moji-projekti"] {
    position: relative !important;
    z-index: 1 !important;
}

/* Edit modal ostavljamo bez Additional CSS hackova. */

/* =========================================================
   PAKTOGRAF — Single project offer card V4
   Posebna kartica za javne ponude. Ne koristi stare
   .pg-proposal-card / .pg-public-traits / .pg-trait-grid klase.
   ========================================================= */

.pg-single-proposals-slot,
.pg-single-proposals-slot .proposals-content,
.pg-single-proposals-slot .item-proposal {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.pg-sp-offer {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 22px !important;
    border: 1px solid #edf0f7 !important;
    border-radius: 24px !important;
    background: #ffffff !important;
    box-shadow: 0 16px 40px rgba(15, 23, 42, .04) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

.pg-sp-offer + .pg-sp-offer,
.item-proposal + .item-proposal .pg-sp-offer {
    margin-top: 14px !important;
}

.pg-sp-offer__head {
    display: grid !important;
    grid-template-columns: 64px minmax(0, 1fr) auto !important;
    gap: 16px !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.pg-sp-offer__avatar {
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    max-width: 64px !important;
    border-radius: 22px !important;
    background: linear-gradient(135deg, #7c3aed 0%, #a855f7 100%) !important;
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 22px !important;
    font-weight: 950 !important;
    box-shadow: 0 12px 28px rgba(124, 58, 237, .20) !important;
    overflow: hidden !important;
}

.pg-sp-offer__avatar-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

.pg-sp-offer__avatar-fallback {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
}

.pg-sp-offer__person {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.pg-sp-offer__person h3 {
    margin: 0 0 6px !important;
    color: #111827 !important;
    font-size: 18px !important;
    line-height: 1.15 !important;
    font-weight: 950 !important;
    letter-spacing: -.02em !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.pg-sp-offer__meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

.pg-sp-offer__meta span {
    display: inline-flex !important;
    align-items: center !important;
    max-width: 100% !important;
    padding: 5px 9px !important;
    border-radius: 999px !important;
    background: #f8fafc !important;
    color: #667085 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.pg-sp-offer__price {
    text-align: right !important;
    min-width: 96px !important;
    max-width: 150px !important;
}

.pg-sp-offer__price strong {
    display: block !important;
    color: #111827 !important;
    font-size: 22px !important;
    line-height: 1.05 !important;
    font-weight: 950 !important;
    letter-spacing: -.04em !important;
    white-space: nowrap !important;
}

.pg-sp-offer__price span {
    display: block !important;
    margin-top: 6px !important;
    color: #667085 !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
}

.pg-sp-offer__traits {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-top: 16px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

.pg-sp-offer__traits-title {
    margin: 0 0 8px !important;
    color: #667085 !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
    letter-spacing: .01em !important;
}

.pg-sp-offer__trait-strip {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 2px 2px 10px !important;
    margin: 0 !important;
    scroll-snap-type: x proximity !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-inline: contain !important;
    box-sizing: border-box !important;
}

.pg-sp-offer__trait-strip::-webkit-scrollbar {
    display: none !important;
}

.pg-sp-offer__trait {
    flex: 0 0 88px !important;
    width: 88px !important;
    min-width: 88px !important;
    max-width: 88px !important;
    min-height: 88px !important;
    padding: 8px 6px !important;
    border: 1px solid #edf0f7 !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    text-align: center !important;
    scroll-snap-align: start !important;
    box-sizing: border-box !important;
}

.pg-sp-offer__trait-icon {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    border-radius: 10px !important;
    background: #f3e8ff !important;
    color: #6d28d9 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    line-height: 1 !important;
}

.pg-sp-offer__trait:nth-child(2n) .pg-sp-offer__trait-icon {
    background: #fff3c4 !important;
    color: #b77900 !important;
}

.pg-sp-offer__trait-label {
    max-width: 74px !important;
    color: #111827 !important;
    font-size: 9px !important;
    line-height: 1.08 !important;
    font-weight: 900 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

.pg-sp-offer__trait-count {
    color: #111827 !important;
    font-size: 16px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
}

.pg-sp-offer__message {
    margin: 12px 0 0 !important;
    color: #344054 !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
    font-weight: 650 !important;
}

.pg-sp-offer__action {
    margin-top: 14px !important;
}

.pg-sp-offer__action-btn {
    min-height: 42px !important;
    padding: 0 14px !important;
    border-radius: 14px !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

@media (max-width: 767px) {
    .pg-sp-offer {
        padding: 18px 14px !important;
        border-radius: 22px !important;
    }

    .pg-sp-offer__head {
        grid-template-columns: 54px minmax(0, 1fr) !important;
        gap: 12px !important;
    }

    .pg-sp-offer__avatar {
        width: 54px !important;
        height: 54px !important;
        min-width: 54px !important;
        max-width: 54px !important;
        border-radius: 19px !important;
        font-size: 19px !important;
    }

    .pg-sp-offer__price {
        grid-column: 2 !important;
        text-align: left !important;
        margin-top: 8px !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .pg-sp-offer__price strong {
        font-size: 20px !important;
    }

    .pg-sp-offer__trait {
        flex: 0 0 86px !important;
        width: 86px !important;
        min-width: 86px !important;
        max-width: 86px !important;
    }
}

/* =========================================================
   PAKTOGRAF — privremeno sakrij trait strip u javnim ponudama na mobile
   Razlog: .pg-sp-offer__traits širi mobile layout
   ========================================================= */

@media (max-width: 767px) {
    .pg-sp-offer__traits {
        display: none !important;
    }
}

/* =========================================================
   PAKTOGRAF — Single project: mobile ponuda card stabilizacija
   Ne dira Naručilac trait sekciju.
   Problem je samo .pg-sp-offer__traits u javnoj ponudi.
   ========================================================= */

@media (max-width: 767px) {

    /* Proposal wrapper ne smije širiti ekran */
    .pg-single-proposals-card,
    .pg-single-proposals-slot,
    .proposals-content,
    .item-proposal,
    .pg-sp-offer {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    /* Nova izolovana ponuda kartica */
    .pg-sp-offer {
        padding: 18px 16px !important;
        border: 1px solid #edf0f7 !important;
        border-radius: 22px !important;
        background: #ffffff !important;
        box-shadow: 0 14px 34px rgba(15, 23, 42, .04) !important;
    }

    /* Header ponude */
    .pg-sp-offer__head {
        display: grid !important;
        grid-template-columns: 54px minmax(0, 1fr) !important;
        gap: 12px !important;
        align-items: center !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    .pg-sp-offer__avatar {
        width: 54px !important;
        height: 54px !important;
        min-width: 54px !important;
        max-width: 54px !important;

        border-radius: 18px !important;
        background: linear-gradient(135deg, #7c3aed 0%, #a855f7 100%) !important;
        color: #ffffff !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        font-size: 18px !important;
        font-weight: 950 !important;
        box-shadow: 0 12px 26px rgba(124, 58, 237, .18) !important;
    }

    .pg-sp-offer__person {
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    .pg-sp-offer__person h3 {
        margin: 0 0 6px !important;
        color: #111827 !important;
        font-size: 16px !important;
        line-height: 1.15 !important;
        font-weight: 950 !important;
        letter-spacing: -.02em !important;

        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .pg-sp-offer__person span,
    .pg-sp-offer__person .pg-sp-offer__time {
        display: inline-flex !important;
        align-items: center !important;

        max-width: 100% !important;
        padding: 5px 9px !important;

        border-radius: 999px !important;
        background: #f8fafc !important;
        color: #667085 !important;

        font-size: 11px !important;
        line-height: 1 !important;
        font-weight: 800 !important;

        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    /* Cijena ide ispod imena, ne kao desktop side kolona */
    .pg-sp-offer__price {
        grid-column: 2 !important;
        text-align: left !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin-top: 8px !important;
    }

    .pg-sp-offer__price strong {
        display: block !important;
        color: #111827 !important;
        font-size: 20px !important;
        line-height: 1.05 !important;
        font-weight: 950 !important;
        letter-spacing: -.04em !important;
    }

    .pg-sp-offer__price span {
        display: block !important;
        margin-top: 5px !important;
        color: #667085 !important;
        font-size: 11px !important;
        line-height: 1.25 !important;
        font-weight: 800 !important;
    }

    /* KLJUČNO: traitovi u ponudi na telefonu se gase jer šire layout */
    .pg-sp-offer__traits {
        display: none !important;
    }

    /* Ako stari proposal HTML još negdje ostane, sakrij samo traits u toj ponudi */
    .pg-proposal-card .pg-public-traits {
        display: none !important;
    }
}/* =========================================================
   PAKTOGRAF — SAMO NARUČILAC trait sekcija
   Tačno za:
   section.pg-single-reviews-card.pg-single-owner-traits-card
   Ne dira ponude, workspace, druge trait gridove.
   ========================================================= */

/* Card sekcije */
section.pg-single-reviews-card.pg-single-owner-traits-card {
    overflow: hidden !important;
}

/* Header samo ove sekcije */
section.pg-single-reviews-card.pg-single-owner-traits-card > .pg-single-section-head {
    margin-bottom: 16px !important;
}

section.pg-single-reviews-card.pg-single-owner-traits-card > .pg-single-section-head h2 {
    margin: 0 0 5px !important;
    font-size: 24px !important;
    line-height: 1.1 !important;
    font-weight: 950 !important;
    letter-spacing: -0.035em !important;
    color: #111827 !important;
}

section.pg-single-reviews-card.pg-single-owner-traits-card > .pg-single-section-head p {
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 750 !important;
    color: #667085 !important;
}

/* Tačan slot */
section.pg-single-reviews-card.pg-single-owner-traits-card > .pg-single-owner-traits-slot {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* Tačan stack */
section.pg-single-reviews-card.pg-single-owner-traits-card > .pg-single-owner-traits-slot > .pg-trait-stack.pg-trait-stack--owner {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* Desktop: samo ovaj direktni grid */
section.pg-single-reviews-card.pg-single-owner-traits-card > .pg-single-owner-traits-slot > .pg-trait-stack.pg-trait-stack--owner > .pg-trait-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
    box-sizing: border-box !important;
}

/* Samo direktne kartice ovog grida */
section.pg-single-reviews-card.pg-single-owner-traits-card > .pg-single-owner-traits-slot > .pg-trait-stack.pg-trait-stack--owner > .pg-trait-grid > .pg-trait-card {
    min-width: 0 !important;
    min-height: 126px !important;
    padding: 15px 14px !important;

    border: 1px solid #edf0f7 !important;
    border-radius: 20px !important;
    background: #ffffff !important;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .035) !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 8px !important;

    box-sizing: border-box !important;
}

/* Ikona samo u ovoj sekciji */
section.pg-single-reviews-card.pg-single-owner-traits-card > .pg-single-owner-traits-slot > .pg-trait-stack.pg-trait-stack--owner > .pg-trait-grid > .pg-trait-card > .pg-trait-card__icon {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;

    border-radius: 14px !important;
    background: #f3e8ff !important;
    color: #6d28d9 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-size: 18px !important;
    line-height: 1 !important;
}

section.pg-single-reviews-card.pg-single-owner-traits-card > .pg-single-owner-traits-slot > .pg-trait-stack.pg-trait-stack--owner > .pg-trait-grid > .pg-trait-card:nth-child(2n) > .pg-trait-card__icon {
    background: #fff3c4 !important;
    color: #b77900 !important;
}

section.pg-single-reviews-card.pg-single-owner-traits-card > .pg-single-owner-traits-slot > .pg-trait-stack.pg-trait-stack--owner > .pg-trait-grid > .pg-trait-card > .pg-trait-card__icon img.emoji {
    width: 18px !important;
    height: 18px !important;
    max-width: 18px !important;
    max-height: 18px !important;
}

/* Label samo u ovoj sekciji */
section.pg-single-reviews-card.pg-single-owner-traits-card > .pg-single-owner-traits-slot > .pg-trait-stack.pg-trait-stack--owner > .pg-trait-grid > .pg-trait-card > .pg-trait-card__label {
    display: block !important;
    color: #111827 !important;
    font-size: 12px !important;
    line-height: 1.22 !important;
    font-weight: 900 !important;
    letter-spacing: -0.01em !important;
}

/* Broj samo u ovoj sekciji */
section.pg-single-reviews-card.pg-single-owner-traits-card > .pg-single-owner-traits-slot > .pg-trait-stack.pg-trait-stack--owner > .pg-trait-grid > .pg-trait-card > .pg-trait-card__count {
    display: block !important;
    color: #111827 !important;
    font-size: 27px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: -0.045em !important;
}

/* Helper samo ove sekcije */
section.pg-single-reviews-card.pg-single-owner-traits-card > .pg-single-owner-traits-slot > .pg-trait-stack.pg-trait-stack--owner > .pg-trait-helper {
    margin: 12px 0 0 !important;
    color: #667085 !important;
    font-size: 10.5px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
}



























/* =========================================================
   PAKTOGRAF PROJECTS CORE BUGFIX V2 — small CSS patch
   Dodati na kraj Additional CSS-a. Ne mijenja velike layoute.
   ========================================================= */

/* Registration loading overlay: dok traje registracija, social dugmad ne smiju viriti ispod overlaya. */
body.pg-auth-page.pg-auth-loading,
body.page-registracija.pg-auth-loading,
body.page-prijava.pg-auth-loading {
    overflow: hidden !important;
}

body.pg-auth-page .pg-auth-screen__form-wrap.is-loading,
body.page-registracija .pg-auth-screen__form-wrap.is-loading,
body.page-prijava .pg-auth-screen__form-wrap.is-loading {
    position: relative !important;
    overflow: hidden !important;
}

body.pg-auth-page .pg-auth-screen__form-wrap.is-loading::before,
body.page-registracija .pg-auth-screen__form-wrap.is-loading::before,
body.page-prijava .pg-auth-screen__form-wrap.is-loading::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 50;
    background: rgba(255,255,255,.86);
    backdrop-filter: blur(6px);
    border-radius: 22px;
}

/* Workspace review: komentar je uklonjen iz PHP-a, ali ako stari markup ostane u cacheu, sakrij ga. */
.pg-workspace-review-form--traits label[for^="pkt_workspace_review_comment_"],
.pg-workspace-review-form--traits textarea[name="pkt_workspace_review_comment"] {
    display: none !important;
}

/* Hired proposals: ako browser još vidi stari edit modal/button iz cachea, sakrij ga na kartici koja ima status Unajmljen. */
.pgmp2-card:has(.pgmp2-status-pill.is-hired) .pgmp2-icon-actions button[aria-label="Uredi ponudu"],
.pgmp2-card:has(.pgmp2-status-pill.is-completed) .pgmp2-icon-actions button[aria-label="Uredi ponudu"] {
    display: none !important;
}
/* =========================================================
   PAKTOGRAF — Projects core bugfix V3 CSS patch
   Small safe UI guards.
   ========================================================= */

/* Sakrij stari komentar textarea ako cache negdje prikaže staru review formu. */
.pg-workspace-body .pg-trait-review-comment,
.pg-workspace-body textarea[name="review_comment"],
.pg-workspace-body textarea[name="comment"],
.pg-workspace-body .pg-review-comment-field {
    display: none !important;
}

/* Na checkout/potvrda projekta stranici ostavi prostor za mobile bottom nav ako postoji u DOM-u. */
@media (max-width: 767px) {
    body.pg-project-checkout-page,
    body.page-potvrda-projekta {
        padding-bottom: calc(82px + env(safe-area-inset-bottom)) !important;
    }

    body.pg-project-checkout-page .pg-mobile-bottom-nav,
    body.page-potvrda-projekta .pg-mobile-bottom-nav,
    body.pg-project-checkout-page .mobile-bottom-nav,
    body.page-potvrda-projekta .mobile-bottom-nav {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}


/* PAKTOGRAF — Settings polish v1 */

.pg-settings-wrap {
    max-width: 1080px;
    padding-top: 38px;
}

.pg-settings-header {
    margin-bottom: 26px;
}

.pg-settings-header h1 {
    font-size: 32px;
    letter-spacing: -0.04em;
}

.pg-settings-header p {
    font-size: 15px;
    line-height: 1.55;
}

.pg-settings-grid {
    align-items: start;
    gap: 20px;
}

.pg-settings-card {
    border-radius: 22px;
    border: 1px solid #edf0f5;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.055);
}

.pg-settings-card h2 {
    font-size: 20px;
    letter-spacing: -0.025em;
}

.pg-settings-card p {
    font-size: 13px;
}

/* Lijeva velika kartica ne treba da se razvlači previše */
.pg-settings-card-large {
    grid-row: auto;
}

/* Profilna slika blok */
.pg-profile-photo-row {
    background: linear-gradient(180deg, #fbfbff 0%, #ffffff 100%);
    border: 1px solid #edf0f5;
    border-radius: 18px;
    padding: 16px;
    margin-bottom: 18px;
}

.pg-profile-photo-preview,
.pg-avatar-fallback {
    width: 74px !important;
    height: 74px !important;
    min-width: 74px;
    border-radius: 999px;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12);
}

/* Uljepšavanje file inputa */
.pg-profile-photo-row input[type="file"] {
    border: 1px solid #e6e9f0;
    border-radius: 14px;
    background: #fff;
    padding: 6px;
    font-size: 13px;
    color: #667085;
}

.pg-profile-photo-row input[type="file"]::file-selector-button {
    border: 0;
    border-radius: 10px;
    background: #6d28d9;
    color: #fff;
    padding: 9px 12px;
    margin-right: 10px;
    font-weight: 800;
    font-size: 12px;
    cursor: pointer;
}

/* Forme */
.pg-settings-fields {
    gap: 14px;
}

.pg-settings-fields input,
.pg-settings-fields select {
    min-height: 48px;
    border-radius: 14px;
    border-color: #e6e9f0;
    font-size: 14px;
}

.pg-settings-fields input:focus,
.pg-settings-fields select:focus {
    border-color: #6d28d9;
    box-shadow: 0 0 0 4px rgba(109, 40, 217, 0.08);
}

.pg-settings-label {
    font-size: 12px;
    letter-spacing: -0.01em;
}

/* Lokacija za Signale kao posebna važna sekcija */
.pg-settings-location-block {
    margin-top: 20px;
    padding: 18px;
    border: 1px solid #eee7ff;
    border-radius: 18px;
    background: linear-gradient(180deg, #fbfaff 0%, #ffffff 100%);
}

.pg-settings-location-block h3 {
    font-size: 17px;
    letter-spacing: -0.025em;
    margin-bottom: 6px;
}

.pg-settings-location-block p {
    max-width: 560px;
    font-size: 13px;
    line-height: 1.55;
}

.pg-settings-location-block .pg-settings-fields {
    margin-bottom: 10px;
}

.pg-settings-location-block input[readonly] {
    background: #f8fafc;
    border-color: #edf0f5;
    color: #475467;
}

/* Dugmad */
.pg-settings-btn {
    min-height: 44px;
    padding: 0 18px;
    border-radius: 999px;
    font-size: 13px;
    box-shadow: 0 10px 22px rgba(109, 40, 217, 0.18);
}

.pg-settings-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 28px rgba(109, 40, 217, 0.24);
}

/* Email kartica */
.pg-email-current,
.pg-email-note,
.pg-settings-card .pg-email-note {
    border-radius: 14px;
}

.pg-email-note {
    background: #fbfaff;
    border: 1px solid #eee7ff;
    color: #6d28d9;
    font-size: 12px;
    line-height: 1.45;
}

/* Obavijesti */
.pg-notification-list {
    gap: 9px;
}

.pg-notification-list label {
    min-height: 42px;
    border-radius: 13px;
    border-color: #edf0f5;
    font-size: 13px;
    background: #fff;
}

.pg-notification-list label:hover {
    border-color: #d9ccff;
    background: #fbfaff;
}

/* Anonimnost */
.pg-radio-card {
    border-color: #edf0f5;
    border-radius: 15px;
    padding: 12px;
}

.pg-radio-card:hover {
    border-color: #d9ccff;
    background: #fbfaff;
}

.pg-radio-card strong {
    font-size: 13px;
}

.pg-radio-card small {
    font-size: 11.5px;
}

/* Freeio forme u settingsu */
.pg-freeio-card h2:not(.pg-settings-card h2) {
    font-size: 28px;
}

.pg-freeio-card form {
    margin-top: 8px;
}

.pg-freeio-card label {
    font-size: 12px !important;
    font-weight: 800 !important;
    color: #1f2937 !important;
    margin-bottom: 8px !important;
}

.pg-freeio-card .form-group {
    margin-bottom: 18px !important;
}

.pg-freeio-card input[type="password"],
.pg-freeio-card input[type="text"],
.pg-freeio-card input[type="email"] {
    min-height: 52px !important;
    border-radius: 15px !important;
    border: 1px solid #e6e9f0 !important;
    font-size: 14px !important;
}

.pg-freeio-card input[type="submit"],
.pg-freeio-card button[type="submit"],
.pg-freeio-card .button {
    min-height: 44px !important;
    border-radius: 999px !important;
    padding: 0 18px !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

/* Brisanje računa da bude ozbiljno, ali ne preglasno */
.pg-danger-card {
    background: #fffafa;
    border-color: #fee2e2;
    box-shadow: 0 18px 45px rgba(220, 38, 38, 0.055);
}

.pg-danger-card h2 {
    color: #111827;
}

.pg-danger-card input[type="submit"],
.pg-danger-card button[type="submit"],
.pg-danger-card .button {
    background: #dc2626 !important;
    box-shadow: 0 10px 22px rgba(220, 38, 38, 0.16) !important;
}

/* Success notice */
.pg-settings-notice {
    border-radius: 16px;
    font-size: 13px;
    padding: 14px 16px;
}

/* Mobile polish */
@media (max-width: 820px) {
    .pg-settings-wrap {
        padding: 24px 14px 90px;
    }

    .pg-settings-header h1 {
        font-size: 28px;
    }

    .pg-settings-grid {
        gap: 16px;
    }

    .pg-settings-card {
        padding: 18px;
        border-radius: 20px;
    }

    .pg-profile-photo-row {
        display: grid;
        grid-template-columns: 74px 1fr;
        gap: 14px;
        align-items: center;
    }

    .pg-settings-location-block {
        padding: 15px;
    }

    .pg-settings-btn,
    .pg-danger-btn {
        width: 100%;
    }
}


/* Paktograf — ponude: realni avatar bez ljubičastog box-shadow containera */
.pg-sp-offer__avatar:has(.pg-sp-offer__avatar-img) {
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
}

.pg-sp-offer__avatar:has(.pg-sp-offer__avatar-img) .pg-sp-offer__avatar-img {
    width: 72px !important;
    height: 72px !important;
    object-fit: contain !important;
    border-radius: 18px !important;
    background: transparent !important;
    box-shadow: none !important;
    display: block !important;
}

/* fallback avatar neka ostane brendiran */
.pg-sp-offer__avatar-fallback {
    width: 64px !important;
    height: 64px !important;
    border-radius: 22px !important;
    background: linear-gradient(135deg, #7c3aed 0%, #a855f7 100%) !important;
    color: #fff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 22px !important;
    font-weight: 950 !important;
}


/* PAKTOGRAF — Verifikacija računa */

.pg-verify-wrap {
    max-width: 1120px;
    margin: 0 auto;
    padding: 42px 16px 90px;
}

.pg-verify-header {
    margin-bottom: 24px;
}

.pg-verify-kicker {
    margin: 0 0 6px;
    color: #6d28d9;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.pg-verify-header h1 {
    margin: 0;
    color: #111827;
    font-size: 34px;
    line-height: 1.1;
    letter-spacing: -0.04em;
}

.pg-verify-header p {
    max-width: 680px;
    margin: 10px 0 0;
    color: #667085;
    font-size: 15px;
    line-height: 1.55;
}

.pg-verify-layout {
    display: grid;
    grid-template-columns: 1.25fr .75fr;
    gap: 20px;
    align-items: start;
}

.pg-verify-card,
.pg-verify-info-card,
.pg-verify-note {
    background: #fff;
    border: 1px solid #edf0f5;
    border-radius: 24px;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.055);
}

.pg-verify-main {
    padding: 24px;
}

.pg-verify-card-head {
    margin-bottom: 20px;
}

.pg-verify-card-head h2,
.pg-verify-info-card h3 {
    margin: 0;
    color: #111827;
    font-size: 21px;
    line-height: 1.2;
    letter-spacing: -0.025em;
}

.pg-verify-card-head p {
    margin: 8px 0 0;
    color: #667085;
    font-size: 14px;
    line-height: 1.5;
}

.pg-verify-side {
    display: grid;
    gap: 16px;
}

.pg-verify-info-card {
    padding: 22px;
}

.pg-verify-step {
    display: flex;
    gap: 12px;
    padding: 14px 0;
    border-bottom: 1px solid #f1f3f7;
}

.pg-verify-step:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.pg-verify-step span {
    width: 30px;
    height: 30px;
    min-width: 30px;
    border-radius: 999px;
    background: #f3e8ff;
    color: #6d28d9;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 900;
}

.pg-verify-step strong {
    display: block;
    color: #111827;
    font-size: 14px;
    margin-bottom: 3px;
}

.pg-verify-step small {
    display: block;
    color: #667085;
    font-size: 12px;
    line-height: 1.4;
}

.pg-verify-note {
    padding: 18px;
    background: #fbfaff;
    border-color: #eee7ff;
}

.pg-verify-note strong {
    display: block;
    color: #6d28d9;
    font-size: 14px;
    margin-bottom: 6px;
}

.pg-verify-note p {
    margin: 0;
    color: #667085;
    font-size: 13px;
    line-height: 1.5;
}

.pg-verify-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 18px;
    border-radius: 999px;
    background: #6d28d9;
    color: #fff !important;
    font-weight: 800;
    text-decoration: none;
}

/* Freeio forma unutar verifikacije */
.pg-verify-freeio-form form {
    margin: 0;
}

.pg-verify-freeio-form label {
    font-size: 13px !important;
    font-weight: 800 !important;
    color: #1f2937 !important;
    margin-bottom: 8px !important;
}

.pg-verify-freeio-form input[type="text"],
.pg-verify-freeio-form input[type="email"],
.pg-verify-freeio-form input[type="file"],
.pg-verify-freeio-form input[type="password"],
.pg-verify-freeio-form textarea,
.pg-verify-freeio-form select {
    width: 100% !important;
    min-height: 50px !important;
    border: 1px solid #e6e9f0 !important;
    border-radius: 15px !important;
    padding: 12px 13px !important;
    font-size: 14px !important;
    background: #fff !important;
    outline: none !important;
}

.pg-verify-freeio-form input:focus,
.pg-verify-freeio-form textarea:focus,
.pg-verify-freeio-form select:focus {
    border-color: #6d28d9 !important;
    box-shadow: 0 0 0 4px rgba(109, 40, 217, .08) !important;
}

.pg-verify-freeio-form button,
.pg-verify-freeio-form input[type="submit"],
.pg-verify-freeio-form .button {
    min-height: 44px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #6d28d9 !important;
    color: #fff !important;
    padding: 0 18px !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    box-shadow: 0 10px 22px rgba(109, 40, 217, .18) !important;
}

@media (max-width: 820px) {
    .pg-verify-wrap {
        padding: 26px 14px 90px;
    }

    .pg-verify-header h1 {
        font-size: 29px;
    }

    .pg-verify-layout {
        grid-template-columns: 1fr;
    }

    .pg-verify-main,
    .pg-verify-info-card,
    .pg-verify-note {
        border-radius: 20px;
    }

    .pg-verify-main {
        padding: 18px;
    }
}


/* Paktograf — verification form polish */

.pg-verify-freeio-form h2,
.pg-verify-freeio-form h3,
.pg-verify-freeio-form .title {
    font-size: 28px !important;
    line-height: 1.15 !important;
    letter-spacing: -0.035em !important;
    color: #111827 !important;
    margin: 18px 0 24px !important;
}

.pg-verify-freeio-form .form-group,
.pg-verify-freeio-form p {
    margin-bottom: 20px !important;
}

.pg-verify-freeio-form label {
    display: block !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    color: #111827 !important;
    margin-bottom: 8px !important;
}

.pg-verify-freeio-form input[type="text"],
.pg-verify-freeio-form input[type="tel"],
.pg-verify-freeio-form input[type="email"],
.pg-verify-freeio-form textarea,
.pg-verify-freeio-form select {
    width: 100% !important;
    min-height: 52px !important;
    border: 1px solid #e3e8f2 !important;
    border-radius: 16px !important;
    padding: 12px 14px !important;
    background: #fff !important;
    color: #111827 !important;
    font-size: 14px !important;
    outline: none !important;
}

.pg-verify-freeio-form textarea {
    min-height: 132px !important;
    resize: vertical;
}

.pg-verify-freeio-form input:focus,
.pg-verify-freeio-form textarea:focus,
.pg-verify-freeio-form select:focus {
    border-color: #6d28d9 !important;
    box-shadow: 0 0 0 4px rgba(109, 40, 217, .08) !important;
}

.pg-verify-freeio-form input[type="file"] {
    width: 100% !important;
    border: 1px solid #e3e8f2 !important;
    border-radius: 16px !important;
    background: #fff !important;
    padding: 6px !important;
    color: #667085 !important;
    font-size: 14px !important;
}

.pg-verify-freeio-form input[type="file"]::file-selector-button {
    border: 0 !important;
    border-radius: 12px !important;
    background: #6d28d9 !important;
    color: #fff !important;
    padding: 11px 14px !important;
    margin-right: 12px !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    cursor: pointer !important;
}

.pg-verify-freeio-form button,
.pg-verify-freeio-form input[type="submit"],
.pg-verify-freeio-form .button {
    min-height: 46px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #6d28d9 !important;
    color: #fff !important;
    padding: 0 20px !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    box-shadow: 0 12px 26px rgba(109, 40, 217, .22) !important;
}

.pg-verify-freeio-form button:hover,
.pg-verify-freeio-form input[type="submit"]:hover,
.pg-verify-freeio-form .button:hover {
    background: #5f22e6 !important;
    transform: translateY(-1px);
}

/* Paktograf — custom verification upload */

.pg-verify-native-file {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
}

.pg-verify-upload-ui {
    width: 100%;
    min-height: 54px;
    border: 1px solid #e3e8f2;
    border-radius: 16px;
    background: #fff;
    display: flex;
    align-items: center;
    padding: 6px;
    gap: 12px;
}

.pg-verify-upload-btn {
    min-height: 42px;
    border: 0;
    border-radius: 12px;
    background: #6d28d9;
    color: #fff;
    padding: 0 15px;
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 8px 18px rgba(109, 40, 217, .16);
}

.pg-verify-upload-btn:hover {
    background: #5f22e6;
}

.pg-verify-upload-name {
    color: #667085;
    font-size: 14px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* Paktograf — verifikacija: dokumenti poslani / u provjeri */

.pg-verify-status-box {
    margin-bottom: 22px;
    padding: 18px 20px;
    border: 1px solid #fed7aa;
    border-radius: 18px;
    background: #fff7ed;
}

.pg-verify-status-box span {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 10px;
    border-radius: 999px;
    background: #ffedd5;
    color: #c2410c;
    font-size: 12px;
    font-weight: 900;
    margin-bottom: 10px;
}

.pg-verify-status-box strong {
    display: block;
    color: #111827;
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 6px;
}

.pg-verify-status-box p {
    margin: 0;
    color: #667085;
    font-size: 13px;
    line-height: 1.5;
}

.pg-verify-wrap--submitted .pg-verify-card-head {
    display: none !important;
}

.pg-verify-wrap--submitted .pg-verify-freeio-form h2,
.pg-verify-wrap--submitted .pg-verify-freeio-form h3 {
    margin-top: 0 !important;
}

.pg-verify-wrap--submitted .pg-verify-freeio-form p {
    color: #667085;
    font-size: 14px;
    line-height: 1.55;
}

/* Single project — badge za dokumente poslane na provjeru */

.pg-owner-verification-pill.is-documents-pending,
.pg-single-verified-pill.is-documents-pending {
    background: #fff7ed !important;
    color: #c2410c !important;
    border: 1px solid #fed7aa !important;
}

/* =========================================================
   PAKTOGRAF BIOGRAFIJA V2 — UNIFIED PUBLIC PROFILE
   Desktop profile + mobile accordion + existing edit modal.
   Replaces the older duplicated single-biography cascade.
   ========================================================= */

.pg-bio-wrap,
.pg-bio-wrap * {
    box-sizing: border-box;
}

.pg-bio-wrap {
    --pg-bio-purple: #6f2cff;
    --pg-bio-purple-dark: #5b21b6;
    --pg-bio-purple-soft: #f5efff;
    --pg-bio-yellow: #ffc107;
    --pg-bio-text: #111827;
    --pg-bio-muted: #667085;
    --pg-bio-border: #e8eaf1;
    --pg-bio-card: #ffffff;
    --pg-bio-bg: #f8f8fb;
    position: relative;
    z-index: 1;
    width: min(1180px, calc(100% - 36px));
    margin: 0 auto;
    padding: 34px 0 80px;
    color: var(--pg-bio-text);
    font-family: "Poppins", "Montserrat", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.pg-bio-wrap::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        radial-gradient(circle at 82% 0%, rgba(111,44,255,.07), transparent 30%),
        linear-gradient(180deg, #fbfaff 0%, #f8f8fb 46%, #ffffff 100%);
}

.pg-bio-hero,
.pg-bio-card {
    border: 1px solid var(--pg-bio-border);
    background: var(--pg-bio-card);
    box-shadow: 0 18px 48px rgba(15, 23, 42, .055);
}

.pg-bio-hero {
    display: grid;
    grid-template-columns: 176px minmax(0, 1fr) auto;
    gap: 30px;
    align-items: center;
    margin: 0 0 24px;
    padding: 32px;
    border-radius: 30px;
}

.pg-bio-avatar-shell {
    position: relative;
    width: 176px;
    height: 176px;
}

.pg-bio-avatar {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: grid;
    place-items: center;
    border: 6px solid #fff;
    border-radius: 999px;
    background: linear-gradient(145deg, #efe7ff, #faf7ff);
    box-shadow: 0 0 0 3px rgba(111,44,255,.28), 0 18px 42px rgba(48,24,86,.16);
    color: var(--pg-bio-purple-dark);
    font-size: 54px;
    font-weight: 950;
}

.pg-bio-avatar img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.pg-bio-avatar > span {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
}

.pg-bio-avatar-badge {
    position: absolute;
    right: 7px;
    bottom: 12px;
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border: 4px solid #fff;
    border-radius: 999px;
    background: var(--pg-bio-purple);
    color: #fff;
    box-shadow: 0 10px 24px rgba(111,44,255,.28);
    font-size: 16px;
    font-weight: 950;
}

.pg-bio-kicker-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
    margin: 0 0 10px;
}

.pg-bio-kicker,
.pg-bio-verification {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 29px;
    padding: 7px 10px;
    border-radius: 999px;
    font-size: 11px;
    line-height: 1;
    font-weight: 900;
}

.pg-bio-kicker {
    background: var(--pg-bio-purple-soft);
    color: var(--pg-bio-purple-dark);
    letter-spacing: .035em;
    text-transform: uppercase;
}

.pg-bio-verification {
    border: 1px solid #ddd0ff;
    background: #fbf9ff;
    color: var(--pg-bio-purple-dark);
}

.pg-bio-verification.is-documents,
.pg-bio-avatar-badge.is-documents {
    border-color: #bbf7d0;
    background: #ecfdf5;
    color: #047857;
}

.pg-bio-verification.is-documents-pending,
.pg-bio-avatar-badge.is-documents-pending {
    border-color: #fed7aa;
    background: #fff7ed;
    color: #c2410c;
}

.pg-bio-hero-main h1 {
    margin: 0 0 9px !important;
    color: var(--pg-bio-text) !important;
    font-size: clamp(34px, 4vw, 50px) !important;
    line-height: 1.02 !important;
    font-weight: 950 !important;
    letter-spacing: -.055em !important;
}

.pg-bio-location {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 0 0 12px !important;
    color: var(--pg-bio-muted) !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    font-weight: 750 !important;
}

.pg-bio-profession {
    margin: 4px 0 8px;
    color: #6f2cff;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.35;
}

.pg-bio-inline-icon,
.pg-bio-btn-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.pg-bio-inline-icon svg,
.pg-bio-btn-icon svg,
.pg-bio-section-icon svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.pg-bio-summary {
    max-width: 710px;
    margin: 0 !important;
    color: #344054 !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    font-weight: 600 !important;
    white-space: pre-line;
}

.pg-bio-stats {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 10px;
    margin: 20px 0 0;
}

.pg-bio-stats > div {
    min-width: 132px;
    padding: 10px 13px;
    border: 1px solid #eceef4;
    border-radius: 15px;
    background: #fbfcff;
}

.pg-bio-stats strong,
.pg-bio-stats span {
    display: block;
}

.pg-bio-stats strong {
    color: var(--pg-bio-text);
    font-size: 18px;
    line-height: 1;
    font-weight: 950;
}

.pg-bio-stats span {
    margin-top: 5px;
    color: var(--pg-bio-muted);
    font-size: 11px;
    line-height: 1.25;
    font-weight: 750;
}

.pg-bio-actions {
    min-width: 184px;
    display: grid;
    gap: 10px;
}

.pg-bio-btn,
.pg-bio-edit {
    appearance: none;
    -webkit-appearance: none;
    text-decoration: none !important;
    cursor: pointer;
}

.pg-bio-btn {
    min-height: 54px;
    padding: 0 22px;
    border: 0;
    border-radius: 17px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    font-size: 15px;
    line-height: 1;
    font-weight: 950;
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.pg-bio-btn-main {
    background: linear-gradient(135deg, #ffd21a 0%, var(--pg-bio-yellow) 100%);
    color: #241a00 !important;
    box-shadow: 0 15px 30px rgba(255,193,7,.25);
}

.pg-bio-btn:hover,
.pg-bio-btn:focus {
    transform: translateY(-1px);
    filter: brightness(1.01);
}

.pg-bio-edit {
    min-height: 34px;
    padding: 7px 11px;
    border: 1px solid #e4d8ff;
    border-radius: 999px;
    background: #faf7ff;
    color: var(--pg-bio-purple-dark) !important;
    font-size: 11px;
    line-height: 1;
    font-weight: 900;
}

.pg-bio-edit:hover,
.pg-bio-edit:focus {
    background: #f1e9ff;
}

.pg-bio-edit--hero {
    width: 100%;
    min-height: 42px;
}

.pg-bio-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(310px, .85fr);
    gap: 24px;
    align-items: start;
}

.pg-bio-main-column,
.pg-bio-side-column {
    display: grid;
    gap: 18px;
    align-items: start;
}

.pg-bio-side-column {
    position: sticky;
    top: 92px;
}

.pg-bio-card {
    min-width: 0;
    overflow: hidden;
    border-radius: 24px;
}

.pg-bio-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 21px 22px 0;
}

.pg-bio-card-title-wrap {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 13px;
}

.pg-bio-section-icon {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: var(--pg-bio-purple-soft);
    color: var(--pg-bio-purple);
}

.pg-bio-section-icon--yellow {
    background: #fff7d6;
    color: #a36a00;
}

.pg-bio-card-head h2 {
    margin: 0 !important;
    color: var(--pg-bio-text) !important;
    font-size: 19px !important;
    line-height: 1.2 !important;
    font-weight: 950 !important;
    letter-spacing: -.025em !important;
}

.pg-bio-card-subtitle {
    margin: 4px 0 0 !important;
    color: var(--pg-bio-muted) !important;
    font-size: 11.5px !important;
    line-height: 1.4 !important;
    font-weight: 650 !important;
    white-space: normal !important;
}

.pg-bio-card-actions {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.pg-bio-card-toggle {
    display: none;
    width: 38px;
    height: 38px;
    padding: 0;
    border: 1px solid #e8eaf1;
    border-radius: 13px;
    background: #fbfcff;
    color: #475467;
    cursor: pointer;
}

.pg-bio-card-toggle span {
    position: relative;
    display: block;
    width: 10px;
    height: 10px;
    margin: -3px auto 0;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    transition: transform .2s ease, margin .2s ease;
}

.pg-bio-card.is-open .pg-bio-card-toggle span {
    margin-top: 3px;
    transform: rotate(225deg);
}

.pg-bio-card-content {
    padding: 17px 22px 22px;
}

.pg-bio-card p {
    color: #344054;
    font-size: 14px;
    line-height: 1.7;
    font-weight: 600;
}

.pg-bio-empty {
    padding: 15px 16px;
    border: 1px dashed #ddd5ee;
    border-radius: 16px;
    background: #fbfaff;
    color: #667085;
    font-size: 13px;
    line-height: 1.55;
    font-weight: 700;
}

.pg-bio-skill-list {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.pg-bio-skill-list span {
    display: inline-flex;
    align-items: center;
    min-height: 35px;
    padding: 8px 12px;
    border: 1px solid #e1d4ff;
    border-radius: 999px;
    background: #f8f4ff;
    color: var(--pg-bio-purple-dark);
    font-size: 12px;
    line-height: 1;
    font-weight: 850;
}

.pg-bio-facts {
    display: grid;
    gap: 9px;
}

.pg-bio-facts > div {
    padding: 13px 14px;
    border: 1px solid #eceef4;
    border-radius: 15px;
    background: #fbfcff;
}

.pg-bio-facts span,
.pg-bio-facts strong {
    display: block;
}

.pg-bio-facts span {
    margin: 0 0 5px;
    color: #98a2b3;
    font-size: 10.5px;
    line-height: 1.2;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: .035em;
}

.pg-bio-facts strong {
    color: #344054;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 850;
}

/* Timeline / education */
.pg-bio-experience-list {
    display: grid;
    gap: 14px;
    position: relative;
}

.pg-bio-experience-item {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    gap: 12px;
    position: relative;
}

.pg-bio-experience-item:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 8px;
    top: 20px;
    bottom: -14px;
    width: 2px;
    border-radius: 999px;
    background: #eee7fb;
}

.pg-bio-experience-dot {
    position: relative;
    z-index: 1;
    width: 18px;
    height: 18px;
    margin-top: 4px;
    border: 4px solid #fff;
    border-radius: 999px;
    background: #efe6ff;
    box-shadow: 0 0 0 1px #d6c3ff;
}

.pg-bio-experience-body {
    padding: 14px;
    border: 1px solid #eceef4;
    border-radius: 17px;
    background: #fff;
}

.pg-bio-experience-top,
.pg-bio-language-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.pg-bio-experience-title,
.pg-bio-language-name {
    display: block;
    color: #111827;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 950;
}

.pg-bio-experience-company {
    display: block;
    margin-top: 4px;
    color: #667085;
    font-size: 12px;
    line-height: 1.35;
    font-weight: 750;
}

.pg-bio-experience-period,
.pg-bio-language-level {
    display: inline-flex;
    align-items: center;
    min-height: 27px;
    padding: 6px 9px;
    border-radius: 999px;
    background: #f3ecff;
    color: var(--pg-bio-purple-dark);
    font-size: 11px;
    line-height: 1;
    font-weight: 900;
    white-space: nowrap;
}

.pg-bio-experience-desc {
    margin: 9px 0 0 !important;
    color: #475467 !important;
    font-size: 12.5px !important;
    line-height: 1.6 !important;
    font-weight: 650 !important;
    white-space: pre-line !important;
}

/* Languages */
.pg-bio-languages {
    display: grid;
    gap: 10px;
}

.pg-bio-language-item {
    padding: 13px;
    border: 1px solid #eceef4;
    border-radius: 16px;
    background: #fff;
}

.pg-bio-language-top {
    margin-bottom: 7px;
}

.pg-bio-language-desc {
    margin: 0 !important;
    color: #667085 !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
    font-weight: 650 !important;
    white-space: normal !important;
}

/* Certificates */
.pg-bio-certificates-list {
    display: grid;
    gap: 10px;
}

.pg-bio-certificate-item {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 11px;
    align-items: center;
    padding: 12px 13px;
    border: 1px solid #eceef4;
    border-radius: 16px;
    background: #fff;
}

.pg-bio-certificate-icon {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: #f2ebff;
    color: var(--pg-bio-purple);
    font-weight: 950;
}

.pg-bio-certificate-item strong,
.pg-bio-certificate-item small {
    display: block;
}

.pg-bio-certificate-item strong {
    color: #111827;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 900;
}

.pg-bio-certificate-item small {
    margin-top: 4px;
    color: #667085;
    font-size: 11px;
    line-height: 1.3;
    font-weight: 700;
}

/* Personal signal */
.pg-bio-personal-signal-body {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
}

.pg-bio-personal-signal-mark {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: #fff7d6;
    color: #a36a00;
    font-size: 18px;
    font-weight: 950;
}

.pg-bio-personal-signal-body p {
    margin: 0 !important;
    color: #2f2442 !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
    font-weight: 700 !important;
    white-space: pre-line !important;
}

/* Financial */
.pg-bio-financial {
    display: grid;
    gap: 12px;
}

.pg-bio-financial-feature {
    padding: 15px;
    border: 1px solid #e7dcff;
    border-radius: 17px;
    background: linear-gradient(135deg, #f8f4ff, #fff);
}

.pg-bio-financial-feature span,
.pg-bio-financial-box small,
.pg-bio-financial-abroad span {
    display: block;
    margin-bottom: 6px;
    color: #667085;
    font-size: 10px;
    line-height: 1.2;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: .035em;
}

.pg-bio-financial-feature strong {
    display: block;
    color: #111827;
    font-size: 25px;
    line-height: 1;
    font-weight: 950;
    letter-spacing: -.04em;
}

.pg-bio-financial-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px;
}

.pg-bio-financial-box,
.pg-bio-financial-abroad,
.pg-bio-financial-note,
.pg-bio-chart-note {
    padding: 12px;
    border: 1px solid #eceef4;
    border-radius: 15px;
    background: #fbfcff;
}

.pg-bio-financial-box p {
    margin: 0 !important;
    color: #475467 !important;
    font-size: 11.5px !important;
    line-height: 1.55 !important;
    font-weight: 700 !important;
    white-space: normal !important;
}

.pg-bio-financial-box p + p {
    margin-top: 3px !important;
}

.pg-bio-financial-abroad {
    background: #fffaf0;
    border-color: #f7d77a;
}

.pg-bio-financial-abroad strong {
    display: block;
    color: #111827;
    font-size: 18px;
    font-weight: 950;
}

.pg-bio-financial-abroad small {
    display: block;
    margin-top: 5px;
    color: #7c5b00;
    font-size: 11px;
    font-weight: 750;
}

.pg-bio-financial-note,
.pg-bio-chart-note {
    margin: 0 !important;
    color: #667085 !important;
    font-size: 11px !important;
    line-height: 1.5 !important;
    font-weight: 650 !important;
    white-space: normal !important;
}

/* Radar */
.pg-bio-radar-card-inner {
    display: grid;
    gap: 14px;
}

.pg-bio-radar-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2px 0;
}

.pg-bio-radar {
    width: min(100%, 220px);
    height: auto;
    display: block;
}

.pg-bio-radar-grid {
    fill: none;
    stroke: #eee7fb;
    stroke-width: 1;
}

.pg-bio-radar-axis {
    stroke: #f2edf9;
    stroke-width: 1;
}

.pg-bio-radar-area {
    fill: rgba(111,44,255,.16);
    stroke: var(--pg-bio-purple);
    stroke-width: 3;
    stroke-linejoin: round;
}

.pg-bio-radar-list {
    display: grid;
    gap: 9px;
}

.pg-bio-radar-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 7px 9px;
    align-items: center;
}

.pg-bio-radar-row span,
.pg-bio-radar-row strong {
    font-size: 11px;
    line-height: 1.2;
    font-weight: 850;
}

.pg-bio-radar-row span { color: #475467; }
.pg-bio-radar-row strong { color: #111827; }

.pg-bio-radar-row i {
    grid-column: 1 / -1;
    display: block;
    height: 6px;
    overflow: hidden;
    border-radius: 999px;
    background: #f1edf8;
}

.pg-bio-radar-row i b {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--pg-bio-purple), #a855f7);
}

/* Rich output */
.pg-bio-rich-output {
    color: #344054;
    font-size: 14px;
    line-height: 1.75;
    font-weight: 600;
    word-break: break-word;
}

.pg-bio-rich-output p,
.pg-bio-rich-output h3 {
    margin: 0 0 10px !important;
}

.pg-bio-rich-output p:last-child,
.pg-bio-rich-output h3:last-child {
    margin-bottom: 0 !important;
}

.pg-bio-rich-output h3 {
    color: #111827;
    font-size: 17px;
    line-height: 1.35;
    font-weight: 950;
}

.pg-bio-rich-output ul,
.pg-bio-rich-output ol,
.pg-bio-rich-editor ul,
.pg-bio-rich-editor ol {
    margin: 0 0 10px 18px !important;
    padding-left: 18px !important;
}

.pg-bio-rich-output li,
.pg-bio-rich-editor li {
    margin: 0 0 6px !important;
}

/* Editors and modal */
.pg-bio-experience-editor,
.pg-bio-language-editor,
.pg-bio-certificate-editor,
.pg-bio-financial-editor,
.pg-bio-chart-editor {
    display: grid;
    gap: 13px;
}

.pg-bio-experience-row,
.pg-bio-language-row,
.pg-bio-certificate-row,
.pg-bio-chart-edit-row {
    padding: 14px;
    border: 1px solid #eee7fb;
    border-radius: 17px;
    background: #fbf9ff;
}

.pg-bio-experience-row {
    display: grid;
    gap: 12px;
}

.pg-bio-experience-row-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.pg-bio-experience-row-title {
    color: #111827;
    font-size: 13px;
    font-weight: 950;
}

.pg-bio-experience-row-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.pg-bio-language-row {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(0, .95fr) 40px;
    gap: 10px;
    align-items: end;
}

.pg-bio-certificate-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 120px 40px;
    gap: 10px;
    align-items: end;
}

.pg-bio-chart-edit-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(150px, 230px) 54px;
    gap: 12px;
    align-items: center;
}

.pg-bio-chart-edit-row label {
    margin: 0 !important;
    color: #111827 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

.pg-bio-chart-edit-row input[type="range"] {
    width: 100%;
    accent-color: var(--pg-bio-purple);
}

.pg-bio-chart-edit-row > strong {
    color: var(--pg-bio-purple-dark);
    font-size: 13px;
    font-weight: 950;
    text-align: right;
}

.pg-bio-language-row .pg-bio-field,
.pg-bio-certificate-row .pg-bio-field {
    margin-bottom: 0;
}

.pg-bio-experience-remove,
.pg-bio-language-remove,
.pg-bio-certificate-remove {
    width: 40px;
    height: 40px;
    border: 1px solid #eadcff;
    border-radius: 12px;
    background: #fff;
    color: var(--pg-bio-purple);
    font-size: 18px;
    font-weight: 950;
    cursor: pointer;
}

.pg-bio-experience-add,
.pg-bio-language-add,
.pg-bio-certificate-add {
    width: fit-content;
    min-height: 40px;
    padding: 10px 14px;
    border: 1px solid #eadcff;
    border-radius: 999px;
    background: #f7f1ff;
    color: var(--pg-bio-purple-dark);
    font-size: 12px;
    font-weight: 900;
    cursor: pointer;
}

.pg-bio-experience-help,
.pg-bio-language-help {
    margin: -2px 0 0;
    color: #667085;
    font-size: 11.5px;
    line-height: 1.5;
    font-weight: 650;
}

.pg-bio-toast {
    position: fixed;
    left: 50%;
    bottom: 24px;
    z-index: 99999;
    min-width: 260px;
    max-width: calc(100vw - 32px);
    padding: 13px 16px;
    border-radius: 14px;
    transform: translateX(-50%) translateY(20px);
    opacity: 0;
    pointer-events: none;
    background: #111827;
    color: #fff;
    box-shadow: 0 18px 45px rgba(17,24,39,.22);
    font-size: 13px;
    line-height: 1.4;
    font-weight: 800;
    text-align: center;
    transition: opacity .18s ease, transform .18s ease;
}

.pg-bio-toast.is-visible {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

.pg-bio-modal {
    position: fixed;
    inset: 0;
    z-index: 99990;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 18px;
    background: rgba(17,24,39,.42);
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
}

.pg-bio-modal.is-open {
    display: flex;
}

.pg-bio-modal__panel {
    width: min(620px, 100%);
    max-height: calc(100vh - 36px);
    overflow: auto;
    padding: 22px;
    border: 1px solid #eee7fb;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 24px 80px rgba(40,20,80,.22);
}

.pg-bio-modal__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.pg-bio-modal__head h3 {
    margin: 0;
    color: #111827;
    font-size: 22px;
    line-height: 1.15;
    font-weight: 950;
    letter-spacing: -.025em;
}

.pg-bio-modal__head p {
    margin: 6px 0 0;
    color: #667085;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 650;
}

.pg-bio-modal__close {
    width: 38px;
    height: 38px;
    border: 1px solid #eadcff;
    border-radius: 12px;
    background: #f7f1ff;
    color: var(--pg-bio-purple-dark);
    font-size: 20px;
    font-weight: 900;
    cursor: pointer;
}

.pg-bio-field {
    margin-bottom: 14px;
}

.pg-bio-field label {
    display: block;
    margin: 0 0 7px;
    color: #344054;
    font-size: 12px;
    line-height: 1.35;
    font-weight: 850;
}

.pg-bio-field input,
.pg-bio-field textarea,
.pg-bio-field select {
    width: 100%;
    padding: 12px 13px;
    border: 1px solid #ded7eb;
    border-radius: 14px;
    outline: none;
    background: #fff;
    color: #111827;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 650;
}

.pg-bio-field textarea {
    min-height: 118px;
    resize: vertical;
}

.pg-bio-field input:focus,
.pg-bio-field textarea:focus,
.pg-bio-field select:focus,
.pg-bio-rich-editor:focus {
    border-color: var(--pg-bio-purple);
    box-shadow: 0 0 0 4px rgba(111,44,255,.10);
}

.pg-bio-field small {
    display: block;
    margin-top: 7px;
    color: #667085;
    font-size: 11px;
    line-height: 1.4;
    font-weight: 650;
}

.pg-bio-modal__actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 18px;
}

.pg-bio-modal__actions button {
    min-height: 43px;
    padding: 11px 16px;
    border-radius: 13px;
    font-size: 12px;
    font-weight: 900;
    cursor: pointer;
}

.pg-bio-modal__cancel {
    border: 1px solid #e4d8ff;
    background: #fff;
    color: #4b2673;
}

.pg-bio-modal__save {
    border: 0;
    background: linear-gradient(135deg, var(--pg-bio-purple), var(--pg-bio-purple-dark));
    color: #fff;
    box-shadow: 0 10px 24px rgba(111,44,255,.2);
}

.pg-bio-modal__save[disabled] {
    opacity: .65;
    cursor: wait;
}

.pg-bio-rich-field {
    margin-bottom: 0;
}

.pg-bio-rich-toolbar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    padding: 9px;
    border: 1px solid #ded7eb;
    border-bottom: 0;
    border-radius: 14px 14px 0 0;
    background: #fbf9ff;
}

.pg-bio-rich-toolbar button {
    min-width: 34px;
    height: 34px;
    padding: 0 9px;
    border: 1px solid #e7def5;
    border-radius: 10px;
    background: #fff;
    color: #344054;
    font-size: 12px;
    font-weight: 850;
    cursor: pointer;
}

.pg-bio-rich-toolbar button:hover {
    border-color: #cfb9ff;
    color: var(--pg-bio-purple-dark);
}

.pg-bio-rich-editor {
    min-height: 190px;
    padding: 14px;
    overflow: auto;
    border: 1px solid #ded7eb;
    border-radius: 0 0 14px 14px;
    outline: none;
    background: #fff;
    color: #111827;
    font-size: 14px;
    line-height: 1.65;
}

.pg-bio-rich-count {
    margin-top: 6px;
    color: #98a2b3;
    font-size: 11px;
    font-weight: 700;
    text-align: right;
}

@media (max-width: 980px) {
    .pg-bio-hero {
        grid-template-columns: 146px minmax(0, 1fr);
    }

    .pg-bio-avatar-shell {
        width: 146px;
        height: 146px;
    }

    .pg-bio-actions {
        grid-column: 1 / -1;
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .pg-bio-grid {
        grid-template-columns: 1fr;
    }

    .pg-bio-side-column {
        position: static;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pg-bio-side-column .pg-bio-chart-card {
        grid-column: 1 / -1;
    }
}

@media (max-width: 767px) {
    .pg-bio-wrap {
        width: min(100% - 24px, 560px);
        padding: 14px 0 96px;
    }

    .pg-bio-hero {
        grid-template-columns: 1fr;
        gap: 15px;
        padding: 24px 18px 18px;
        border-radius: 25px;
        text-align: center;
    }

    .pg-bio-avatar-shell {
        width: 138px;
        height: 138px;
        margin: 0 auto;
    }

    .pg-bio-avatar {
        border-width: 5px;
        font-size: 44px;
    }

    .pg-bio-avatar-badge {
        right: 4px;
        bottom: 8px;
        width: 34px;
        height: 34px;
    }

    .pg-bio-kicker-row,
    .pg-bio-location,
    .pg-bio-stats {
        justify-content: center;
    }

    .pg-bio-hero-main h1 {
        font-size: 29px !important;
        line-height: 1.08 !important;
    }

    .pg-bio-location {
        margin-bottom: 9px !important;
        font-size: 12px !important;
    }

    .pg-bio-summary {
        font-size: 13px !important;
        line-height: 1.6 !important;
    }

    .pg-bio-stats {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 7px;
        margin-top: 17px;
    }

    .pg-bio-stats > div {
        min-width: 0;
        padding: 9px 6px;
        border-radius: 13px;
    }

    .pg-bio-stats strong {
        font-size: 16px;
    }

    .pg-bio-stats span {
        font-size: 9px;
    }

    .pg-bio-actions {
        grid-column: auto;
        grid-template-columns: 1fr;
        min-width: 0;
    }

    .pg-bio-btn {
        width: 100%;
        min-height: 52px;
        border-radius: 16px;
    }

    .pg-bio-edit--hero {
        width: fit-content;
        margin: 0 auto;
    }

    .pg-bio-main-column,
    .pg-bio-side-column {
        gap: 12px;
    }

    .pg-bio-side-column {
        grid-template-columns: 1fr;
    }

    .pg-bio-card {
        border-radius: 21px;
    }

    .pg-bio-card-head {
        padding: 15px 15px 0;
    }

    .pg-bio-card-title-wrap {
        gap: 11px;
    }

    .pg-bio-section-icon {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
        border-radius: 13px;
    }

    .pg-bio-section-icon svg {
        width: 18px;
        height: 18px;
    }

    .pg-bio-card-head h2 {
        font-size: 16px !important;
    }

    .pg-bio-card-subtitle {
        display: none;
    }

    .pg-bio-card-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .pg-bio-card-content {
        padding: 13px 15px 16px;
    }

    .pg-bio-accordion-ready .pg-bio-card-content {
        max-height: 0;
        padding-top: 0;
        padding-bottom: 0;
        overflow: hidden;
        opacity: 0;
        transition: max-height .28s ease, opacity .2s ease, padding .25s ease;
    }

    .pg-bio-accordion-ready .pg-bio-card.is-open .pg-bio-card-content {
        max-height: 2200px;
        padding-top: 13px;
        padding-bottom: 16px;
        opacity: 1;
    }

    .pg-bio-experience-top,
    .pg-bio-language-top {
        display: grid;
        justify-content: stretch;
    }

    .pg-bio-experience-period,
    .pg-bio-language-level {
        width: fit-content;
        margin-top: 7px;
    }

    .pg-bio-financial-grid,
    .pg-bio-experience-row-grid,
    .pg-bio-language-row,
    .pg-bio-certificate-row,
    .pg-bio-chart-edit-row {
        grid-template-columns: 1fr;
    }

    .pg-bio-language-remove,
    .pg-bio-certificate-remove,
    .pg-bio-experience-add,
    .pg-bio-language-add,
    .pg-bio-certificate-add {
        width: 100%;
    }

    .pg-bio-chart-edit-row > strong {
        text-align: left;
    }

    .pg-bio-modal {
        align-items: flex-end;
        padding: 8px;
    }

    .pg-bio-modal__panel {
        max-height: calc(100dvh - 16px);
        padding: 18px;
        border-radius: 22px;
    }

    .pg-bio-modal__actions {
        position: sticky;
        bottom: -18px;
        padding-top: 12px;
        background: #fff;
    }

    .pg-bio-modal__actions button {
        flex: 1;
    }
}

@media (max-width: 390px) {
    .pg-bio-card-actions {
        gap: 5px;
    }

    .pg-bio-edit {
        padding-left: 9px;
        padding-right: 9px;
    }

    .pg-bio-card-toggle {
        width: 36px;
        height: 36px;
    }
}

/* =========================================================
   PAKTOGRAF BIOGRAFIJE — ARHIVA / DISCOVERY V3
   Isti dizajnerski jezik kao single biografija.
   - kontrolisana fotografija, bez fullscreen rastezanja
   - bez radar grafikona
   - stvarne kontekstualne informacije o saradnji
   - završna kartica "Pošalji signal"
   ========================================================= */

.pg-bio-archive-wrap--people {
    --pg-archive-purple: #6f2cff;
    --pg-archive-purple-dark: #5520c8;
    --pg-archive-purple-soft: #f5f0ff;
    --pg-archive-yellow: #ffc107;
    --pg-archive-yellow-soft: #fff8d9;
    --pg-archive-bg: #faf9fc;
    --pg-archive-card: #ffffff;
    --pg-archive-text: #111827;
    --pg-archive-muted: #667085;
    --pg-archive-border: #e9e3f4;
    --pg-archive-shadow: 0 18px 45px rgba(42, 24, 72, .075);

    width: min(1180px, calc(100% - 36px));
    margin: 0 auto;
    padding: 34px 0 90px;
    color: var(--pg-archive-text);
    font-family: "Poppins", "Montserrat", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body:has(.pg-bio-archive-wrap--people),
body:has(.pg-bio-archive-wrap--people) #wrapper-container,
body:has(.pg-bio-archive-wrap--people) #apus-main-content,
body:has(.pg-bio-archive-wrap--people) #main-container,
body:has(.pg-bio-archive-wrap--people) #main-content,
body:has(.pg-bio-archive-wrap--people) #main {
    background: var(--pg-archive-bg) !important;
}

.pg-bio-archive-wrap--people *,
.pg-bio-archive-wrap--people *::before,
.pg-bio-archive-wrap--people *::after {
    box-sizing: border-box;
}

.pg-bio-archive-wrap--people a {
    text-decoration: none !important;
}

.pg-bio-archive-hero {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 28px;
    padding: 32px;
    border: 1px solid var(--pg-archive-border);
    border-radius: 28px;
    background:
        radial-gradient(circle at 92% 8%, rgba(111, 44, 255, .13), transparent 30%),
        radial-gradient(circle at 4% 100%, rgba(255, 193, 7, .15), transparent 27%),
        #fff;
    box-shadow: var(--pg-archive-shadow);
}

.pg-bio-archive-kicker {
    margin: 0 0 9px !important;
    color: var(--pg-archive-purple) !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

.pg-bio-archive-hero h1 {
    max-width: 780px;
    margin: 0 0 10px !important;
    color: var(--pg-archive-text) !important;
    font-size: clamp(30px, 4vw, 48px) !important;
    line-height: 1.06 !important;
    font-weight: 900 !important;
    letter-spacing: -.045em !important;
}

.pg-bio-archive-hero p:not(.pg-bio-archive-kicker) {
    max-width: 760px;
    margin: 0 !important;
    color: var(--pg-archive-muted) !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
    font-weight: 500 !important;
}

.pg-bio-archive-hero-badge {
    min-width: 138px;
    padding: 18px 20px;
    border: 1px solid rgba(111, 44, 255, .16);
    border-radius: 22px;
    background: rgba(255, 255, 255, .82);
    text-align: center;
    box-shadow: 0 12px 28px rgba(42, 24, 72, .055);
}

.pg-bio-archive-hero-badge span,
.pg-bio-archive-hero-badge strong {
    display: block;
}

.pg-bio-archive-hero-badge span {
    color: var(--pg-archive-purple);
    font-size: 34px;
    line-height: 1;
    font-weight: 950;
    letter-spacing: -.05em;
}

.pg-bio-archive-hero-badge strong {
    margin-top: 6px;
    color: var(--pg-archive-muted);
    font-size: 11px;
    line-height: 1.25;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.pg-bio-archive-tabs {
    display: flex;
    gap: 9px;
    overflow-x: auto;
    margin: 18px 0 0;
    padding: 3px 1px 9px;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

.pg-bio-archive-tabs::-webkit-scrollbar { display: none; }

.pg-bio-archive-tab {
    flex: 0 0 auto;
    min-height: 42px;
    padding: 0 14px;
    border: 1px solid var(--pg-archive-border);
    border-radius: 999px;
    background: #fff;
    color: #475467 !important;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    line-height: 1;
    font-weight: 800;
    box-shadow: 0 7px 18px rgba(42, 24, 72, .035);
    transition: border-color .18s ease, background .18s ease, color .18s ease, transform .18s ease;
}

.pg-bio-archive-tab b {
    min-width: 23px;
    height: 23px;
    padding: 0 7px;
    border-radius: 999px;
    background: #f2eef8;
    color: #667085;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 900;
}

.pg-bio-archive-tab:hover,
.pg-bio-archive-tab.is-active {
    border-color: var(--pg-archive-purple);
    background: var(--pg-archive-purple);
    color: #fff !important;
    transform: translateY(-1px);
}

.pg-bio-archive-tab.is-active b,
.pg-bio-archive-tab:hover b {
    background: rgba(255, 255, 255, .18);
    color: #fff;
}

.pg-bio-archive-section-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 18px;
    margin: 21px 2px 14px;
}

.pg-bio-archive-section-head h2 {
    margin: 0 0 4px !important;
    color: var(--pg-archive-text) !important;
    font-size: 24px !important;
    line-height: 1.18 !important;
    font-weight: 900 !important;
    letter-spacing: -.03em !important;
}

.pg-bio-archive-section-head p {
    margin: 0 !important;
    color: var(--pg-archive-muted) !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    font-weight: 550 !important;
}

.pg-bio-people-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.pg-bio-people-card {
    position: relative;
    min-width: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--pg-archive-border);
    border-radius: 26px;
    background: var(--pg-archive-card);
    box-shadow: var(--pg-archive-shadow);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.pg-bio-people-card:hover {
    transform: translateY(-3px);
    border-color: rgba(111, 44, 255, .22);
    box-shadow: 0 24px 52px rgba(42, 24, 72, .11);
}

.pg-bio-people-card__media {
    position: relative;
    width: 100%;
    height: 220px;
    flex: 0 0 220px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background:
        radial-gradient(circle at 25% 25%, rgba(255, 193, 7, .25), transparent 28%),
        linear-gradient(135deg, #efe7ff, #f8f5ff 60%, #fff8d9);
}

.pg-bio-people-card__media::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 44px;
    background: linear-gradient(to bottom, transparent, rgba(17, 24, 39, .10));
    pointer-events: none;
}

.pg-bio-people-card__media img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center 32%;
    transform: scale(1.002);
}

.pg-bio-people-card__media > span {
    width: 108px;
    height: 108px;
    border-radius: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--pg-archive-purple), #9d68ff);
    color: #fff;
    font-size: 36px;
    line-height: 1;
    font-weight: 950;
    letter-spacing: -.06em;
    box-shadow: 0 18px 38px rgba(111, 44, 255, .24);
}

.pg-bio-people-card__body {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 22px;
}

.pg-bio-people-card__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

.pg-bio-people-card__identity {
    min-width: 0;
}

.pg-bio-people-card__identity h3 {
    margin: 0 !important;
    color: var(--pg-archive-text) !important;
    font-size: 22px !important;
    line-height: 1.16 !important;
    font-weight: 900 !important;
    letter-spacing: -.03em !important;
}

.pg-bio-people-card__identity p {
    margin: 6px 0 0 !important;
    color: var(--pg-archive-muted) !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 650 !important;
}

.pg-bio-people-card__identity .pg-bio-people-card__company {
    color: var(--pg-archive-text) !important;
    font-weight: 800 !important;
}

.pg-bio-people-card__text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    min-height: 66px;
    margin: 16px 0 14px !important;
    color: #475467 !important;
    font-size: 14px !important;
    line-height: 1.58 !important;
    font-weight: 500 !important;
}

.pg-bio-people-card__insights {
    display: grid;
    gap: 8px;
    margin: 0 0 15px;
}

.pg-bio-people-insight {
    min-width: 0;
    min-height: 42px;
    padding: 9px 11px;
    border: 1px solid #ebe5f5;
    border-radius: 14px;
    background: #fbf9ff;
    color: #3f3a4c;
    display: grid;
    grid-template-columns: 27px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    font-size: 12px;
    line-height: 1.35;
    font-weight: 750;
}

.pg-bio-people-insight__icon {
    width: 27px;
    height: 27px;
    border-radius: 9px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: var(--pg-archive-purple);
    font-size: 13px;
    line-height: 1;
    font-weight: 900;
    box-shadow: inset 0 0 0 1px rgba(111, 44, 255, .11);
}

.pg-bio-people-insight--collab,
.pg-bio-people-insight--common,
.pg-bio-people-insight--people {
    border-color: #d9ecdf;
    background: #f4fbf6;
}

.pg-bio-people-insight--collab .pg-bio-people-insight__icon,
.pg-bio-people-insight--common .pg-bio-people-insight__icon,
.pg-bio-people-insight--people .pg-bio-people-insight__icon {
    color: #15803d;
    box-shadow: inset 0 0 0 1px rgba(21, 128, 61, .13);
}

.pg-bio-people-insight--nearby {
    border-color: #f4e1a5;
    background: #fffaf0;
}

.pg-bio-people-insight--nearby .pg-bio-people-insight__icon {
    color: #b77900;
    box-shadow: inset 0 0 0 1px rgba(183, 121, 0, .15);
}

.pg-bio-people-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin: auto 0 14px;
}

.pg-bio-people-card__meta span {
    min-height: 29px;
    padding: 0 10px;
    border-radius: 999px;
    background: #f4f1f8;
    color: #667085;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    line-height: 1;
    font-weight: 750;
}

.pg-bio-people-card__meta b {
    color: #2b174d;
    font-weight: 950;
}

.pg-bio-people-card__footer {
    margin-top: auto;
}

.pg-bio-people-card__primary {
    width: 100%;
    min-height: 50px;
    padding: 0 17px;
    border-radius: 16px;
    background: linear-gradient(135deg, #7a3cff, var(--pg-archive-purple) 58%, var(--pg-archive-purple-dark));
    color: #fff !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    font-size: 13px;
    line-height: 1;
    font-weight: 900;
    box-shadow: 0 13px 28px rgba(111, 44, 255, .20);
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.pg-bio-people-card__primary:hover {
    color: #fff !important;
    transform: translateY(-1px);
    filter: brightness(1.035);
    box-shadow: 0 17px 34px rgba(111, 44, 255, .26);
}

.pg-bio-discovery-end-card {
    grid-column: 1 / -1;
    min-height: 300px;
    padding: 42px 34px;
    border: 1px solid rgba(111, 44, 255, .17);
    border-radius: 28px;
    background:
        radial-gradient(circle at 12% 12%, rgba(255, 193, 7, .24), transparent 26%),
        radial-gradient(circle at 88% 92%, rgba(111, 44, 255, .18), transparent 30%),
        linear-gradient(135deg, #fff, #f8f4ff);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-shadow: var(--pg-archive-shadow);
}

.pg-bio-discovery-end-card__mark {
    width: 58px;
    height: 58px;
    margin-bottom: 17px;
    border-radius: 19px;
    background: linear-gradient(135deg, #7a3cff, var(--pg-archive-purple));
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 1;
    font-weight: 950;
    letter-spacing: -.05em;
    box-shadow: 0 15px 32px rgba(111, 44, 255, .24);
}

.pg-bio-discovery-end-card__kicker {
    margin: 0 0 7px !important;
    color: var(--pg-archive-purple) !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

.pg-bio-discovery-end-card h2 {
    margin: 0 0 10px !important;
    color: var(--pg-archive-text) !important;
    font-size: clamp(25px, 3vw, 36px) !important;
    line-height: 1.1 !important;
    font-weight: 950 !important;
    letter-spacing: -.04em !important;
}

.pg-bio-discovery-end-card > p:not(.pg-bio-discovery-end-card__kicker) {
    max-width: 620px;
    margin: 0 0 21px !important;
    color: var(--pg-archive-muted) !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
    font-weight: 550 !important;
}

.pg-bio-discovery-end-card__button {
    min-height: 52px;
    padding: 0 22px;
    border: 0;
    border-radius: 16px;
    background: linear-gradient(135deg, #ffd32c, var(--pg-archive-yellow));
    color: #241900 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    font-size: 14px;
    line-height: 1;
    font-weight: 950;
    box-shadow: 0 14px 30px rgba(255, 193, 7, .24);
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease;
}

.pg-bio-discovery-end-card__button:hover {
    color: #241900 !important;
    transform: translateY(-1px);
    box-shadow: 0 18px 36px rgba(255, 193, 7, .31);
}

.pg-bio-archive-empty {
    min-height: 240px;
    padding: 34px;
    border: 1px dashed #d9cee9;
    border-radius: 24px;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.pg-bio-archive-empty h2 {
    margin: 0 0 8px !important;
    color: var(--pg-archive-text) !important;
    font-size: 22px !important;
    font-weight: 900 !important;
}

.pg-bio-archive-empty p {
    margin: 0 !important;
    color: var(--pg-archive-muted) !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
}

html.pg-bio-signal-modal-open,
html.pg-bio-signal-modal-open body {
    overflow: hidden !important;
}

.pg-bio-signal-modal[hidden] { display: none !important; }

.pg-bio-signal-modal {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.pg-bio-signal-modal__backdrop {
    position: absolute;
    inset: 0;
    border: 0;
    background: rgba(15, 23, 42, .64);
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
    cursor: default;
}

.pg-bio-signal-modal__dialog {
    position: relative;
    z-index: 2;
    width: min(560px, 100%);
    max-height: calc(100svh - 40px);
    overflow-y: auto;
    padding: 29px;
    border: 1px solid #e8e1f2;
    border-radius: 26px;
    background: #fff;
    box-shadow: 0 30px 90px rgba(15, 23, 42, .28);
}

.pg-bio-signal-modal__close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 1px solid #ebe7f0;
    border-radius: 999px;
    background: #faf9fc;
    color: #667085;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
}

.pg-bio-signal-modal__kicker {
    margin: 0 46px 7px 0 !important;
    color: var(--pg-archive-purple) !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: .07em !important;
    text-transform: uppercase !important;
}

.pg-bio-signal-modal h2 {
    margin: 0 46px 7px 0 !important;
    color: var(--pg-archive-text) !important;
    font-size: 29px !important;
    line-height: 1.1 !important;
    font-weight: 950 !important;
    letter-spacing: -.04em !important;
}

.pg-bio-signal-modal__intro {
    margin: 0 0 20px !important;
    color: var(--pg-archive-muted) !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
}

.pg-bio-signal-form {
    display: grid;
    gap: 15px;
}

.pg-bio-signal-form label {
    display: grid;
    gap: 7px;
}

.pg-bio-signal-form label > span {
    color: var(--pg-archive-text);
    font-size: 12px;
    line-height: 1.3;
    font-weight: 850;
}

.pg-bio-signal-form input,
.pg-bio-signal-form textarea {
    width: 100%;
    border: 1px solid #d9d5df;
    border-radius: 14px;
    background: #fff;
    color: var(--pg-archive-text);
    font-family: inherit;
    font-size: 14px;
    line-height: 1.45;
    box-shadow: none;
    outline: none;
}

.pg-bio-signal-form input {
    min-height: 50px;
    padding: 0 14px;
}

.pg-bio-signal-form textarea {
    min-height: 112px;
    padding: 13px 14px;
    resize: vertical;
}

.pg-bio-signal-form input:focus,
.pg-bio-signal-form textarea:focus {
    border-color: var(--pg-archive-purple);
    box-shadow: 0 0 0 4px rgba(111, 44, 255, .10);
}

.pg-bio-signal-form__status {
    display: none;
    margin: 0 !important;
    padding: 11px 13px;
    border-radius: 12px;
    font-size: 12px !important;
    line-height: 1.45 !important;
    font-weight: 700 !important;
}

.pg-bio-signal-form__status.is-error,
.pg-bio-signal-form__status.is-success {
    display: block;
}

.pg-bio-signal-form__status.is-error {
    background: #fff1f2;
    color: #b42318;
}

.pg-bio-signal-form__status.is-success {
    background: #ecfdf3;
    color: #027a48;
}

.pg-bio-signal-form__status a {
    color: inherit !important;
    text-decoration: underline !important;
    font-weight: 900;
}

.pg-bio-signal-form__submit {
    min-height: 52px;
    border: 0;
    border-radius: 15px;
    background: linear-gradient(135deg, #7a3cff, var(--pg-archive-purple));
    color: #fff;
    font-size: 14px;
    line-height: 1;
    font-weight: 950;
    box-shadow: 0 14px 30px rgba(111, 44, 255, .22);
    cursor: pointer;
}

.pg-bio-signal-form__submit:disabled {
    opacity: .55;
    cursor: wait;
}

@media (max-width: 900px) {
    .pg-bio-people-list {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    body:has(.pg-bio-archive-wrap--people) {
        overflow: hidden !important;
    }

    .pg-bio-archive-wrap--people {
        width: 100%;
        height: 100svh;
        margin: 0;
        padding: 12px 12px calc(12px + env(safe-area-inset-bottom));
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

    .pg-bio-archive-hero {
        flex: 0 0 auto;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 10px;
        padding: 14px 15px;
        border-radius: 19px;
        box-shadow: 0 10px 26px rgba(42, 24, 72, .06);
    }

    .pg-bio-archive-kicker,
    .pg-bio-archive-hero p:not(.pg-bio-archive-kicker) {
        display: none !important;
    }

    .pg-bio-archive-hero h1 {
        margin: 0 !important;
        font-size: 20px !important;
        line-height: 1.12 !important;
        letter-spacing: -.035em !important;
    }

    .pg-bio-archive-hero-badge {
        min-width: 66px;
        padding: 9px 10px;
        border-radius: 14px;
    }

    .pg-bio-archive-hero-badge span {
        font-size: 22px;
    }

    .pg-bio-archive-hero-badge strong {
        display: none;
    }

    .pg-bio-archive-tabs {
        flex: 0 0 auto;
        margin: 8px -2px 0;
        padding: 2px 2px 7px;
        gap: 7px;
    }

    .pg-bio-archive-tab {
        min-height: 36px;
        padding: 0 11px;
        font-size: 11px;
        box-shadow: none;
    }

    .pg-bio-archive-tab b {
        min-width: 20px;
        height: 20px;
        padding: 0 6px;
        font-size: 10px;
    }

    .pg-bio-archive-section-head {
        flex: 0 0 auto;
        margin: 1px 3px 8px;
    }

    .pg-bio-archive-section-head h2 {
        margin: 0 !important;
        font-size: 16px !important;
    }

    .pg-bio-archive-section-head p {
        display: none !important;
    }

    .pg-bio-people-list {
        min-height: 0;
        flex: 1 1 auto;
        display: block;
        overflow-y: auto;
        overscroll-behavior-y: contain;
        scroll-snap-type: y mandatory;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
        padding: 0 0 calc(8px + env(safe-area-inset-bottom));
    }

    .pg-bio-people-list::-webkit-scrollbar { display: none; }

    .pg-bio-discovery-slide {
        width: 100%;
        height: 100%;
        min-height: 100%;
        margin: 0 0 10px;
        scroll-snap-align: start;
        scroll-snap-stop: always;
    }

    .pg-bio-people-card {
        border-radius: 22px;
        transform: scale(.992);
        transform-origin: center;
        box-shadow: 0 14px 34px rgba(42, 24, 72, .075);
        transition: transform .2s ease, opacity .2s ease, border-color .2s ease;
    }

    .pg-bio-people-card.is-active {
        transform: scale(1);
        border-color: rgba(111, 44, 255, .19);
    }

    .pg-bio-people-card:hover {
        transform: scale(1);
    }

    .pg-bio-people-card__media {
        height: clamp(174px, 27svh, 238px);
        flex: 0 0 clamp(174px, 27svh, 238px);
    }

    .pg-bio-people-card__media img {
        object-position: center 30%;
    }

    .pg-bio-people-card__media > span {
        width: 88px;
        height: 88px;
        border-radius: 27px;
        font-size: 30px;
    }

    .pg-bio-people-card__body {
        min-height: 0;
        padding: 16px;
    }

    .pg-bio-people-card__identity h3 {
        font-size: 19px !important;
    }

    .pg-bio-people-card__identity p {
        margin-top: 4px !important;
        font-size: 11px !important;
    }

    .pg-bio-people-card__text {
        -webkit-line-clamp: 2;
        min-height: 39px;
        margin: 11px 0 10px !important;
        font-size: 12px !important;
        line-height: 1.5 !important;
    }

    .pg-bio-people-card__insights {
        gap: 6px;
        margin-bottom: 10px;
    }

    .pg-bio-people-insight {
        min-height: 36px;
        padding: 6px 8px;
        border-radius: 12px;
        grid-template-columns: 24px minmax(0, 1fr);
        gap: 7px;
        font-size: 10.5px;
        line-height: 1.28;
    }

    .pg-bio-people-insight__icon {
        width: 24px;
        height: 24px;
        border-radius: 8px;
        font-size: 11px;
    }

    .pg-bio-people-card__meta {
        display: none;
    }

    .pg-bio-people-card__footer {
        margin-top: auto;
    }

    .pg-bio-people-card__primary {
        min-height: 45px;
        border-radius: 14px;
        font-size: 12px;
    }

    .pg-bio-discovery-end-card {
        grid-column: auto;
        min-height: 100%;
        padding: 27px 20px;
        border-radius: 22px;
    }

    .pg-bio-discovery-end-card__mark {
        width: 52px;
        height: 52px;
        margin-bottom: 14px;
        border-radius: 17px;
    }

    .pg-bio-discovery-end-card h2 {
        font-size: 25px !important;
    }

    .pg-bio-discovery-end-card > p:not(.pg-bio-discovery-end-card__kicker) {
        margin-bottom: 18px !important;
        font-size: 12.5px !important;
    }

    .pg-bio-discovery-end-card__button {
        width: 100%;
        min-height: 50px;
    }

    .pg-bio-archive-empty {
        min-height: 100%;
        border-radius: 22px;
    }

    .pg-bio-signal-modal {
        align-items: flex-end;
        padding: 0;
    }

    .pg-bio-signal-modal__dialog {
        width: 100%;
        max-height: min(88svh, 760px);
        padding: 24px 18px calc(18px + env(safe-area-inset-bottom));
        border-radius: 25px 25px 0 0;
    }

    .pg-bio-signal-modal h2 {
        font-size: 25px !important;
    }

    /* Potvrđena mobile korekcija single biografije. */
    .pg-bio-wrap .pg-bio-card-head {
        padding: 10px !important;
    }
}


/* =========================================================
   PAKTOGRAF — Kontakt modal/sheet stable
   Jedna verzija: top dugme + jedan modal, bez donje kartice
   ========================================================= */

.pg-contact-modal-root {
  display: block !important;
  position: static !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: visible !important;
  pointer-events: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

.pg-contact-modal-root::before,
.pg-contact-modal-root::after {
  display: none !important;
  content: none !important;
}

/* Top hero dugme */
.pg-contact-hero-paid-btn,
.pg-contact-short-label-btn {
  position: relative !important;
  overflow: visible !important;
  padding-right: 78px !important;
  white-space: nowrap !important;
}

.pg-contact-main-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.pg-contact-hero-paid-badge {
  position: absolute;
  top: -10px;
  right: -7px;
  z-index: 5;
  min-height: 22px;
  padding: 4px 8px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #ffc107;
  color: #3b2600;
  border: 2px solid #fff;
  box-shadow: 0 8px 18px rgba(255, 193, 7, .34);
  font-size: 10.5px;
  line-height: 1;
  font-weight: 950;
  letter-spacing: -.01em;
  pointer-events: none;
}

/* Modal layer */
.pg-contact-offer-layer {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
  opacity: 0;
  visibility: hidden;
  pointer-events: none !important;
  transition: opacity .18s ease, visibility .18s ease;
  isolation: isolate !important;
}

.pg-contact-offer-layer.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto !important;
}

.pg-contact-offer-backdrop {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: rgba(17, 24, 39, .46) !important;
  backdrop-filter: blur(14px) saturate(110%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(110%) !important;
  cursor: pointer;
}

.pg-contact-offer-panel {
  position: relative !important;
  z-index: 2147483002 !important;
  width: min(560px, calc(100vw - 32px));
  max-height: calc(100vh - 150px);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  margin-top: 42px;
  padding: 30px;
  border-radius: 28px;
  border: 1px solid rgba(124, 58, 237, .22);
  background:
    radial-gradient(circle at 92% 0%, rgba(124, 58, 237, .13), transparent 34%),
    radial-gradient(circle at 0% 100%, rgba(255, 193, 7, .10), transparent 32%),
    #ffffff;
  box-shadow: 0 30px 90px rgba(17, 24, 39, .26);
  color: #111827;
  transform: translateY(14px) scale(.98);
  transition: transform .22s ease;
  pointer-events: auto !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.pg-contact-offer-layer.is-open .pg-contact-offer-panel {
  transform: translateY(0) scale(1);
}

.pg-contact-sheet-handle {
  display: none;
}

.pg-contact-offer-close {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 999px;
  background: #f4efff;
  color: #6b7280;
  font-size: 26px;
  line-height: 1;
  font-weight: 800;
  cursor: pointer;
}

.pg-contact-offer-hero {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
  padding-right: 44px;
  margin-bottom: 22px;
}

.pg-contact-offer-icon {
  width: 58px;
  height: 58px;
  border-radius: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #f1e5ff;
  border: 1px solid rgba(124, 58, 237, .18);
  font-size: 25px;
}

.pg-contact-offer-hero strong {
  display: block;
  margin: 0 0 10px;
  color: #111827;
  font-size: 28px;
  line-height: 1.08;
  font-weight: 950;
  letter-spacing: -.045em;
}

.pg-contact-offer-hero p,
.pg-contact-offer-small,
.pg-contact-info-box p,
.pg-contact-unlocked__body p {
  margin: 0;
  color: #374151;
  font-size: 16px;
  line-height: 1.65;
  font-weight: 700;
}

.pg-contact-offer-points {
  display: grid;
  gap: 12px;
  padding: 18px;
  border: 1px solid rgba(124, 58, 237, .18);
  border-radius: 22px;
  background: rgba(255,255,255,.72);
  margin-bottom: 22px;
}

.pg-contact-offer-points div {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #374151;
  font-size: 15px;
  font-weight: 850;
}

.pg-contact-offer-points span,
.pg-contact-unlocked__mark {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #dcfce7;
  color: #16a34a;
  font-weight: 950;
  flex: 0 0 auto;
}

.pg-contact-pack-list {
  display: grid;
  gap: 14px;
  margin: 0 0 22px;
}

.pg-contact-pack {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  align-items: center;
  min-height: 74px;
  padding: 18px 20px;
  border-radius: 20px;
  border: 1px solid rgba(124, 58, 237, .16);
  background: #fff;
  color: #111827 !important;
  text-decoration: none !important;
  box-shadow: 0 12px 34px rgba(17, 24, 39, .045);
}

.pg-contact-pack:hover {
  border-color: #c4b5fd;
  transform: translateY(-1px);
}

.pg-contact-pack span {
  font-size: 16px;
  font-weight: 900;
}

.pg-contact-pack strong {
  font-size: 18px;
  font-weight: 950;
  color: #6d28d9;
}

.pg-contact-pack em {
  grid-column: 1 / -1;
  width: max-content;
  padding: 6px 11px;
  border-radius: 999px;
  background: rgba(255,193,7,.18);
  color: #8a5b00;
  font-style: normal;
  font-size: 12px;
  font-weight: 950;
}

.pg-contact-pack.is-featured {
  border-color: #ffc107;
  background: linear-gradient(135deg, #fff 0%, #fffdf4 100%);
}

.pg-contact-info-box,
.pg-contact-credit-box {
  padding: 18px;
  border: 1px solid rgba(124, 58, 237, .16);
  border-radius: 20px;
  background: rgba(255,255,255,.75);
  margin-bottom: 18px;
}

.pg-contact-info-box strong,
.pg-contact-credit-box strong,
.pg-contact-unlocked__body > strong {
  display: block;
  margin: 0 0 8px;
  color: #111827;
  font-size: 16px;
  line-height: 1.25;
  font-weight: 950;
  letter-spacing: -.025em;
}

.pg-contact-credit-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  background: #f5f3ff;
  border-color: #e9d5ff;
}

.pg-contact-credit-box span {
  color: #6b7280;
  font-size: 13px;
  font-weight: 800;
}

.pg-contact-main-btn,
.pg-contact-message-btn {
  width: 100%;
  min-height: 52px;
  border: 0;
  border-radius: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  background: linear-gradient(135deg, #7c3aed 0%, #a855f7 100%);
  color: #ffffff !important;
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 950;
  box-shadow: 0 14px 30px rgba(124, 58, 237, .22);
  cursor: pointer;
}

.pg-contact-unlocked {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}

.pg-contact-lines {
  display: grid;
  gap: 10px;
  margin: 14px 0;
}

.pg-contact-line {
  display: block;
  padding: 13px 14px;
  border-radius: 15px;
  background: #fff;
  border: 1px solid #edf0f7;
  text-decoration: none !important;
}

.pg-contact-line span {
  display: block;
  margin-bottom: 4px;
  color: #667085;
  font-size: 11px;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.pg-contact-line strong {
  display: block;
  color: #111827;
  font-size: 13px;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.pg-contact-error {
  padding: 14px;
  border-radius: 16px;
  background: #fff1f2;
  color: #be123c;
  font-weight: 800;
}

body.pg-contact-offer-is-open {
  overflow: hidden;
}

body.pg-contact-offer-is-open .pg-bio-actions,
body.pg-contact-offer-is-open .pg-bio-hero-actions,
body.pg-contact-offer-is-open .pg-bio-top-actions,
body.pg-contact-offer-is-open .pg-public-bio-hero__actions,
body.pg-contact-offer-is-open .pg-hero-actions {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

@media (max-width: 767px) {
  .pg-contact-offer-layer {
    align-items: flex-end !important;
    justify-content: flex-end !important;
    padding: 0 !important;
  }

  .pg-contact-offer-panel {
    width: 100% !important;
    max-height: min(76dvh, 680px) !important;
    margin: 0 !important;
    padding: 30px 24px max(34px, env(safe-area-inset-bottom)) !important;
    border-radius: 32px 32px 0 0 !important;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    transform: translateY(105%);
    box-shadow: 0 -22px 70px rgba(15, 23, 42, .28);
  }

  .pg-contact-offer-layer.is-open .pg-contact-offer-panel {
    transform: translateY(0);
  }

  .pg-contact-sheet-handle {
    display: block;
    width: 66px;
    height: 7px;
    border-radius: 999px;
    background: rgba(124, 58, 237, .28);
    margin: -6px auto 20px;
  }

  .pg-contact-offer-close {
    top: 18px;
    right: 18px;
  }

  .pg-contact-offer-hero {
    grid-template-columns: 58px minmax(0, 1fr);
    padding-right: 38px;
  }

  .pg-contact-offer-hero strong {
    font-size: 27px;
  }

  .pg-contact-hero-paid-btn,
  .pg-contact-short-label-btn {
    padding-right: 72px !important;
  }

  .pg-contact-hero-paid-badge {
    top: -8px;
    right: 8px;
    font-size: 9.8px;
    padding: 4px 7px;
    min-height: 21px;
  }
}


/* =========================================================
   PAKTOGRAF — Kontakt paket checkout, odvojen od project payment flowa
   ========================================================= */

body.pg-contact-checkout-page {
  background: #fbf8ff !important;
}

.pg-contact-checkout-shell {
  max-width: 1180px;
  margin: 0 auto;
  padding: 88px 24px 120px;
}

.pg-contact-checkout-hero {
  max-width: 760px;
  margin-bottom: 34px;
}

.pg-contact-checkout-back {
  display: inline-flex;
  margin-bottom: 22px;
  color: #667085 !important;
  text-decoration: none !important;
  font-size: 13px;
  font-weight: 850;
}

.pg-contact-checkout-kicker {
  display: inline-flex;
  width: max-content;
  padding: 8px 12px;
  border-radius: 999px;
  background: #f1e5ff;
  color: #7c3aed;
  font-size: 12px;
  line-height: 1;
  font-weight: 950;
  letter-spacing: .05em;
  margin-bottom: 14px;
}

.pg-contact-checkout-hero h1 {
  margin: 0 0 14px;
  color: #111827;
  font-size: clamp(38px, 5vw, 62px);
  line-height: .96;
  font-weight: 950;
  letter-spacing: -.065em;
}

.pg-contact-checkout-hero p {
  margin: 0;
  max-width: 680px;
  color: #667085;
  font-size: 17px;
  line-height: 1.65;
  font-weight: 700;
}

.pg-contact-checkout-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(360px, .75fr);
  gap: 30px;
  align-items: start;
}

.pg-contact-checkout-info {
  display: grid;
  gap: 22px;
}

.pg-contact-checkout-card,
.pg-contact-checkout-form-wrap,
.pg-contact-checkout-warning {
  border: 1px solid rgba(124, 58, 237, .14);
  border-radius: 28px;
  background: #fff;
  box-shadow: 0 24px 70px rgba(17, 24, 39, .07);
}

.pg-contact-checkout-card {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 18px;
  padding: 30px;
}

.pg-contact-checkout-icon {
  width: 64px;
  height: 64px;
  border-radius: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #f1e5ff;
  color: #7c3aed;
  font-size: 28px;
  box-shadow: inset 0 0 0 1px rgba(124, 58, 237, .12);
}

.pg-contact-checkout-label {
  display: inline-flex;
  width: max-content;
  margin-bottom: 8px;
  padding: 6px 10px;
  border-radius: 999px;
  background: #f1e5ff;
  color: #7c3aed;
  font-size: 12px;
  line-height: 1;
  font-weight: 950;
  letter-spacing: .04em;
}

.pg-contact-checkout-card h2,
.pg-contact-checkout-card h3 {
  margin: 0 0 10px;
  color: #111827;
  font-weight: 950;
  letter-spacing: -.045em;
}

.pg-contact-checkout-card h2 { font-size: 25px; }
.pg-contact-checkout-card h3 { font-size: 23px; }

.pg-contact-checkout-card p {
  margin: 0 0 16px;
  color: #667085;
  font-size: 15px;
  line-height: 1.65;
  font-weight: 700;
}

.pg-contact-checkout-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.pg-contact-checkout-pills span {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  background: #dcfce7;
  color: #047857;
  font-size: 12px;
  font-weight: 950;
}

.pg-contact-checkout-card--soft {
  display: block;
}

.pg-contact-checkout-card--soft ul {
  display: grid;
  gap: 12px;
  list-style: none;
  padding: 0;
  margin: 16px 0 0;
}

.pg-contact-checkout-card--soft li {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 16px;
  border-radius: 18px;
  background: #f8fafc;
  border: 1px solid #edf0f7;
}

.pg-contact-checkout-card--soft li > span {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #dcfce7;
  color: #16a34a;
  font-weight: 950;
}

.pg-contact-checkout-card--soft strong,
.pg-contact-checkout-card--soft small {
  grid-column: 2;
  display: block;
}

.pg-contact-checkout-card--soft strong {
  color: #111827;
  font-size: 14px;
  font-weight: 950;
}

.pg-contact-checkout-card--soft small {
  margin-top: 4px;
  color: #667085;
  font-size: 13px;
  line-height: 1.45;
  font-weight: 700;
}

.pg-contact-checkout-warning {
  padding: 22px 24px;
  border-color: rgba(255, 193, 7, .55);
  background: linear-gradient(135deg, #fff 0%, #fff9e6 100%);
}

.pg-contact-checkout-warning strong {
  display: block;
  margin-bottom: 8px;
  color: #111827;
  font-size: 18px;
  font-weight: 950;
  letter-spacing: -.035em;
}

.pg-contact-checkout-warning p {
  margin: 0;
  color: #6b7280;
  font-size: 14px;
  line-height: 1.65;
  font-weight: 700;
}

.pg-contact-checkout-form-wrap {
  padding: 24px;
  position: sticky;
  top: 96px;
}

/* Reset project-flow izgled koji je ranije hvatao checkout. */
body.pg-contact-checkout-page .pkt-flow-box,
body.pg-contact-checkout-page .pkt-confirm-completion-box,
body.pg-contact-checkout-page .pkt-payment-instructions,
body.pg-contact-checkout-page .pkt-account-payout-fields {
  display: none !important;
}

body.pg-contact-checkout-page .woocommerce-notices-wrapper {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
}

body.pg-contact-checkout-page form.checkout.woocommerce-checkout {
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}

body.pg-contact-checkout-page #customer_details,
body.pg-contact-checkout-page #order_review,
body.pg-contact-checkout-page #order_review_heading {
  width: 100% !important;
  float: none !important;
  max-width: none !important;
}

body.pg-contact-checkout-page #customer_details .col-1,
body.pg-contact-checkout-page #customer_details .col-2,
body.pg-contact-checkout-page #order_review {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

body.pg-contact-checkout-page #order_review_heading {
  margin: 0 0 18px !important;
  color: #111827;
  font-size: 22px;
  font-weight: 950;
  letter-spacing: -.04em;
}

body.pg-contact-checkout-page table.shop_table {
  margin-bottom: 18px !important;
}

body.pg-contact-checkout-page #payment {
  margin-top: 18px !important;
}

body.pg-contact-checkout-page #payment ul.payment_methods li {
  border-radius: 18px !important;
}

body.pg-contact-checkout-page #place_order {
  width: 100% !important;
  min-height: 56px !important;
  border-radius: 18px !important;
  background: #111827 !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 950 !important;
}

body.pg-contact-checkout-page #place_order::before {
  content: none !important;
}

@media (max-width: 980px) {
  .pg-contact-checkout-shell {
    padding: 54px 18px 90px;
  }

  .pg-contact-checkout-grid {
    grid-template-columns: 1fr;
  }

  .pg-contact-checkout-form-wrap {
    position: static;
  }
}

@media (max-width: 767px) {
  .pg-contact-checkout-shell {
    padding: 38px 14px 78px;
  }

  .pg-contact-checkout-hero h1 {
    font-size: 38px;
  }

  .pg-contact-checkout-card {
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 14px;
    padding: 22px;
    border-radius: 24px;
  }

  .pg-contact-checkout-icon {
    width: 52px;
    height: 52px;
    border-radius: 18px;
    font-size: 24px;
  }

  .pg-contact-checkout-form-wrap {
    padding: 18px;
    border-radius: 24px;
  }
}

/* =========================================================
   PAKTOGRAF — Compact toast notifications
   Fixes Freeio/WP Private Message popup messages becoming full-screen
   ========================================================= */
#wp-freeio-popup-message,
#wp-private-message-popup-message{
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    top: auto !important;
    bottom: 28px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: min(520px, calc(100vw - 32px)) !important;
    height: auto !important;
    min-height: 0 !important;
    transform: translateX(-50%) !important;
    z-index: 2147483000 !important;
    pointer-events: none !important;
    display: block !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    transition: none !important;
    animation: pg-toast-enter .22s ease-out both !important;
}

#wp-freeio-popup-message.fadeOutRight,
#wp-private-message-popup-message.fadeOutRight{
    animation: pg-toast-exit .42s ease-in forwards !important;
}

#wp-freeio-popup-message .message-inner,
#wp-freeio-popup-message .message-inner.alert,
#wp-freeio-popup-message .alert,
#wp-private-message-popup-message .message-inner,
#wp-private-message-popup-message .message-inner.alert,
#wp-private-message-popup-message .alert{
    display: inline-flex !important;
    grid-template-columns: none !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 14px 18px 14px 16px !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 999px !important;
    background: #111827 !important;
    color: #ffffff !important;
    box-shadow: 0 18px 44px rgba(15,23,42,.28) !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    line-height: 1.35 !important;
    letter-spacing: -.01em !important;
    text-align: center !important;
    white-space: normal !important;
    overflow: hidden !important;
}

#wp-freeio-popup-message .message-inner::before,
#wp-freeio-popup-message .alert::before,
#wp-private-message-popup-message .message-inner::before,
#wp-private-message-popup-message .alert::before{
    content: "✓";
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #22c55e !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
}

#wp-freeio-popup-message .bg-warning::before,
#wp-freeio-popup-message .alert-warning::before,
#wp-private-message-popup-message .bg-warning::before,
#wp-private-message-popup-message .alert-warning::before{
    content: "!";
    background: #ffc107 !important;
    color: #111827 !important;
}

#wp-freeio-popup-message .bg-warning,
#wp-freeio-popup-message .alert-warning,
#wp-private-message-popup-message .bg-warning,
#wp-private-message-popup-message .alert-warning{
    background: #1f2937 !important;
    color: #ffffff !important;
}

/* Inline AJAX alerts inside message/contact forms should not become giant layout blocks. */
form.send-message-form > .alert,
form.reply-message-form > .alert,
.job-apply-email-form-wrapper form > .alert,
.job-apply-internal-form-wrapper form > .alert,
.project-proposal-form form > .alert,
.proposal-form-wrapper form > .alert{
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    width: fit-content !important;
    max-width: 100% !important;
    min-height: 42px !important;
    margin: 0 0 14px !important;
    padding: 11px 14px !important;
    border: 1px solid #d9f7e4 !important;
    border-radius: 999px !important;
    background: #ecfdf3 !important;
    color: #027a48 !important;
    box-shadow: 0 10px 26px rgba(15,23,42,.08) !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1.35 !important;
}

form.send-message-form > .alert::before,
form.reply-message-form > .alert::before,
.job-apply-email-form-wrapper form > .alert::before,
.job-apply-internal-form-wrapper form > .alert::before,
.project-proposal-form form > .alert::before,
.proposal-form-wrapper form > .alert::before{
    content: "✓";
    width: 20px;
    height: 20px;
    min-width: 20px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #12b76a;
    color: #ffffff;
    font-size: 12px;
    font-weight: 950;
    line-height: 1;
}

form.send-message-form > .alert-warning,
form.reply-message-form > .alert-warning,
.job-apply-email-form-wrapper form > .alert-warning,
.job-apply-internal-form-wrapper form > .alert-warning,
.project-proposal-form form > .alert-warning,
.proposal-form-wrapper form > .alert-warning{
    border-color: #fde68a !important;
    background: #fffbeb !important;
    color: #92400e !important;
}

form.send-message-form > .alert-warning::before,
form.reply-message-form > .alert-warning::before,
.job-apply-email-form-wrapper form > .alert-warning::before,
.job-apply-internal-form-wrapper form > .alert-warning::before,
.project-proposal-form form > .alert-warning::before,
.proposal-form-wrapper form > .alert-warning::before{
    content: "!";
    background: #ffc107;
    color: #111827;
}

@keyframes pg-toast-enter{
    from{ opacity: 0; transform: translate(-50%, 12px) scale(.98); }
    to{ opacity: 1; transform: translate(-50%, 0) scale(1); }
}

@keyframes pg-toast-exit{
    from{ opacity: 1; transform: translate(-50%, 0) scale(1); }
    to{ opacity: 0; transform: translate(-50%, 10px) scale(.98); }
}

@media (max-width: 767px){
    #wp-freeio-popup-message,
    #wp-private-message-popup-message{
        left: 16px !important;
        right: 16px !important;
        bottom: calc(18px + env(safe-area-inset-bottom)) !important;
        max-width: none !important;
        transform: none !important;
    }

    #wp-freeio-popup-message .message-inner,
    #wp-freeio-popup-message .message-inner.alert,
    #wp-freeio-popup-message .alert,
    #wp-private-message-popup-message .message-inner,
    #wp-private-message-popup-message .message-inner.alert,
    #wp-private-message-popup-message .alert{
        width: 100% !important;
        border-radius: 18px !important;
        padding: 14px 15px !important;
        text-align: left !important;
        justify-content: flex-start !important;
    }

    form.send-message-form > .alert,
    form.reply-message-form > .alert,
    .job-apply-email-form-wrapper form > .alert,
    .job-apply-internal-form-wrapper form > .alert,
    .project-proposal-form form > .alert,
    .proposal-form-wrapper form > .alert{
        width: 100% !important;
        border-radius: 16px !important;
        justify-content: flex-start !important;
    }

    @keyframes pg-toast-enter{
        from{ opacity: 0; transform: translateY(12px) scale(.98); }
        to{ opacity: 1; transform: translateY(0) scale(1); }
    }

    @keyframes pg-toast-exit{
        from{ opacity: 1; transform: translateY(0) scale(1); }
        to{ opacity: 0; transform: translateY(10px) scale(.98); }
    }
}
/* =========================================================
   PAKTOGRAF DASHBOARD UNIFIED UI
   Pages: Moji projekti, Moje ponude, Ponude na jedan projekat
   Purpose: one clean Paktograf layout, scoped away from Freeio UI
   ========================================================= */

:root{
  --pg-bg: #f7f6fb;
  --pg-bg-soft: #fbfaff;
  --pg-card: #ffffff;
  --pg-text: #101828;
  --pg-muted: #667085;
  --pg-muted-2: #98a2b3;
  --pg-border: #e8ecf5;
  --pg-border-strong: #d8deea;
  --pg-purple: #7c3aed;
  --pg-purple-2: #a855f7;
  --pg-purple-soft: #f3e8ff;
  --pg-yellow: #ffc107;
  --pg-dark: #111827;
  --pg-green: #039855;
  --pg-green-soft: #ecfdf3;
  --pg-blue: #2563eb;
  --pg-blue-soft: #eff6ff;
  --pg-orange: #d97706;
  --pg-orange-soft: #fff7ed;
  --pg-red: #dc2626;
  --pg-red-soft: #fef2f2;
  --pg-shadow: 0 18px 44px rgba(15, 23, 42, .055);
  --pg-shadow-soft: 0 10px 26px rgba(15, 23, 42, .045);
  --pg-radius-xl: 30px;
  --pg-radius-lg: 24px;
  --pg-radius-md: 18px;
  --pg-radius-sm: 14px;
}

/* Page shell */
.pg-dash{
  width: 100%;
  min-height: calc(100vh - 80px);
  background:
    radial-gradient(circle at 70% 8%, rgba(124, 58, 237, .10), transparent 30%),
    linear-gradient(180deg, #fbfaff 0%, var(--pg-bg) 34%, var(--pg-bg) 100%);
  color: var(--pg-text);
  padding: 70px 18px 92px;
  box-sizing: border-box;
}

.pg-dash *,
.pg-dash *::before,
.pg-dash *::after{
  box-sizing: border-box;
}

.pg-dash__shell{
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
}

/* Unified page header */
.pg-dash-head{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  align-items: end;
  margin: 0 0 34px;
}

.pg-dash-head__main{
  min-width: 0;
}

.pg-dash-eyebrow{
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 13px;
  margin: 0 0 16px;
  border-radius: 999px;
  background: var(--pg-purple-soft);
  color: var(--pg-purple);
  font-size: 12px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.pg-dash-title{
  margin: 0;
  color: var(--pg-text);
  font-size: clamp(42px, 5vw, 64px);
  line-height: .96;
  font-weight: 950;
  letter-spacing: -.065em;
}

.pg-dash-subtitle{
  max-width: 660px;
  margin: 18px 0 0;
  color: #667085;
  font-size: 18px;
  line-height: 1.65;
  font-weight: 600;
}

.pg-dash-head__actions{
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  padding-bottom: 5px;
}

/* Toolbar: search, sort, optional back action */
.pg-dash-toolbar{
  display: grid;
  grid-template-columns: minmax(280px, 1fr) auto;
  gap: 16px;
  align-items: center;
  margin: 0 0 34px;
  padding: 18px;
  border: 1px solid var(--pg-border);
  border-radius: var(--pg-radius-lg);
  background: rgba(255,255,255,.92);
  box-shadow: var(--pg-shadow-soft);
}

.pg-dash-search{
  position: relative;
  min-width: 0;
}

.pg-dash-search input,
.pg-dash-search .form-control{
  width: 100% !important;
  height: 54px !important;
  margin: 0 !important;
  padding: 0 58px 0 18px !important;
  border: 1px solid var(--pg-border-strong) !important;
  border-radius: 18px !important;
  background: #fff !important;
  color: var(--pg-text) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  outline: none !important;
  box-shadow: none !important;
}

.pg-dash-search input:focus,
.pg-dash-search .form-control:focus{
  border-color: rgba(124,58,237,.55) !important;
  box-shadow: 0 0 0 4px rgba(124,58,237,.10) !important;
}

.pg-dash-search input::placeholder{
  color: #98a2b3;
  font-weight: 700;
}

.pg-dash-search button,
.pg-dash-search .search-submit{
  position: absolute !important;
  top: 50% !important;
  right: 8px !important;
  transform: translateY(-50%) !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: var(--pg-purple-soft) !important;
  color: var(--pg-purple) !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

.pg-dash-toolbar__right{
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}

.pg-dash-sort{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
}

.pg-dash-sort__label{
  color: #667085;
  font-size: 13px;
  font-weight: 900;
}

.pg-dash-sort select,
.pg-dash-sort .orderby{
  min-width: 150px !important;
  height: 54px !important;
  padding: 0 42px 0 18px !important;
  border: 1px solid var(--pg-border-strong) !important;
  border-radius: 18px !important;
  background-color: #fff !important;
  color: var(--pg-text) !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  outline: none !important;
  box-shadow: none !important;
}

/* List */
.pg-dash-list{
  display: grid;
  gap: 18px;
}

.pg-dash-empty{
  padding: 34px 24px;
  border: 1px solid var(--pg-border);
  border-radius: var(--pg-radius-lg);
  background: #fff;
  color: var(--pg-muted);
  font-size: 15px;
  font-weight: 700;
  box-shadow: var(--pg-shadow-soft);
}

/* Unified card */
.pg-dash-card{
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(130px, .34fr) minmax(112px, .26fr) minmax(260px, .62fr);
  gap: 26px;
  align-items: center;
  min-height: 138px;
  padding: 24px 26px;
  border: 1px solid var(--pg-border);
  border-radius: var(--pg-radius-lg);
  background: var(--pg-card);
  box-shadow: var(--pg-shadow);
}

.pg-dash-card--compact{
  min-height: 118px;
}

.pg-dash-card__main{
  min-width: 0;
  display: grid;
  gap: 10px;
}

.pg-dash-card__topline{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  min-width: 0;
}

.pg-dash-card__title{
  margin: 0;
  color: var(--pg-text);
  font-size: 22px;
  line-height: 1.12;
  font-weight: 950;
  letter-spacing: -.035em;
}

.pg-dash-card__title a{
  color: inherit !important;
  text-decoration: none !important;
}

.pg-dash-card__title a:hover{
  color: var(--pg-purple) !important;
  text-decoration: none !important;
}

.pg-dash-card__author{
  margin: -2px 0 0;
  color: #344054;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.35;
}

.pg-dash-card__meta{
  display: flex;
  flex-wrap: wrap;
  gap: 8px 10px;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pg-dash-meta,
.pg-dash-pill{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  min-height: 28px;
  padding: 5px 10px;
  border-radius: 999px;
  background: #f8f5ff;
  color: #667085;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 850;
  text-decoration: none !important;
}

.pg-dash-meta--plain{
  padding: 0;
  background: transparent;
  border-radius: 0;
  color: #667085;
}

.pg-dash-meta i,
.pg-dash-pill i{
  color: var(--pg-purple);
  line-height: 1;
}

.pg-dash-dot{
  width: 5px;
  height: 5px;
  border-radius: 999px;
  background: #c4b5fd;
}

/* Avatar row for proposal pages */
.pg-dash-person{
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  min-width: 0;
}

.pg-dash-avatar{
  width: 56px;
  height: 56px;
  border-radius: 18px;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #7c3aed 0%, #a855f7 100%);
  color: #fff;
  font-size: 18px;
  font-weight: 950;
  letter-spacing: -.04em;
  box-shadow: 0 12px 26px rgba(124,58,237,.18);
}

.pg-dash-avatar img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.pg-dash-person__content{
  min-width: 0;
}

/* Stat blocks */
.pg-dash-stat{
  min-width: 0;
}

.pg-dash-stat__label{
  display: block;
  margin: 0 0 5px;
  color: #667085;
  font-size: 11px;
  line-height: 1;
  font-weight: 950;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.pg-dash-stat__value{
  display: block;
  color: var(--pg-text);
  font-size: 26px;
  line-height: 1.05;
  font-weight: 950;
  letter-spacing: -.045em;
  white-space: nowrap;
}

.pg-dash-stat__note{
  display: block;
  margin: 5px 0 0;
  color: #667085;
  font-size: 12px;
  line-height: 1.25;
  font-weight: 800;
}

.pg-dash-count{
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  color: var(--pg-purple);
  font-size: 28px;
  line-height: 1;
  font-weight: 950;
  letter-spacing: -.05em;
}

/* Status */
.pg-dash-status{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  max-width: 100%;
  min-height: 34px;
  padding: 7px 12px;
  border-radius: 999px;
  background: #f2f4f7;
  color: #475467;
  font-size: 12px;
  line-height: 1;
  font-weight: 950;
  white-space: nowrap;
}

.pg-dash-status--open,
.pg-dash-status--publish,
.pg-dash-status--published,
.pg-dash-status--active{
  background: var(--pg-green-soft);
  color: var(--pg-green);
}

.pg-dash-status--hired,
.pg-dash-status--in-progress,
.pg-dash-status--active-collab{
  background: var(--pg-blue-soft);
  color: var(--pg-blue);
}

.pg-dash-status--pending,
.pg-dash-status--waiting{
  background: var(--pg-orange-soft);
  color: var(--pg-orange);
}

.pg-dash-status--completed,
.pg-dash-status--closed,
.pg-dash-status--done{
  background: #eff6ff;
  color: #2563eb;
}

.pg-dash-status--cancelled,
.pg-dash-status--denied,
.pg-dash-status--rejected{
  background: var(--pg-red-soft);
  color: var(--pg-red);
}

/* Actions */
.pg-dash-actions{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  justify-self: stretch;
}

.pg-dash-actions--stack{
  grid-template-columns: 1fr;
}

.pg-dash-actions__row{
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.pg-dash-btn,
.pg-dash .button,
.pg-dash .btn{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 48px !important;
  padding: 0 18px !important;
  border-radius: 16px !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  text-decoration: none !important;
  text-transform: none !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
  cursor: pointer;
}

.pg-dash-btn--primary{
  background: linear-gradient(135deg, var(--pg-purple) 0%, var(--pg-purple-2) 100%) !important;
  color: #fff !important;
  box-shadow: 0 14px 30px rgba(124,58,237,.22) !important;
}

.pg-dash-btn--secondary{
  background: #fff !important;
  color: var(--pg-purple) !important;
  border-color: #d8b4fe !important;
}

.pg-dash-btn--signal{
  background: #fff !important;
  color: var(--pg-purple) !important;
  border-color: #eadcff !important;
}

.pg-dash-btn--signal::before{
  content: "⚡";
  color: var(--pg-yellow);
  font-size: 13px;
  line-height: 1;
}

.pg-dash-btn--muted{
  background: #f8fafc !important;
  color: #94a3b8 !important;
  border-color: #edf0f7 !important;
  cursor: default !important;
}

.pg-dash-btn--danger{
  background: #fff !important;
  color: var(--pg-red) !important;
  border-color: #fecaca !important;
}

.pg-dash-btn--icon{
  width: 48px !important;
  min-width: 48px !important;
  padding: 0 !important;
  background: #fff !important;
  color: #667085 !important;
  border-color: var(--pg-border) !important;
}

.pg-dash-btn:hover{
  transform: translateY(-1px);
  text-decoration: none !important;
}

.pg-dash-btn--primary:hover{
  color: #fff !important;
  filter: brightness(1.04);
}

.pg-dash-btn--secondary:hover,
.pg-dash-btn--signal:hover,
.pg-dash-btn--icon:hover{
  background: #faf5ff !important;
  border-color: #c4b5fd !important;
  color: var(--pg-purple) !important;
}

/* Back button */
.pg-dash-back{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 18px;
  border: 1px solid var(--pg-border);
  border-radius: 999px;
  background: #fff;
  color: var(--pg-text) !important;
  font-size: 13px;
  font-weight: 950;
  text-decoration: none !important;
  box-shadow: var(--pg-shadow-soft);
}

.pg-dash-back:hover{
  color: var(--pg-purple) !important;
  border-color: #d8b4fe;
  background: #fff;
}

/* Project context / proposals on one project */
.pg-dash-context{
  margin: 0 0 18px;
  padding: 24px 26px;
  border: 1px solid var(--pg-border);
  border-radius: var(--pg-radius-lg);
  background: #fff;
  box-shadow: var(--pg-shadow-soft);
}

.pg-dash-context__label{
  display: block;
  margin: 0 0 12px;
  color: #667085;
  font-size: 12px;
  line-height: 1;
  font-weight: 950;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.pg-dash-context__title{
  margin: 0 0 14px;
  color: var(--pg-text);
  font-size: 28px;
  line-height: 1.12;
  font-weight: 950;
  letter-spacing: -.045em;
}

.pg-dash-context__meta{
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
  align-items: center;
}

/* Message/form area inside project proposal history */
.pg-dash-thread{
  margin-top: 18px;
  border: 1px solid var(--pg-border);
  border-radius: var(--pg-radius-lg);
  background: #fff;
  box-shadow: var(--pg-shadow-soft);
  overflow: hidden;
}

.pg-dash-thread__body{
  padding: 22px;
}

.pg-dash-thread textarea,
.pg-dash-thread .form-control,
.pg-dash textarea,
.pg-dash input[type="text"],
.pg-dash input[type="search"],
.pg-dash input[type="number"],
.pg-dash input[type="email"],
.pg-dash select{
  border: 1px solid var(--pg-border-strong) !important;
  border-radius: 16px !important;
  background: #fff !important;
  color: var(--pg-text) !important;
  box-shadow: none !important;
}

.pg-dash-thread textarea,
.pg-dash textarea{
  min-height: 150px !important;
  padding: 16px !important;
  resize: vertical;
}

.pg-dash-upload{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 0 18px;
  border: 1px dashed #b7c0d3;
  border-radius: 16px;
  background: #fff7ed;
  color: #344054;
  font-size: 14px;
  font-weight: 800;
}

/* Protect unified pages from old Freeio table/card visual language */
.pg-dash table,
.pg-dash .table,
.pg-dash .job-table{
  border: 0 !important;
  background: transparent !important;
}

.pg-dash .widget-title,
.pg-dash .title,
.pg-dash h1,
.pg-dash h2,
.pg-dash h3,
.pg-dash h4{
  color: var(--pg-text);
}

/* Desktop density helpers */
@media (min-width: 1025px){
  .pg-dash--project-proposals .pg-dash-card{
    grid-template-columns: minmax(0, 1.2fr) minmax(150px, .34fr) minmax(130px, .26fr) minmax(260px, .54fr);
  }

  .pg-dash--my-proposals .pg-dash-card{
    grid-template-columns: minmax(0, 1.35fr) minmax(140px, .32fr) minmax(120px, .26fr) minmax(270px, .58fr);
  }
}

/* Tablet */
@media (max-width: 1024px){
  .pg-dash{
    padding-top: 46px;
  }

  .pg-dash-card{
    grid-template-columns: minmax(0, 1fr) minmax(135px, auto);
    gap: 18px 22px;
  }

  .pg-dash-actions{
    grid-column: 1 / -1;
    grid-template-columns: minmax(0, 1fr) auto;
  }
}

/* Mobile */
@media (max-width: 767px){
  .pg-dash{
    padding: 26px 14px 96px;
    min-height: auto;
  }

  .pg-dash-head{
    grid-template-columns: 1fr;
    gap: 16px;
    margin-bottom: 22px;
  }

  .pg-dash-head__actions{
    justify-content: flex-start;
    padding-bottom: 0;
  }

  .pg-dash-eyebrow{
    min-height: 28px;
    padding: 0 11px;
    margin-bottom: 12px;
    font-size: 11px;
  }

  .pg-dash-title{
    font-size: 42px;
    line-height: .98;
    letter-spacing: -.055em;
  }

  .pg-dash-subtitle{
    margin-top: 12px;
    font-size: 15px;
    line-height: 1.55;
  }

  .pg-dash-toolbar{
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 14px;
    margin-bottom: 22px;
    border-radius: 22px;
  }

  .pg-dash-toolbar__right,
  .pg-dash-sort{
    width: 100%;
  }

  .pg-dash-sort{
    display: grid;
    grid-template-columns: 1fr;
    gap: 7px;
  }

  .pg-dash-sort select,
  .pg-dash-sort .orderby{
    width: 100% !important;
    min-width: 0 !important;
  }

  .pg-dash-list{
    gap: 14px;
  }

  .pg-dash-card{
    display: grid;
    grid-template-columns: 1fr;
    min-height: 0;
    gap: 15px;
    padding: 18px;
    border-radius: 24px;
  }

  .pg-dash-card__title{
    font-size: 20px;
    line-height: 1.15;
  }

  .pg-dash-card__meta{
    display: grid;
    gap: 8px;
  }

  .pg-dash-meta,
  .pg-dash-pill{
    width: fit-content;
    max-width: 100%;
  }

  .pg-dash-person{
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 12px;
  }

  .pg-dash-avatar{
    width: 52px;
    height: 52px;
    border-radius: 17px;
  }

  .pg-dash-stat{
    padding-top: 2px;
  }

  .pg-dash-stat__value{
    font-size: 24px;
  }

  .pg-dash-actions{
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .pg-dash-actions__row{
    display: grid;
    grid-template-columns: 1fr auto;
    width: 100%;
  }

  .pg-dash-btn,
  .pg-dash .button,
  .pg-dash .btn{
    width: 100%;
    min-height: 52px !important;
    border-radius: 17px !important;
  }

  .pg-dash-btn--icon{
    width: 52px !important;
    min-width: 52px !important;
  }

  .pg-dash-context{
    padding: 18px;
    border-radius: 24px;
  }

  .pg-dash-context__title{
    font-size: 22px;
  }

  .pg-dash-context__meta{
    display: grid;
    gap: 8px;
  }

  .pg-dash-thread__body{
    padding: 16px;
  }
}

@media (max-width: 420px){
  .pg-dash-title{
    font-size: 38px;
  }

  .pg-dash-card{
    padding: 16px;
  }

  .pg-dash-actions__row{
    grid-template-columns: 1fr;
  }

  .pg-dash-btn--icon{
    width: 100% !important;
  }
}
/* =========================================================
   PAKTOGRAF DASHBOARD V3 — brand-new markup layer
   Pages: Moji projekti, Moje ponude, Ponude za projekat, Historija saradnje
   ========================================================= */

:root{
  --pgv3-bg:#f7f6fb;
  --pgv3-card:#fff;
  --pgv3-text:#101828;
  --pgv3-muted:#667085;
  --pgv3-soft:#f8fafc;
  --pgv3-line:#e6eaf2;
  --pgv3-purple:#7c3aed;
  --pgv3-purple-2:#a855f7;
  --pgv3-purple-soft:#f3e8ff;
  --pgv3-yellow:#ffc107;
  --pgv3-shadow:0 20px 55px rgba(15,23,42,.07);
  --pgv3-shadow-soft:0 12px 32px rgba(15,23,42,.045);
}

body:has(.pgv3-dash),
body:has(.pgv3-dash) #apus-main-content,
body:has(.pgv3-dash) #main-container,
body:has(.pgv3-dash) #main-content,
body:has(.pgv3-dash) #main{
  background:var(--pgv3-bg)!important;
}

.pgv3-dash,
.pgv3-dash *{ box-sizing:border-box; }

.pgv3-dash{
  width:min(1180px, calc(100% - 48px));
  margin:0 auto 86px;
  padding:64px 0 0;
  color:var(--pgv3-text);
}

.pgv3-dash a{ text-decoration:none; }
.pgv3-dash a:hover{ text-decoration:none; }

.pgv3-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:24px;
  align-items:end;
  margin-bottom:30px;
}

.pgv3-eyebrow{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 13px;
  border-radius:999px;
  background:rgba(124,58,237,.10);
  color:var(--pgv3-purple);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
  margin-bottom:16px;
}

.pgv3-title{
  margin:0;
  font-size:clamp(42px,5vw,68px);
  line-height:.98;
  letter-spacing:-.065em;
  font-weight:950;
  color:var(--pgv3-text);
}

.pgv3-subtitle{
  max-width:720px;
  margin:15px 0 0;
  color:var(--pgv3-muted);
  font-size:18px;
  line-height:1.55;
  font-weight:560;
}

.pgv3-head__right{
  display:flex;
  align-items:center;
  gap:12px;
  padding-bottom:4px;
}

.pgv3-toolbar{
  display:grid;
  grid-template-columns:minmax(280px, 520px) minmax(170px, auto);
  justify-content:space-between;
  gap:18px;
  align-items:center;
  margin:0 0 28px;
  padding:18px;
  border:1px solid var(--pgv3-line);
  border-radius:28px;
  background:#fff;
  box-shadow:var(--pgv3-shadow-soft);
}

.pgv3-search{ position:relative; width:100%; }
.pgv3-search input{
  width:100%!important;
  height:54px!important;
  padding:0 58px 0 18px!important;
  border:1px solid #dfe5f0!important;
  border-radius:18px!important;
  background:#fff!important;
  color:var(--pgv3-text)!important;
  font-size:14px!important;
  font-weight:700!important;
  box-shadow:none!important;
}
.pgv3-search input::placeholder{ color:#98a2b3; }
.pgv3-search button{
  position:absolute!important;
  top:7px!important;
  right:7px!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  padding:0!important;
  border:0!important;
  border-radius:14px!important;
  background:var(--pgv3-purple-soft)!important;
  color:var(--pgv3-purple)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:none!important;
}

.pgv3-sort{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  min-width:210px;
}
.pgv3-sort label,
.pgv3-sort__label{
  color:#667085;
  font-size:13px;
  font-weight:900;
  margin:0;
  white-space:nowrap;
}
.pgv3-sort select{
  height:54px!important;
  min-width:150px;
  border:1px solid #dfe5f0!important;
  border-radius:18px!important;
  background:#fff!important;
  color:var(--pgv3-text)!important;
  font-size:14px!important;
  font-weight:850!important;
  padding:0 14px!important;
  box-shadow:none!important;
}

.pgv3-list{ display:grid; gap:20px; }

.pgv3-card{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(170px, 210px) minmax(230px, 300px);
  gap:24px;
  align-items:center;
  padding:26px;
  border:1px solid var(--pgv3-line);
  border-radius:30px;
  background:#fff;
  box-shadow:var(--pgv3-shadow);
  overflow:hidden;
}
.pgv3-card:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(180deg, rgba(124,58,237,.0), rgba(124,58,237,.45), rgba(255,193,7,.0));
  opacity:0;
  transition:opacity .18s ease;
}
.pgv3-card:hover:before{ opacity:1; }

.pgv3-main{ min-width:0; }
.pgv3-title-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  margin-bottom:10px;
}
.pgv3-item-title{
  margin:0;
  color:var(--pgv3-text);
  font-size:22px;
  line-height:1.15;
  letter-spacing:-.035em;
  font-weight:950;
}
.pgv3-item-title a{ color:inherit; }
.pgv3-item-title a:hover{ color:var(--pgv3-purple); }

.pgv3-person{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
}
.pgv3-avatar{
  width:58px;
  height:58px;
  min-width:58px;
  border-radius:20px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#8b5cf6,#6d28d9);
  color:#fff;
  font-size:18px;
  font-weight:950;
  box-shadow:0 12px 28px rgba(124,58,237,.18);
}
.pgv3-avatar img{ width:100%; height:100%; object-fit:cover; display:block; }
.pgv3-avatar .candidate-logo-inner{ width:100%; height:100%; }
.pgv3-avatar .candidate-logo-inner img{ width:100%; height:100%; object-fit:cover; }
.pgv3-person__text{ min-width:0; }
.pgv3-person__name{
  display:block;
  color:var(--pgv3-text);
  font-size:18px;
  font-weight:950;
  line-height:1.15;
  letter-spacing:-.025em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.pgv3-person__sub{
  display:block;
  margin-top:4px;
  color:#667085;
  font-size:13px;
  font-weight:800;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.pgv3-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  margin-top:12px;
}
.pgv3-pill,
.pgv3-status{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:30px;
  padding:0 11px;
  border-radius:999px;
  background:#f8fafc;
  color:#667085;
  font-size:12px;
  font-weight:900;
  line-height:1;
  max-width:100%;
}
.pgv3-pill--location{ background:#f5f3ff; color:#6d28d9; }
.pgv3-pill--category{ background:#fff7ed; color:#9a3412; }
.pgv3-pill--date{ background:#eef2ff; color:#475569; }
.pgv3-pill--deadline{ background:#f3e8ff; color:#7c3aed; }

.pgv3-status{ background:#eef2ff; color:#2563eb; }
.pgv3-status.is-open{ background:#ecfdf5; color:#047857; }
.pgv3-status.is-hired,
.pgv3-status.is-progress{ background:#eff6ff; color:#2563eb; }
.pgv3-status.is-pending{ background:#fff7ed; color:#c2410c; }
.pgv3-status.is-completed{ background:#ecfdf5; color:#15803d; }
.pgv3-status.is-cancelled,
.pgv3-status.is-closed{ background:#fef2f2; color:#dc2626; }

.pgv3-stats{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  align-items:center;
  min-width:0;
}
.pgv3-stat{
  min-width:0;
  padding-left:18px;
  border-left:1px solid var(--pgv3-line);
}
.pgv3-stat__label{
  display:block;
  margin-bottom:5px;
  color:#667085;
  font-size:11px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.pgv3-stat__value{
  display:block;
  color:var(--pgv3-text);
  font-size:24px;
  font-weight:950;
  line-height:1;
  letter-spacing:-.045em;
}
.pgv3-stat__sub{
  display:block;
  margin-top:5px;
  color:#667085;
  font-size:12px;
  font-weight:800;
}
.pgv3-stat--accent .pgv3-stat__value{ color:var(--pgv3-purple); }

.pgv3-actions{
  display:grid;
  grid-template-columns:1fr auto;
  gap:10px;
  align-items:center;
}
.pgv3-actions--stack{ grid-template-columns:1fr; }
.pgv3-actions__icons{
  display:flex;
  gap:10px;
  justify-content:flex-end;
}

.pgv3-btn{
  min-height:52px;
  padding:0 18px;
  border-radius:17px;
  border:1px solid #e4dafd;
  background:#fff;
  color:var(--pgv3-purple);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-size:14px;
  font-weight:950;
  text-decoration:none!important;
  white-space:nowrap;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;
}
.pgv3-btn:hover{ transform:translateY(-1px); color:var(--pgv3-purple); border-color:#c4b5fd; box-shadow:0 12px 28px rgba(124,58,237,.12); }
.pgv3-btn--primary{
  border:0;
  background:linear-gradient(135deg,var(--pgv3-purple),var(--pgv3-purple-2));
  color:#fff!important;
  box-shadow:0 16px 34px rgba(124,58,237,.22);
}
.pgv3-btn--primary:hover{ color:#fff!important; box-shadow:0 18px 40px rgba(124,58,237,.28); }
.pgv3-btn--signal{
  border-color:#ffe39a;
  background:#fff9e6;
  color:#8a5a00!important;
}
.pgv3-btn--signal:before{ content:"⚡"; color:#f59e0b; }
.pgv3-btn--muted{ background:#f8fafc; color:#64748b!important; border-color:#e6eaf2; }
.pgv3-btn--danger{ background:#fff; color:#64748b!important; border-color:#e6eaf2; }
.pgv3-btn--danger:hover{ background:#fef2f2; border-color:#fecaca; color:#dc2626!important; }
.pgv3-btn--icon{
  width:52px;
  min-width:52px;
  padding:0;
  font-size:0;
}
.pgv3-btn--icon i{ font-size:17px; }
.pgv3-btn--disabled,
.pgv3-btn[disabled]{
  pointer-events:none;
  opacity:.62;
  background:#f8fafc!important;
  color:#94a3b8!important;
  box-shadow:none!important;
}

.pgv3-empty{
  padding:54px 28px;
  border:1px dashed #d8deea;
  border-radius:30px;
  background:#fff;
  color:#667085;
  text-align:center;
  box-shadow:var(--pgv3-shadow-soft);
}
.pgv3-empty strong{ display:block; margin-bottom:8px; color:var(--pgv3-text); font-size:22px; font-weight:950; letter-spacing:-.035em; }
.pgv3-empty p{ margin:0; font-size:15px; line-height:1.6; }

.pgv3-pagination{ margin-top:28px; display:flex; justify-content:center; }
.pgv3-pagination .page-numbers{
  min-width:42px;
  height:42px;
  margin:0 4px;
  border-radius:14px;
  border:1px solid var(--pgv3-line);
  background:#fff;
  color:#667085;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
}
.pgv3-pagination .page-numbers.current{ background:var(--pgv3-purple); border-color:var(--pgv3-purple); color:#fff; }

/* History / collaboration page */
.pgv3-history-grid{ display:grid; grid-template-columns:minmax(0,1fr); gap:20px; }
.pgv3-panel{
  padding:26px;
  border:1px solid var(--pgv3-line);
  border-radius:30px;
  background:#fff;
  box-shadow:var(--pgv3-shadow);
}
.pgv3-panel__title{ margin:0 0 18px; color:var(--pgv3-text); font-size:24px; font-weight:950; letter-spacing:-.04em; }
.pgv3-chat{
  display:grid;
  gap:18px;
}
.pgv3-chat #messages-list,
.pgv3-chat .messages-list{
  max-height:420px;
  overflow:auto;
  border:1px solid #eef1f6;
  border-radius:22px;
  background:#fbfcff;
  padding:18px;
}
.pgv3-message-form textarea.form-control{
  min-height:150px!important;
  border:1px solid #e2e8f0!important;
  border-radius:22px!important;
  padding:18px!important;
  background:#fff!important;
  color:var(--pgv3-text)!important;
  box-shadow:none!important;
}
.pgv3-message-form .upload-file-btn-wrapper{
  margin:14px 0!important;
}
.pgv3-message-form .label-can-drag,
.pgv3-message-form .upload-file-btn{
  border-radius:18px!important;
  background:#fff7ed!important;
  border-color:#fdba74!important;
  color:#475569!important;
}

/* Popup content used by Freeio still exists, but gets Paktograf skin */
.pgv3-dash .mfp-hide{ display:none!important; }
.mfp-content .view-proposal-description-wrapper,
.mfp-content .apus-contact-form{
  max-width:560px!important;
  margin:0 auto!important;
  border-radius:28px!important;
  background:#fff!important;
  box-shadow:0 28px 80px rgba(15,23,42,.24)!important;
  overflow:hidden!important;
}
.mfp-content .view-proposal-description-wrapper .inner,
.mfp-content .apus-contact-form{ padding:28px!important; }

@media (max-width:1024px){
  .pgv3-card{ grid-template-columns:minmax(0,1fr) minmax(160px,220px); }
  .pgv3-actions{ grid-column:1 / -1; grid-template-columns:1fr auto; }
}

@media (max-width:767px){
  .pgv3-dash{ width:calc(100% - 24px); padding-top:34px; margin-bottom:72px; }
  .pgv3-head{ grid-template-columns:1fr; gap:16px; margin-bottom:22px; }
  .pgv3-title{ font-size:38px; }
  .pgv3-subtitle{ font-size:14px; line-height:1.55; margin-top:10px; }
  .pgv3-toolbar{ grid-template-columns:1fr; padding:14px; border-radius:24px; gap:12px; }
  .pgv3-sort{ justify-content:stretch; min-width:0; }
  .pgv3-sort select{ flex:1; width:100%; }
  .pgv3-card{ grid-template-columns:1fr; gap:18px; padding:18px; border-radius:26px; }
  .pgv3-item-title{ font-size:20px; }
  .pgv3-stats{ grid-template-columns:1fr 1fr; gap:12px; padding-top:14px; border-top:1px solid var(--pgv3-line); }
  .pgv3-stat{ padding-left:0; border-left:0; }
  .pgv3-stat__value{ font-size:22px; }
  .pgv3-actions{ grid-template-columns:1fr auto; gap:10px; }
  .pgv3-actions--stack{ grid-template-columns:1fr; }
  .pgv3-btn{ min-height:50px; border-radius:16px; }
  .pgv3-person{ align-items:flex-start; }
  .pgv3-avatar{ width:52px; height:52px; min-width:52px; border-radius:18px; }
  .pgv3-panel{ padding:18px; border-radius:26px; }
  .pgv3-chat #messages-list,
  .pgv3-chat .messages-list{ max-height:360px; padding:14px; border-radius:20px; }
}

/* =========================================================
   PAKTOGRAF DASHBOARD V3 — legacy header cleanup
   Uklanja stare page/template naslove kada je novi .pgv3 header aktivan.
   ========================================================= */

body:has(.pgv3-dash) .pg-my-proposals-head,
body:has(.pgv3-dash) .pg-my-proposals-back,
body:has(.pgv3-dash) .pg-section-kicker,
body:has(.pgv3-dash) .pgx-head,
body:has(.pgv3-dash) .pgx-page-head,
body:has(.pgv3-dash) .pgmp2-head,
body:has(.pgv3-dash) .pgmp2-page-head,
body:has(.pgv3-dash) .widget-proposals > .widget-title,
body:has(.pgv3-dash) .box-dashboard-wrapper > .widget-title{
  display:none!important;
}

body:has(.pgv3-dash) .pg-my-proposals-inner,
body:has(.pgv3-dash) .pg-my-proposals-page,
body:has(.pgv3-dash) .pg-my-proposals-card{
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body:has(.pgv3-dash) .pg-my-proposals-card > .pgv3-dash,
body:has(.pgv3-dash) .pg-my-proposals-page > .pgv3-dash,
body:has(.pgv3-dash) .pg-my-proposals-inner > .pgv3-dash{
  margin-top:0!important;
}
/* =========================================================
   PAKTOGRAF — Z-index + overlay polish
   Use after paktograf-dashboard-brandnew.css
   Purpose:
   - header search dropdown looks like a clean command panel
   - dashboard cards stay below header/dropdowns
   - Magnific modals cover the whole UI, including header
   ========================================================= */

:root{
  --pg-layer-page: 1;
  --pg-layer-header: 9000;
  --pg-layer-dropdown: 9200;
  --pg-layer-modal-bg: 120000;
  --pg-layer-modal: 120001;
}

/* Page content should never fight with the navbar dropdowns. */
.pgv3-dash,
.pgv3-dash *{
  position: relative;
  z-index: auto;
}

.pgv3-dash{
  z-index: var(--pg-layer-page);
}

.pgv3-toolbar,
.pgv3-card,
.pgv3-panel{
  isolation: isolate;
}

/* Header remains above page content, but below real modals. */
header,
.site-header,
#apus-header,
.apus-header,
.pg-header,
.pg-desktop-header,
.pg-mobile-header,
.pg-navbar,
.pg-navbar-wrap{
  position: relative !important;
  z-index: var(--pg-layer-header) !important;
  overflow: visible !important;
  isolation: isolate !important;
}

.pg-desktop-left,
.pg-desktop-center,
.pg-desktop-right,
.pg-search-wrap,
.pg-header-search,
.pg-profile-wrap,
.pg-notification-wrap,
.pg-message-top{
  position: relative !important;
  z-index: calc(var(--pg-layer-header) + 1) !important;
  overflow: visible !important;
}

/* Search dropdown / category index: make it feel intentional, not like it crashed into the page. */
.pg-search-wrap .pg-search-dropdown,
.pg-header-search .pg-search-dropdown,
.pg-search-wrap .pg-search-results,
.pg-header-search .pg-search-results,
.pg-search-dropdown,
.pg-search-results{
  width: min(760px, calc(100vw - 36px)) !important;
  max-width: min(760px, calc(100vw - 36px)) !important;
  max-height: min(540px, calc(100vh - 118px)) !important;
  overflow: auto !important;
  overscroll-behavior: contain !important;

  border: 1px solid rgba(226, 232, 240, .95) !important;
  border-radius: 28px !important;
  background: rgba(255, 255, 255, .98) !important;
  box-shadow:
    0 28px 80px rgba(15, 23, 42, .16),
    0 8px 22px rgba(15, 23, 42, .06) !important;
  backdrop-filter: blur(18px) saturate(1.15) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.15) !important;

  padding: 18px !important;
  z-index: var(--pg-layer-dropdown) !important;
}

/* If the dropdown is positioned from inside the search input, keep it close to input and centered. */
.pg-search-wrap .pg-search-dropdown,
.pg-header-search .pg-search-dropdown,
.pg-search-wrap .pg-search-results,
.pg-header-search .pg-search-results{
  top: calc(100% + 12px) !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
}

/* Common rows inside search dropdown. These selectors are intentionally broad but scoped to search panels. */
.pg-search-dropdown a,
.pg-search-results a,
.pg-search-dropdown button,
.pg-search-results button,
.pg-search-dropdown li,
.pg-search-results li,
.pg-search-dropdown .item,
.pg-search-results .item,
.pg-search-dropdown [class*="item"],
.pg-search-results [class*="item"]{
  border-radius: 18px !important;
  transition: background .16s ease, transform .16s ease, border-color .16s ease !important;
}

.pg-search-dropdown a:hover,
.pg-search-results a:hover,
.pg-search-dropdown button:hover,
.pg-search-results button:hover,
.pg-search-dropdown li:hover,
.pg-search-results li:hover,
.pg-search-dropdown .item:hover,
.pg-search-results .item:hover,
.pg-search-dropdown [class*="item"]:hover,
.pg-search-results [class*="item"]:hover{
  background: #f8f5ff !important;
  transform: translateY(-1px) !important;
}

.pg-search-dropdown h1,
.pg-search-dropdown h2,
.pg-search-dropdown h3,
.pg-search-dropdown h4,
.pg-search-results h1,
.pg-search-results h2,
.pg-search-results h3,
.pg-search-results h4{
  color: #111827 !important;
  letter-spacing: -0.02em !important;
}

.pg-search-dropdown .title,
.pg-search-results .title,
.pg-search-dropdown strong,
.pg-search-results strong{
  color: #111827 !important;
  font-weight: 900 !important;
}

.pg-search-dropdown p,
.pg-search-results p,
.pg-search-dropdown small,
.pg-search-results small,
.pg-search-dropdown .description,
.pg-search-results .description{
  color: #667085 !important;
}

/* Autocomplete menus that plugins inject directly in body. */
.autocomplete-suggestions,
.ui-autocomplete{
  z-index: var(--pg-layer-dropdown) !important;
  border: 1px solid rgba(226, 232, 240, .95) !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, .98) !important;
  box-shadow: 0 24px 70px rgba(15, 23, 42, .16) !important;
  overflow: hidden !important;
}

/* Profile / notification dropdowns stay above search dropdown. */
.pg-profile-wrap.is-open,
.pg-profile-wrap.is-open .pg-profile-dropdown,
.pg-profile-dropdown,
.pg-owned-menu,
.pg-notification-wrap .notifications-wrapper,
.pg-message-top .message-dropdown{
  z-index: calc(var(--pg-layer-dropdown) + 40) !important;
}

/* Magnific popup must be a true modal: above header, search dropdown and content. */
.mfp-bg{
  position: fixed !important;
  inset: 0 !important;
  z-index: var(--pg-layer-modal-bg) !important;
  background: rgba(15, 23, 42, .72) !important;
  opacity: 1 !important;
  backdrop-filter: blur(7px) !important;
  -webkit-backdrop-filter: blur(7px) !important;
}

.mfp-wrap{
  position: fixed !important;
  inset: 0 !important;
  z-index: var(--pg-layer-modal) !important;
  overflow-y: auto !important;
}

.mfp-wrap .mfp-container{
  min-height: 100vh !important;
  height: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 32px 18px !important;
}

.mfp-wrap .mfp-content{
  width: min(640px, calc(100vw - 32px)) !important;
  max-width: min(640px, calc(100vw - 32px)) !important;
  margin: 0 auto !important;
}

.mfp-content .view-proposal-description-wrapper,
.mfp-content .apus-contact-form,
.mfp-content .project-report-wrapper{
  width: 100% !important;
  max-width: 100% !important;
  border-radius: 30px !important;
  background: #fff !important;
  box-shadow:
    0 32px 92px rgba(15, 23, 42, .28),
    0 12px 30px rgba(15, 23, 42, .10) !important;
  overflow: hidden !important;
}

.mfp-content .view-proposal-description-wrapper .inner,
.mfp-content .apus-contact-form,
.mfp-content .project-report-wrapper .inner{
  padding: 34px 36px 36px !important;
  background:
    radial-gradient(circle at 88% 0%, rgba(124, 58, 237, .12), transparent 34%),
    #fff !important;
}

.mfp-content .view-proposal-description-wrapper .widget-title,
.mfp-content .apus-contact-form .widget-title,
.mfp-content .project-report-wrapper .widget-title{
  margin: 0 50px 24px 0 !important;
  color: #111827 !important;
  font-size: 28px !important;
  line-height: 1.1 !important;
  font-weight: 950 !important;
  letter-spacing: -.045em !important;
}

.mfp-content .view-proposal-description-wrapper .content,
.mfp-content .project-report-wrapper .content{
  color: #334155 !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
  font-weight: 650 !important;
}

.mfp-content .close-magnific-popup,
.mfp-content .mfp-close{
  position: absolute !important;
  top: 18px !important;
  right: 18px !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  border: 1px solid #e6eaf2 !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #64748b !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  opacity: 1 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .08) !important;
}

.mfp-content .close-magnific-popup:hover,
.mfp-content .mfp-close:hover{
  background: #faf5ff !important;
  color: #7c3aed !important;
  border-color: #ddd6fe !important;
}

/* Mobile: search panel becomes full-width sheet below header. */
@media (max-width: 767px){
  .pg-search-wrap .pg-search-dropdown,
  .pg-header-search .pg-search-dropdown,
  .pg-search-wrap .pg-search-results,
  .pg-header-search .pg-search-results,
  .pg-search-dropdown,
  .pg-search-results{
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    max-height: calc(100vh - 96px) !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    border-radius: 24px !important;
    padding: 14px !important;
  }

  .mfp-wrap .mfp-container{
    align-items: flex-end !important;
    padding: 18px 12px calc(14px + env(safe-area-inset-bottom)) !important;
  }

  .mfp-wrap .mfp-content{
    width: 100% !important;
    max-width: 100% !important;
  }

  .mfp-content .view-proposal-description-wrapper,
  .mfp-content .apus-contact-form,
  .mfp-content .project-report-wrapper{
    border-radius: 28px 28px 22px 22px !important;
  }

  .mfp-content .view-proposal-description-wrapper .inner,
  .mfp-content .apus-contact-form,
  .mfp-content .project-report-wrapper .inner{
    padding: 28px 20px 24px !important;
  }

  .mfp-content .view-proposal-description-wrapper .widget-title,
  .mfp-content .apus-contact-form .widget-title,
  .mfp-content .project-report-wrapper .widget-title{
    font-size: 24px !important;
  }
}
/* =========================================================
   PAKTOGRAF ACCOUNT PAGES — BRAND NEW ALIGNMENT
   Postavke profila + Verifikacija računa
   Place at the very bottom of WordPress Customizer > Additional CSS
   ========================================================= */

:root{
  --pgv3-bg: #f7f6fb;
  --pgv3-card: #ffffff;
  --pgv3-text: #0f172a;
  --pgv3-muted: #667085;
  --pgv3-soft: #f8fafc;
  --pgv3-border: #e6eaf2;
  --pgv3-purple: #7c3aed;
  --pgv3-purple-2: #a855f7;
  --pgv3-purple-soft: #f3e8ff;
  --pgv3-yellow: #ffc107;
  --pgv3-shadow: 0 24px 70px rgba(15,23,42,.075);
  --pgv3-shadow-soft: 0 14px 36px rgba(15,23,42,.055);
}

/* Page base: make account pages use the same calm canvas as Moji projekti / Moje ponude */
body:has(.pg-settings-wrap),
body:has(.pg-verify-wrap),
body:has(.pg-settings-wrap) #wrapper-container,
body:has(.pg-verify-wrap) #wrapper-container,
body:has(.pg-settings-wrap) #apus-main-content,
body:has(.pg-verify-wrap) #apus-main-content,
body:has(.pg-settings-wrap) #main-container,
body:has(.pg-verify-wrap) #main-container,
body:has(.pg-settings-wrap) #main-content,
body:has(.pg-verify-wrap) #main-content{
  background:
    radial-gradient(circle at 72% 10%, rgba(124,58,237,.08), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, var(--pgv3-bg) 34%, var(--pgv3-bg) 100%) !important;
  color: var(--pgv3-text) !important;
}

/* Shared shell */
.pg-settings-wrap,
.pg-verify-wrap{
  width: min(1180px, calc(100vw - 44px)) !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 70px 0 110px !important;
}

/* Shared page header */
.pg-settings-header,
.pg-verify-header{
  position: relative !important;
  max-width: 780px !important;
  margin: 0 0 34px !important;
}

.pg-settings-header::before,
.pg-verify-kicker{
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  min-height: 32px !important;
  margin: 0 0 16px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  background: var(--pgv3-purple-soft) !important;
  color: var(--pgv3-purple) !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  letter-spacing: .075em !important;
}

.pg-settings-header::before{
  content: "PAKTOGRAF RAČUN";
}

.pg-settings-header h1,
.pg-verify-header h1{
  margin: 0 0 14px !important;
  color: var(--pgv3-text) !important;
  font-size: clamp(44px, 5.4vw, 76px) !important;
  line-height: .96 !important;
  font-weight: 950 !important;
  letter-spacing: -.065em !important;
}

.pg-settings-header p,
.pg-verify-header p{
  max-width: 720px !important;
  margin: 0 !important;
  color: var(--pgv3-muted) !important;
  font-size: 19px !important;
  line-height: 1.58 !important;
  font-weight: 650 !important;
}

/* Shared grids */
.pg-settings-grid,
.pg-verify-grid{
  display: grid !important;
  grid-template-columns: minmax(0, 1.2fr) minmax(340px, .82fr) !important;
  gap: 22px !important;
  align-items: start !important;
}

.pg-settings-main,
.pg-settings-side,
.pg-verify-main,
.pg-verify-side{
  display: grid !important;
  gap: 22px !important;
}

/* Cards: same dashboard visual language */
.pg-settings-card,
.pg-verify-card,
.pg-verify-side-card,
.pg-verify-note,
.pg-settings-public-card,
.pg-danger-card{
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid var(--pgv3-border) !important;
  border-radius: 30px !important;
  background: rgba(255,255,255,.97) !important;
  box-shadow: var(--pgv3-shadow-soft) !important;
}

.pg-settings-card,
.pg-verify-card{
  padding: 32px !important;
}

.pg-verify-side-card,
.pg-verify-note,
.pg-settings-public-card{
  padding: 28px !important;
}

.pg-settings-card:hover,
.pg-verify-card:hover,
.pg-verify-side-card:hover,
.pg-verify-note:hover,
.pg-settings-public-card:hover{
  border-color: #ded7ff !important;
  box-shadow: var(--pgv3-shadow) !important;
}

.pg-settings-card h2,
.pg-verify-card h2,
.pg-verify-side-card h2,
.pg-danger-card h2,
.pg-settings-card h3,
.pg-verify-card h3,
.pg-verify-side-card h3{
  margin: 0 0 10px !important;
  color: var(--pgv3-text) !important;
  font-size: 24px !important;
  line-height: 1.08 !important;
  font-weight: 950 !important;
  letter-spacing: -.045em !important;
}

.pg-settings-card > p,
.pg-verify-card > p,
.pg-verify-side-card > p,
.pg-verify-note p,
.pg-danger-card > p{
  margin: 0 0 22px !important;
  color: var(--pgv3-muted) !important;
  font-size: 14px !important;
  line-height: 1.62 !important;
  font-weight: 650 !important;
}

/* Form rhythm */
.pg-settings-wrap label,
.pg-verify-wrap label,
.pg-settings-wrap .form-label,
.pg-verify-wrap .form-label{
  margin: 0 0 8px !important;
  color: var(--pgv3-text) !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
}

.pg-settings-wrap input[type="text"],
.pg-settings-wrap input[type="email"],
.pg-settings-wrap input[type="password"],
.pg-settings-wrap input[type="tel"],
.pg-settings-wrap input[type="number"],
.pg-settings-wrap select,
.pg-settings-wrap textarea,
.pg-verify-wrap input[type="text"],
.pg-verify-wrap input[type="email"],
.pg-verify-wrap input[type="password"],
.pg-verify-wrap input[type="tel"],
.pg-verify-wrap input[type="number"],
.pg-verify-wrap select,
.pg-verify-wrap textarea{
  width: 100% !important;
  min-height: 58px !important;
  border: 1px solid #e1e7f0 !important;
  border-radius: 18px !important;
  background: #fff !important;
  color: var(--pgv3-text) !important;
  padding: 0 18px !important;
  font-size: 15px !important;
  font-weight: 750 !important;
  line-height: 1.35 !important;
  box-shadow: none !important;
  outline: none !important;
}

.pg-settings-wrap textarea,
.pg-verify-wrap textarea{
  min-height: 150px !important;
  padding-top: 16px !important;
  resize: vertical !important;
}

.pg-settings-wrap input:focus,
.pg-settings-wrap select:focus,
.pg-settings-wrap textarea:focus,
.pg-verify-wrap input:focus,
.pg-verify-wrap select:focus,
.pg-verify-wrap textarea:focus{
  border-color: var(--pgv3-purple) !important;
  box-shadow: 0 0 0 5px rgba(124,58,237,.10) !important;
}

.pg-settings-wrap ::placeholder,
.pg-verify-wrap ::placeholder{
  color: #9aa4b5 !important;
  font-weight: 650 !important;
}

/* Buttons */
.pg-settings-btn,
.pg-danger-btn,
.pg-verify-wrap button[type="submit"],
.pg-verify-wrap input[type="submit"],
.pg-verify-wrap .button,
.pg-settings-wrap button[type="submit"],
.pg-settings-wrap input[type="submit"],
.pg-settings-wrap .button-primary,
.pg-settings-wrap .button{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 54px !important;
  padding: 0 24px !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, var(--pgv3-purple) 0%, var(--pgv3-purple-2) 100%) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  text-transform: none !important;
  box-shadow: 0 16px 34px rgba(124,58,237,.24) !important;
}

.pg-settings-btn:hover,
.pg-verify-wrap button[type="submit"]:hover,
.pg-verify-wrap input[type="submit"]:hover,
.pg-settings-wrap button[type="submit"]:hover,
.pg-settings-wrap input[type="submit"]:hover{
  transform: translateY(-1px) !important;
  filter: brightness(1.035) !important;
}

/* Settings: profile photo panel */
.pg-profile-photo-row{
  display: grid !important;
  grid-template-columns: 92px minmax(0, 1fr) !important;
  gap: 20px !important;
  align-items: center !important;
  margin: 22px 0 24px !important;
  padding: 22px !important;
  border: 1px solid #edf0f7 !important;
  border-radius: 26px !important;
  background: linear-gradient(180deg, #fbfbff 0%, #ffffff 100%) !important;
}

.pg-profile-photo-preview,
.pg-avatar-fallback{
  width: 82px !important;
  height: 82px !important;
  min-width: 82px !important;
  border-radius: 26px !important;
  object-fit: cover !important;
  box-shadow: 0 18px 36px rgba(15,23,42,.14) !important;
}

.pg-profile-photo-row input[type="file"],
.pg-verify-wrap input[type="file"]{
  width: 100% !important;
  min-height: 58px !important;
  padding: 8px !important;
  border: 1px solid #e1e7f0 !important;
  border-radius: 18px !important;
  background: #fff !important;
  color: var(--pgv3-muted) !important;
  font-size: 14px !important;
  font-weight: 750 !important;
}

.pg-profile-photo-row input[type="file"]::file-selector-button,
.pg-verify-wrap input[type="file"]::file-selector-button{
  min-height: 42px !important;
  margin-right: 12px !important;
  padding: 0 18px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, var(--pgv3-purple), var(--pgv3-purple-2)) !important;
  color: #fff !important;
  font-weight: 950 !important;
}

/* Settings: location block */
.pg-settings-location-block{
  margin: 22px 0 !important;
  padding: 22px !important;
  border: 1px solid #eadcff !important;
  border-radius: 26px !important;
  background:
    radial-gradient(circle at 92% 12%, rgba(124,58,237,.10), transparent 30%),
    #fbfaff !important;
}

.pg-settings-location-grid{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  gap: 12px !important;
}

.pg-settings-location-grid > *{
  min-height: 74px !important;
  padding: 14px !important;
  border: 1px solid #edf0f7 !important;
  border-radius: 18px !important;
  background: #fff !important;
}

/* Settings: anonymity options */
.pg-anonymity-options,
.pg-settings-options{
  display: grid !important;
  gap: 12px !important;
}

.pg-anonymity-options label,
.pg-settings-options label,
.pg-settings-card input[type="radio"] + label,
.pg-settings-card input[type="checkbox"] + label{
  min-height: 58px !important;
  padding: 16px 18px !important;
  border: 1px solid #edf0f7 !important;
  border-radius: 20px !important;
  background: #fff !important;
  color: var(--pgv3-text) !important;
  box-shadow: none !important;
}

.pg-settings-card input[type="radio"],
.pg-settings-card input[type="checkbox"],
.pg-verify-wrap input[type="radio"],
.pg-verify-wrap input[type="checkbox"]{
  accent-color: var(--pgv3-purple) !important;
}

/* Small public-display card at top-right */
.pg-settings-public-card{
  min-height: 86px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

.pg-settings-public-card small,
.pg-settings-public-card span{
  color: var(--pgv3-muted) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.pg-settings-public-card strong{
  color: var(--pgv3-text) !important;
  font-size: 17px !important;
  font-weight: 950 !important;
}

/* Danger card */
.pg-danger-card{
  padding: 32px !important;
  border-color: #fecaca !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(239,68,68,.08), transparent 34%),
    #fffafa !important;
}

.pg-danger-btn,
.pg-danger-card input[type="submit"],
.pg-danger-card button[type="submit"],
.pg-danger-card .button{
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;
  box-shadow: 0 16px 32px rgba(220,38,38,.18) !important;
}

/* Verification: right level list */
.pg-verify-levels,
.pg-verify-side-card ol,
.pg-verify-side-card ul{
  display: grid !important;
  gap: 0 !important;
  margin: 18px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.pg-verify-levels > *,
.pg-verify-side-card li{
  position: relative !important;
  display: grid !important;
  grid-template-columns: 38px minmax(0,1fr) !important;
  gap: 12px !important;
  align-items: start !important;
  padding: 16px 0 !important;
  border-bottom: 1px solid #edf0f7 !important;
}

.pg-verify-levels > *:last-child,
.pg-verify-side-card li:last-child{
  border-bottom: 0 !important;
}

.pg-verify-levels .num,
.pg-verify-side-card li::before{
  content: counter(pgVerifyStep) !important;
  counter-increment: pgVerifyStep !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--pgv3-purple-soft) !important;
  color: var(--pgv3-purple) !important;
  font-size: 13px !important;
  font-weight: 950 !important;
}

.pg-verify-side-card ol,
.pg-verify-side-card ul{
  counter-reset: pgVerifyStep !important;
}

.pg-verify-side-card li strong,
.pg-verify-side-card li b{
  display: block !important;
  color: var(--pgv3-text) !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
  font-weight: 950 !important;
}

.pg-verify-side-card li small,
.pg-verify-side-card li span,
.pg-verify-side-card li p{
  margin: 4px 0 0 !important;
  color: var(--pgv3-muted) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  font-weight: 650 !important;
}

.pg-verify-note{
  border-color: #eadcff !important;
  background:
    radial-gradient(circle at 92% 12%, rgba(124,58,237,.10), transparent 34%),
    #fbfaff !important;
}

.pg-verify-note strong,
.pg-verify-note h3{
  color: var(--pgv3-purple) !important;
  font-weight: 950 !important;
}

/* Verification form spacing */
.pg-verify-card .form-group,
.pg-settings-card .form-group,
.pg-settings-card .pg-field,
.pg-verify-card .pg-field{
  margin-bottom: 22px !important;
}

/* Notices */
.pg-settings-notice,
.pg-verify-notice,
.pg-settings-wrap .woocommerce-message,
.pg-settings-wrap .woocommerce-info,
.pg-verify-wrap .woocommerce-message,
.pg-verify-wrap .woocommerce-info{
  padding: 16px 18px !important;
  border: 1px solid #dbeafe !important;
  border-radius: 20px !important;
  background: #eff6ff !important;
  color: #1e3a8a !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  box-shadow: var(--pgv3-shadow-soft) !important;
}

/* Make existing two-column settings layout calmer */
.pg-settings-grid > aside,
.pg-settings-grid > .pg-settings-side{
  position: sticky !important;
  top: 110px !important;
}

/* Mobile */
@media (max-width: 1024px){
  .pg-settings-wrap,
  .pg-verify-wrap{
    width: min(100%, calc(100vw - 28px)) !important;
    padding-top: 42px !important;
  }

  .pg-settings-grid,
  .pg-verify-grid{
    grid-template-columns: 1fr !important;
  }

  .pg-settings-grid > aside,
  .pg-settings-grid > .pg-settings-side{
    position: static !important;
  }
}

@media (max-width: 767px){
  .pg-settings-wrap,
  .pg-verify-wrap{
    width: calc(100vw - 24px) !important;
    padding: 28px 0 96px !important;
  }

  .pg-settings-header,
  .pg-verify-header{
    margin-bottom: 24px !important;
  }

  .pg-settings-header h1,
  .pg-verify-header h1{
    font-size: 42px !important;
    letter-spacing: -.055em !important;
  }

  .pg-settings-header p,
  .pg-verify-header p{
    font-size: 15px !important;
    line-height: 1.55 !important;
  }

  .pg-settings-card,
  .pg-verify-card,
  .pg-verify-side-card,
  .pg-verify-note,
  .pg-settings-public-card,
  .pg-danger-card{
    border-radius: 24px !important;
    padding: 20px !important;
  }

  .pg-profile-photo-row{
    grid-template-columns: 74px minmax(0,1fr) !important;
    gap: 14px !important;
    padding: 16px !important;
    border-radius: 22px !important;
  }

  .pg-profile-photo-preview,
  .pg-avatar-fallback{
    width: 68px !important;
    height: 68px !important;
    min-width: 68px !important;
    border-radius: 22px !important;
  }

  .pg-settings-location-grid{
    grid-template-columns: 1fr !important;
  }

  .pg-settings-btn,
  .pg-danger-btn,
  .pg-verify-wrap button[type="submit"],
  .pg-verify-wrap input[type="submit"],
  .pg-settings-wrap button[type="submit"],
  .pg-settings-wrap input[type="submit"]{
    width: 100% !important;
  }
}

/* =========================================================
   PAKTOGRAF ACCOUNT / VERIFY V3
   Stavite na samo dno Additional CSS-a ili style.css poslije starog account CSS-a.

   Cilj:
   - Verifikacija računa dobija isti ritam kao Moji projekti / Moje ponude.
   - Logika ostaje ista.
   - Freeio forma ostaje ista, ali je vizuelno zatvorena u Paktograf karticu.
   ========================================================= */

:root{
  --pgacc-bg: #f7f6fb;
  --pgacc-card: #ffffff;
  --pgacc-text: #0f172a;
  --pgacc-muted: #667085;
  --pgacc-border: #e8ebf3;
  --pgacc-purple: #7c3aed;
  --pgacc-purple-2: #a855f7;
  --pgacc-purple-soft: #f3e8ff;
  --pgacc-shadow: 0 22px 58px rgba(15, 23, 42, .065);
}

/* Page background only when account page exists */
body:has(.pgacc-page){
  background:
    radial-gradient(circle at 67% 8%, rgba(124,58,237,.10), transparent 30%),
    linear-gradient(180deg, #fbfaff 0%, #f7f6fb 58%, #f7f6fb 100%) !important;
}

/* Main shell: same family as project dashboard */
.pgacc-page{
  width: min(1180px, calc(100% - 44px));
  max-width: 1180px;
  margin: 0 auto;
  padding: 72px 0 98px;
  color: var(--pgacc-text);
}

.pgacc-page *{
  box-sizing: border-box;
}

/* Hero */
.pgacc-hero{
  max-width: 760px;
  margin: 0 0 34px;
}

.pgacc-eyebrow{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 31px;
  padding: 0 15px;
  margin: 0 0 14px;
  border-radius: 999px;
  background: var(--pgacc-purple-soft);
  color: var(--pgacc-purple);
  font-size: 12px;
  line-height: 1;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.pgacc-hero h1{
  margin: 0 0 15px;
  color: var(--pgacc-text);
  font-size: clamp(50px, 5.4vw, 78px);
  line-height: .92;
  letter-spacing: -.07em;
  font-weight: 950;
}

.pgacc-hero p{
  max-width: 710px;
  margin: 0;
  color: var(--pgacc-muted);
  font-size: 19px;
  line-height: 1.62;
  font-weight: 720;
}

/* Grid */
.pgacc-grid{
  display: grid;
  grid-template-columns: minmax(0, 1.38fr) minmax(320px, .82fr);
  gap: 24px;
  align-items: start;
}

.pgacc-main,
.pgacc-side{
  min-width: 0;
}

.pgacc-side{
  display: grid;
  gap: 22px;
}

/* Cards */
.pgacc-card{
  border: 1px solid var(--pgacc-border);
  border-radius: 30px;
  background: var(--pgacc-card);
  box-shadow: var(--pgacc-shadow);
}

.pgacc-card--form{
  padding: 34px;
}

.pgacc-card--levels,
.pgacc-card--note,
.pgacc-card--solo{
  padding: 30px;
}

.pgacc-card-head{
  margin: 0 0 24px;
}

.pgacc-card h2,
.pgacc-card-head h2{
  margin: 0 0 10px;
  color: var(--pgacc-text);
  font-size: 27px;
  line-height: 1.1;
  letter-spacing: -.045em;
  font-weight: 950;
}

.pgacc-card p,
.pgacc-card-head p{
  margin: 0;
  color: var(--pgacc-muted);
  font-size: 14px;
  line-height: 1.68;
  font-weight: 650;
}

/* Trust levels */
.pgacc-level{
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 14px;
  padding: 18px 0;
  border-bottom: 1px solid #eef1f6;
}

.pgacc-level:first-of-type{
  padding-top: 6px;
}

.pgacc-level:last-child{
  border-bottom: 0;
  padding-bottom: 0;
}

.pgacc-level > span{
  width: 31px;
  height: 31px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--pgacc-purple-soft);
  color: var(--pgacc-purple);
  font-size: 13px;
  font-weight: 950;
}

.pgacc-level strong{
  display: block;
  margin: 0 0 5px;
  color: var(--pgacc-text);
  font-size: 15px;
  line-height: 1.25;
  font-weight: 920;
}

.pgacc-level small{
  display: block;
  color: var(--pgacc-muted);
  font-size: 13px;
  line-height: 1.45;
  font-weight: 650;
}

/* Note card */
.pgacc-card--note{
  border-color: #e2d5ff;
  background:
    radial-gradient(circle at top right, rgba(124,58,237,.10), transparent 36%),
    #fbf8ff;
  box-shadow: 0 18px 42px rgba(124,58,237,.055);
}

.pgacc-card--note strong{
  display: block;
  margin-bottom: 11px;
  color: var(--pgacc-purple);
  font-size: 15px;
  font-weight: 950;
}

.pgacc-card--note p{
  color: #667085;
  font-weight: 680;
}

/* Status */
.pgacc-status{
  margin: 0 0 24px;
  padding: 20px;
  border-radius: 24px;
  border: 1px solid #e2d5ff;
  background: #fbf8ff;
}

.pgacc-status span{
  display: inline-flex;
  align-items: center;
  min-height: 29px;
  padding: 0 12px;
  margin: 0 0 12px;
  border-radius: 999px;
  background: var(--pgacc-purple-soft);
  color: var(--pgacc-purple);
  font-size: 12px;
  font-weight: 950;
}

.pgacc-status strong{
  display: block;
  margin: 0 0 7px;
  color: var(--pgacc-text);
  font-size: 20px;
  line-height: 1.15;
  letter-spacing: -.025em;
  font-weight: 950;
}

.pgacc-status p{
  margin: 0;
  color: var(--pgacc-muted);
  font-size: 14px;
  line-height: 1.6;
  font-weight: 650;
}

.pgacc-status--approved{
  border-color: #bbf7d0;
  background: #f0fdf4;
}

.pgacc-status--approved span{
  background: #dcfce7;
  color: #15803d;
}

/* Freeio form reset inside our surface */
.pgacc-form-surface{
  width: 100%;
}

.pgacc-verify .pg-verify-freeio-form,
.pgacc-verify .pg-verify-freeio-form *{
  max-width: 100%;
}

.pgacc-verify .pg-verify-freeio-form .box-dashboard-wrapper,
.pgacc-verify .pg-verify-freeio-form .box-white,
.pgacc-verify .pg-verify-freeio-form .box-white-inner,
.pgacc-verify .pg-verify-freeio-form .widget,
.pgacc-verify .pg-verify-freeio-form .widget-content{
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Form headings from Freeio */
.pgacc-verify .pg-verify-freeio-form h2,
.pgacc-verify .pg-verify-freeio-form h3,
.pgacc-verify .pg-verify-freeio-form .widget-title{
  margin: 0 0 20px !important;
  padding: 0 !important;
  color: var(--pgacc-text) !important;
  font-size: 27px !important;
  line-height: 1.1 !important;
  letter-spacing: -.045em !important;
  font-weight: 950 !important;
  border: 0 !important;
}

/* Labels */
.pgacc-verify .pg-verify-freeio-form label{
  display: block !important;
  margin: 0 0 8px !important;
  color: var(--pgacc-text) !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
}

/* Inputs */
.pgacc-verify .pg-verify-freeio-form input[type="text"],
.pgacc-verify .pg-verify-freeio-form input[type="email"],
.pgacc-verify .pg-verify-freeio-form input[type="tel"],
.pgacc-verify .pg-verify-freeio-form input[type="number"],
.pgacc-verify .pg-verify-freeio-form input[type="password"],
.pgacc-verify .pg-verify-freeio-form textarea,
.pgacc-verify .pg-verify-freeio-form select,
.pgacc-verify .pg-verify-freeio-form .form-control{
  width: 100% !important;
  min-height: 58px !important;
  padding: 0 18px !important;
  border: 1px solid #e1e6f0 !important;
  border-radius: 18px !important;
  background: #fff !important;
  color: var(--pgacc-text) !important;
  box-shadow: none !important;
  font-size: 15px !important;
  font-weight: 720 !important;
}

.pgacc-verify .pg-verify-freeio-form textarea,
.pgacc-verify .pg-verify-freeio-form textarea.form-control{
  min-height: 154px !important;
  padding: 16px 18px !important;
  resize: vertical !important;
}

.pgacc-verify .pg-verify-freeio-form input:focus,
.pgacc-verify .pg-verify-freeio-form textarea:focus,
.pgacc-verify .pg-verify-freeio-form select:focus,
.pgacc-verify .pg-verify-freeio-form .form-control:focus{
  border-color: #8b5cf6 !important;
  box-shadow: 0 0 0 4px rgba(139,92,246,.12) !important;
  outline: none !important;
}

/* Groups */
.pgacc-verify .pg-verify-freeio-form .form-group,
.pgacc-verify .pg-verify-freeio-form .cmb-row{
  margin: 0 0 20px !important;
  padding: 0 !important;
}

/* File upload UI produced by existing footer JS */
.pgacc-verify .pg-verify-upload-ui{
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  min-height: 62px !important;
  padding: 7px !important;
  border: 1px solid #e1e6f0 !important;
  border-radius: 20px !important;
  background: #fff !important;
}

.pgacc-verify .pg-verify-upload-btn{
  min-height: 48px !important;
  padding: 0 20px !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, var(--pgacc-purple), var(--pgacc-purple-2)) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 950 !important;
  box-shadow: 0 14px 28px rgba(124,58,237,.22) !important;
}

.pgacc-verify .pg-verify-upload-name{
  color: var(--pgacc-muted) !important;
  font-size: 14px !important;
  font-weight: 680 !important;
}

/* Submit buttons */
.pgacc-verify .pg-verify-freeio-form input[type="submit"],
.pgacc-verify .pg-verify-freeio-form button[type="submit"],
.pgacc-verify .pg-verify-freeio-form .button,
.pgacc-btn{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 58px !important;
  padding: 0 24px !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, var(--pgacc-purple), var(--pgacc-purple-2)) !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  text-decoration: none !important;
  box-shadow: 0 16px 34px rgba(124,58,237,.24) !important;
}

.pgacc-verify .pg-verify-freeio-form input[type="submit"]:hover,
.pgacc-verify .pg-verify-freeio-form button[type="submit"]:hover,
.pgacc-verify .pg-verify-freeio-form .button:hover,
.pgacc-btn:hover{
  color: #fff !important;
  filter: brightness(1.04);
  transform: translateY(-1px);
}

/* Remove weird old duplicated wrappers if they appear inside old CSS scope */
.pgacc-verify .pg-verify-header,
.pgacc-verify > .pg-verify-layout,
.pgacc-verify > .pg-verify-card,
.pgacc-verify > .pg-verify-side{
  all: unset;
}

/* Responsive */
@media (max-width: 1024px){
  .pgacc-page{
    width: min(760px, calc(100% - 32px));
    padding: 46px 0 86px;
  }

  .pgacc-grid{
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .pgacc-side{
    gap: 18px;
  }
}

@media (max-width: 767px){
  .pgacc-page{
    width: 100%;
    padding: 34px 14px 86px;
  }

  .pgacc-hero{
    margin-bottom: 24px;
  }

  .pgacc-hero h1{
    font-size: 44px;
    line-height: .98;
    letter-spacing: -.055em;
  }

  .pgacc-hero p{
    font-size: 16px;
    line-height: 1.58;
  }

  .pgacc-card--form,
  .pgacc-card--levels,
  .pgacc-card--note,
  .pgacc-card--solo{
    padding: 21px;
    border-radius: 24px;
  }

  .pgacc-verify .pg-verify-upload-ui{
    align-items: stretch !important;
    flex-direction: column !important;
  }

  .pgacc-verify .pg-verify-upload-btn{
    width: 100% !important;
  }
}
/* =========================================================
   PAKTOGRAF SETTINGS V3
   Stavite na dno Additional CSS-a ili style.css poslije starog settings CSS-a.

   Ovo je novi markup sistem za [paktograf_settings]:
   .pgs3-page / .pgs3-card / .pgs3-layout
   ========================================================= */

:root{
  --pgs3-bg:#f7f6fb;
  --pgs3-card:#fff;
  --pgs3-text:#0f172a;
  --pgs3-muted:#667085;
  --pgs3-border:#e8ebf3;
  --pgs3-purple:#7c3aed;
  --pgs3-purple2:#a855f7;
  --pgs3-purple-soft:#f3e8ff;
  --pgs3-yellow:#ffc107;
  --pgs3-shadow:0 22px 58px rgba(15,23,42,.065);
}

body:has(.pgs3-page){
  background:
    radial-gradient(circle at 68% 7%, rgba(124,58,237,.10), transparent 30%),
    linear-gradient(180deg, #fbfaff 0%, #f7f6fb 58%, #f7f6fb 100%) !important;
}

.pgs3-page,
.pgs3-page *{
  box-sizing:border-box;
}

.pgs3-page{
  width:min(1180px, calc(100% - 44px));
  max-width:1180px;
  margin:0 auto;
  padding:72px 0 98px;
  color:var(--pgs3-text);
}

/* Hero */
.pgs3-hero{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 260px;
  gap:28px;
  align-items:end;
  margin:0 0 30px;
}

.pgs3-hero__copy{
  min-width:0;
}

.pgs3-eyebrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:31px;
  padding:0 15px;
  margin:0 0 14px;
  border-radius:999px;
  background:var(--pgs3-purple-soft);
  color:var(--pgs3-purple);
  font-size:12px;
  line-height:1;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.pgs3-hero h1{
  max-width:690px;
  margin:0 0 15px;
  color:var(--pgs3-text);
  font-size:clamp(50px, 5.2vw, 78px);
  line-height:.92;
  letter-spacing:-.07em;
  font-weight:950;
}

.pgs3-hero p{
  max-width:690px;
  margin:0;
  color:var(--pgs3-muted);
  font-size:19px;
  line-height:1.62;
  font-weight:720;
}

.pgs3-public-card{
  min-height:104px;
  padding:21px 22px;
  border:1px solid var(--pgs3-border);
  border-radius:26px;
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(12px);
  box-shadow:0 18px 42px rgba(15,23,42,.06);
}

.pgs3-public-card span{
  display:block;
  margin:0 0 7px;
  color:#98a2b3;
  font-size:12px;
  font-weight:850;
}

.pgs3-public-card strong{
  display:block;
  margin:0 0 5px;
  color:var(--pgs3-text);
  font-size:18px;
  line-height:1.2;
  font-weight:950;
}

.pgs3-public-card small{
  display:block;
  color:var(--pgs3-muted);
  font-size:12px;
  line-height:1.35;
  font-weight:650;
}

/* Notices */
.pgs3-notice{
  margin:0 0 22px;
}

.pgs3-notice .pg-settings-notice{
  margin:0 !important;
  padding:16px 18px !important;
  border-radius:20px !important;
  border:1px solid #dbeafe !important;
  background:#eff6ff !important;
  color:#1d4ed8 !important;
  font-size:14px !important;
  line-height:1.45 !important;
  font-weight:800 !important;
  box-shadow:none !important;
}

.pgs3-notice .pg-settings-error{
  border-color:#fecaca !important;
  background:#fff1f2 !important;
  color:#b91c1c !important;
}

/* Layout */
.pgs3-layout{
  display:grid;
  grid-template-columns:minmax(0, 1.17fr) minmax(340px, .83fr);
  gap:24px;
  align-items:start;
}

.pgs3-stack{
  display:grid;
  gap:22px;
  align-content:start;
  min-width:0;
}

.pgs3-card{
  border:1px solid var(--pgs3-border);
  border-radius:30px;
  background:var(--pgs3-card);
  box-shadow:var(--pgs3-shadow);
  padding:30px;
  min-width:0;
}

.pgs3-card-head{
  margin:0 0 24px;
}

.pgs3-card h2,
.pgs3-card-head h2{
  margin:0 0 10px;
  color:var(--pgs3-text);
  font-size:27px;
  line-height:1.1;
  letter-spacing:-.045em;
  font-weight:950;
}

.pgs3-card p,
.pgs3-card-head p{
  margin:0;
  color:var(--pgs3-muted);
  font-size:14px;
  line-height:1.68;
  font-weight:650;
}

/* Avatar */
.pgs3-avatar-row{
  display:grid;
  grid-template-columns:88px minmax(0, 1fr);
  gap:20px;
  align-items:center;
  margin:0 0 22px;
  padding:20px;
  border:1px solid #eef1f6;
  border-radius:24px;
  background:#fbfcff;
}

.pgs3-avatar-row__media{
  min-width:0;
}

.pgs3-avatar-row .pg-profile-photo-preview,
.pgs3-avatar-row .pg-profile-photo-fallback,
.pgs3-avatar-row img{
  width:82px !important;
  height:82px !important;
  min-width:82px !important;
  border-radius:24px !important;
  object-fit:cover !important;
  box-shadow:0 12px 30px rgba(15,23,42,.12) !important;
}

.pgs3-avatar-row .pg-profile-photo-fallback{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:linear-gradient(135deg, var(--pgs3-purple), var(--pgs3-purple2)) !important;
  color:#fff !important;
  font-size:28px !important;
  font-weight:950 !important;
}

.pgs3-avatar-row__control input[type="file"]{
  width:100% !important;
  min-height:58px !important;
  padding:7px !important;
  border:1px solid #e1e6f0 !important;
  border-radius:18px !important;
  background:#fff !important;
  color:var(--pgs3-muted) !important;
  font-size:14px !important;
  font-weight:720 !important;
}

.pgs3-avatar-row__control input[type="file"]::file-selector-button{
  min-height:44px;
  margin-right:14px;
  padding:0 18px;
  border:0;
  border-radius:15px;
  background:linear-gradient(135deg, var(--pgs3-purple), var(--pgs3-purple2));
  color:#fff;
  font-size:13px;
  font-weight:950;
  box-shadow:0 12px 24px rgba(124,58,237,.18);
}

/* Fields */
.pgs3-fields{
  display:grid;
  gap:16px;
  margin:0 0 22px;
}

.pgs3-fields--two{
  grid-template-columns:1fr 1fr;
}

.pgs3-field{
  display:block;
  min-width:0;
}

.pgs3-label,
.pgs3-field > span{
  display:block;
  margin:0 0 8px;
  color:var(--pgs3-text);
  font-size:13px;
  line-height:1.25;
  font-weight:900;
}

.pgs3-field input,
.pgs3-field select,
.pgs3-field textarea,
.pgs3-freeio-card input[type="text"],
.pgs3-freeio-card input[type="email"],
.pgs3-freeio-card input[type="password"],
.pgs3-freeio-card textarea,
.pgs3-freeio-card select,
.pgs3-card input[type="text"],
.pgs3-card input[type="email"],
.pgs3-card input[type="tel"],
.pgs3-card input[type="password"],
.pgs3-card select,
.pgs3-card textarea{
  width:100% !important;
  min-height:58px !important;
  padding:0 18px !important;
  border:1px solid #e1e6f0 !important;
  border-radius:18px !important;
  background:#fff !important;
  color:var(--pgs3-text) !important;
  box-shadow:none !important;
  font-size:15px !important;
  line-height:1.25 !important;
  font-weight:720 !important;
}

.pgs3-card textarea{
  min-height:140px !important;
  padding:16px 18px !important;
}

.pgs3-field input:focus,
.pgs3-field select:focus,
.pgs3-field textarea:focus,
.pgs3-card input:focus,
.pgs3-card select:focus,
.pgs3-card textarea:focus{
  border-color:#8b5cf6 !important;
  box-shadow:0 0 0 4px rgba(139,92,246,.12) !important;
  outline:0 !important;
}

/* Buttons */
.pgs3-btn,
.pgs3-card button,
.pgs3-card input[type="submit"],
.pgs3-card .button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:56px !important;
  padding:0 24px !important;
  border:0 !important;
  border-radius:18px !important;
  background:linear-gradient(135deg, var(--pgs3-purple), var(--pgs3-purple2)) !important;
  color:#fff !important;
  font-size:15px !important;
  line-height:1 !important;
  font-weight:950 !important;
  text-decoration:none !important;
  box-shadow:0 16px 34px rgba(124,58,237,.24) !important;
  cursor:pointer !important;
}

.pgs3-btn:hover,
.pgs3-card button:hover,
.pgs3-card input[type="submit"]:hover,
.pgs3-card .button:hover{
  color:#fff !important;
  filter:brightness(1.04);
  transform:translateY(-1px);
}

/* Location */
.pgs3-location{
  position:relative;
  margin:0 0 22px;
  padding:22px;
  border:1px solid #e6d8ff;
  border-radius:26px;
  background:
    radial-gradient(circle at 100% 0%, rgba(124,58,237,.11), transparent 38%),
    #fbf8ff;
}

.pgs3-location-input{
  position:relative;
}

.pgs3-location-input input{
  padding-right:48px !important;
}

.pgs3-location-input i{
  position:absolute;
  right:17px;
  top:50%;
  transform:translateY(-50%);
  font-style:normal;
  pointer-events:none;
}

.pgs3-location-dropdown{
  position:absolute;
  left:22px;
  right:22px;
  top:104px;
  z-index:50;
  overflow:hidden;
  border:1px solid #e6d8ff;
  border-radius:20px;
  background:#fff;
  box-shadow:0 24px 60px rgba(15,23,42,.14);
}

.pgs3-location-list{
  max-height:280px;
  overflow:auto;
  padding:8px;
}

.pgs3-location-item{
  width:100%;
  border:0;
  display:block;
  padding:12px 13px;
  border-radius:14px;
  background:transparent;
  text-align:left;
  cursor:pointer;
}

.pgs3-location-item:hover{
  background:#f5f3ff;
}

.pgs3-location-item strong{
  display:block;
  color:var(--pgs3-text);
  font-size:14px;
  font-weight:920;
}

.pgs3-location-item small{
  display:block;
  margin-top:3px;
  color:var(--pgs3-muted);
  font-size:12px;
  font-weight:650;
}

.pgs3-location-empty{
  padding:16px;
  color:var(--pgs3-muted);
  font-size:13px;
  font-weight:700;
}

.pgs3-location-summary{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:10px;
  margin:16px 0 0;
}

.pgs3-location-summary > div{
  min-height:72px;
  padding:13px;
  border:1px solid #eceef5;
  border-radius:18px;
  background:rgba(255,255,255,.72);
}

.pgs3-location-summary span{
  display:block;
  margin:0 0 7px;
  color:#98a2b3;
  font-size:11px;
  font-weight:850;
}

.pgs3-location-summary strong{
  display:block;
  color:var(--pgs3-text);
  font-size:13px;
  line-height:1.25;
  font-weight:900;
}

.pgs3-location-hint{
  margin:12px 0 0 !important;
  font-size:12px !important;
}

/* Privacy cards */
.pgs3-radio-list{
  display:grid;
  gap:12px;
  margin:0 0 18px;
}

.pgs3-radio{
  display:grid;
  grid-template-columns:22px minmax(0, 1fr);
  gap:12px;
  align-items:start;
  min-height:72px;
  padding:15px;
  border:1px solid #eef1f6;
  border-radius:20px;
  background:#fff;
  cursor:pointer;
}

.pgs3-radio:has(input:checked){
  border-color:#d9c7ff;
  background:#fbf8ff;
  box-shadow:0 0 0 4px rgba(124,58,237,.06);
}

.pgs3-radio input{
  margin:3px 0 0 !important;
  accent-color:var(--pgs3-purple);
}

.pgs3-radio strong{
  display:block;
  margin:0 0 4px;
  color:var(--pgs3-text);
  font-size:14px;
  line-height:1.25;
  font-weight:930;
}

.pgs3-radio small{
  display:block;
  color:var(--pgs3-muted);
  font-size:12px;
  line-height:1.45;
  font-weight:650;
}

/* Readonly and small notes */
.pgs3-readonly{
  min-height:58px;
  padding:13px 16px;
  border:1px solid #eef1f6;
  border-radius:18px;
  background:#fbfcff;
}

.pgs3-readonly span{
  display:block;
  margin:0 0 5px;
  color:#98a2b3;
  font-size:11px;
  font-weight:850;
}

.pgs3-readonly strong{
  display:block;
  color:var(--pgs3-text);
  font-size:14px;
  line-height:1.25;
  font-weight:930;
  word-break:break-word;
}

.pgs3-mini-note{
  margin:0 0 18px;
  padding:14px 15px;
  border:1px solid #eadfff;
  border-radius:18px;
  background:#fbf8ff;
  color:#7c3aed;
  font-size:13px;
  line-height:1.55;
  font-weight:750;
}

/* Checkbox list */
.pgs3-check-list{
  display:grid;
  gap:11px;
  margin:0 0 20px;
}

.pgs3-check-list label{
  display:grid;
  grid-template-columns:20px minmax(0, 1fr);
  gap:10px;
  align-items:center;
  min-height:44px;
  padding:10px 13px;
  border:1px solid #eef1f6;
  border-radius:16px;
  background:#fff;
  cursor:pointer;
}

.pgs3-check-list input{
  margin:0 !important;
  accent-color:var(--pgs3-purple);
}

.pgs3-check-list span{
  color:var(--pgs3-text);
  font-size:13px;
  line-height:1.35;
  font-weight:800;
}

/* Freeio embedded cards */
.pgs3-freeio-card form{
  margin:0 !important;
}

.pgs3-freeio-card h1,
.pgs3-freeio-card h2,
.pgs3-freeio-card h3{
  color:var(--pgs3-text) !important;
}

.pgs3-freeio-card label{
  display:block !important;
  margin:0 0 8px !important;
  color:var(--pgs3-text) !important;
  font-size:13px !important;
  font-weight:900 !important;
}

.pgs3-freeio-card .form-group{
  margin-bottom:18px !important;
}

.pgs3-freeio-card .pg-delete-duplicate-text,
.pgs3-freeio-card .pg-freeio-inner-title{
  display:none !important;
}

/* Danger section */
.pgs3-danger-row{
  margin-top:24px;
}

.pgs3-danger-card{
  max-width:760px;
  border-color:#fecaca;
  background:
    radial-gradient(circle at 100% 0%, rgba(239,68,68,.09), transparent 34%),
    #fffafa;
  box-shadow:0 18px 42px rgba(239,68,68,.055);
}

.pgs3-danger-card input[type="submit"],
.pgs3-danger-card button,
.pgs3-danger-card .button{
  background:#ef4444 !important;
  box-shadow:0 16px 32px rgba(239,68,68,.20) !important;
}

/* Compatibility guard: old settings CSS should not control inner V3 page */
.pgs3-page .pg-settings-card,
.pgs3-page .pg-settings-fields,
.pgs3-page .pg-settings-grid,
.pgs3-page .pg-settings-column,
.pgs3-page .pg-profile-photo-row,
.pgs3-page .pg-danger-card,
.pgs3-page .pg-freeio-card{
  all:unset;
}

/* Then restore box sizing after all:unset if any old class slips into output */
.pgs3-page .pg-settings-card *,
.pgs3-page .pg-settings-fields *,
.pgs3-page .pg-settings-grid *,
.pgs3-page .pg-settings-column *,
.pgs3-page .pg-profile-photo-row *,
.pgs3-page .pg-danger-card *,
.pgs3-page .pg-freeio-card *{
  box-sizing:border-box;
}

/* Responsive */
@media (max-width:1024px){
  .pgs3-page{
    width:min(760px, calc(100% - 32px));
    padding:46px 0 86px;
  }

  .pgs3-hero{
    grid-template-columns:1fr;
    align-items:start;
  }

  .pgs3-public-card{
    width:100%;
    max-width:360px;
  }

  .pgs3-layout{
    grid-template-columns:1fr;
    gap:22px;
  }

  .pgs3-side{
    grid-row:auto;
  }

  .pgs3-danger-card{
    max-width:none;
  }
}

@media (max-width:767px){
  .pgs3-page{
    width:100%;
    padding:34px 14px 86px;
  }

  .pgs3-hero{
    margin-bottom:24px;
  }

  .pgs3-hero h1{
    font-size:44px;
    line-height:.98;
    letter-spacing:-.055em;
  }

  .pgs3-hero p{
    font-size:16px;
    line-height:1.58;
  }

  .pgs3-card{
    padding:21px;
    border-radius:24px;
  }

  .pgs3-card h2,
  .pgs3-card-head h2{
    font-size:23px;
  }

  .pgs3-avatar-row{
    grid-template-columns:76px minmax(0, 1fr);
    gap:14px;
    padding:16px;
  }

  .pgs3-avatar-row .pg-profile-photo-preview,
  .pgs3-avatar-row .pg-profile-photo-fallback,
  .pgs3-avatar-row img{
    width:72px !important;
    height:72px !important;
    min-width:72px !important;
    border-radius:22px !important;
  }

  .pgs3-fields--two,
  .pgs3-location-summary{
    grid-template-columns:1fr;
  }

  .pgs3-location{
    padding:18px;
  }

  .pgs3-location-dropdown{
    left:18px;
    right:18px;
    top:100px;
  }

  .pgs3-btn,
  .pgs3-card button,
  .pgs3-card input[type="submit"],
  .pgs3-card .button{
    width:100% !important;
  }
}
/* =========================================================
   PAKTOGRAF — USER MENU / Z-INDEX FIX
   Problem: pgs3 public card ("Javni prikaz") prelazi preko user dropdown menija.
   Staviti NA SAMO DNO Additional CSS-a, poslije paktograf-settings-page-v3.css.
   ========================================================= */

/* Account/settings page content mora ostati ispod header dropdowna */
.pgs3-page,
.pgacc-page{
  position: relative !important;
  z-index: 1 !important;
}

.pgs3-hero,
.pgacc-hero{
  position: relative !important;
  z-index: 1 !important;
}

.pgs3-public-card,
.pgacc-public-card,
.pg-public-display-card,
.pg-settings-public-preview{
  position: relative !important;
  z-index: 1 !important;
}

/* Header i njegov dropdown moraju biti iznad page sadržaja */
#apus-header,
#apus-header-mobile,
.site-header,
.header,
.header-default,
.main-sticky-header,
.apus-header,
.pg-site-header,
.pg-header,
.pg-desktop-header,
.pg-mobile-header{
  position: relative !important;
  z-index: 9000 !important;
}

/* Search dropdown, account dropdown i Freeio user menu iznad svega na stranici */
#apus-header .dropdown-menu,
#apus-header-mobile .dropdown-menu,
.site-header .dropdown-menu,
.header .dropdown-menu,
.apus-header .dropdown-menu,
.pg-site-header .dropdown-menu,
.pg-header .dropdown-menu,
.user-account .dropdown-menu,
.user-account-wrapper .dropdown-menu,
.account-menu .dropdown-menu,
.account-wrapper .dropdown-menu,
.apus-user-menu,
.user-menu,
.user-menu-wrapper,
.profile-menu,
.profile-dropdown,
.header-user-menu,
.header-account-menu,
.my-account-menu,
.account-dropdown,
.pg-user-dropdown,
.pg-account-dropdown{
  position: absolute;
  z-index: 10050 !important;
}

/* Ako je dropdown panel već position: fixed/relative, samo ga digni iznad kartica */
#apus-header .user-menu,
#apus-header .user-menu-wrapper,
#apus-header .account-dropdown,
#apus-header .pg-user-dropdown,
#apus-header .pg-account-dropdown,
.pg-user-menu,
.pg-user-menu *,
.pg-account-menu,
.pg-account-menu *{
  z-index: 10050 !important;
}

/* Search panel posebno, jer se otvara iz headera i ne smije pasti ispod hero kartica */
.pg-header-search-panel,
.pg-search-panel,
.pg-search-dropdown,
.header-search-wrapper .dropdown-menu,
.header-search-form .dropdown-menu,
.apus-search-form .dropdown-menu,
.search-form-popup,
.search-dropdown{
  z-index: 10040 !important;
}

/* Modal layer ostaje iznad headera */
.mfp-bg{
  z-index: 11000 !important;
}

.mfp-wrap,
.mfp-container,
.mfp-content{
  z-index: 11010 !important;
}


.pkt-signals-app {
    position: fixed;
    inset: 0;
    background: #12091f;
    color: #fff;
    overflow: hidden;
    z-index: 999;
}

.pkt-signals-feed {
    height: 100vh;
    overflow-y: scroll;
    scroll-snap-type: y mandatory;
    -webkit-overflow-scrolling: touch;
}

.pkt-signal {
    height: 100vh;
    width: 100%;
    scroll-snap-align: start;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    box-sizing: border-box;
}

.pkt-signal-inner {
    width: 100%;
    max-width: 430px;
    min-height: 72vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.pkt-signal-location {
    font-size: 14px;
    font-weight: 700;
    color: #ffc107;
    margin-bottom: 18px;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.pkt-signal-headline {
    font-size: clamp(36px, 10vw, 58px);
    line-height: 0.95;
    font-weight: 900;
    margin: 0 0 24px;
    color: #fff;
}

.pkt-signal-body {
    font-size: 18px;
    line-height: 1.45;
    color: rgba(255,255,255,.82);
    margin: 0 0 36px;
}

.pkt-signal-actions {
    margin-top: auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.pkt-signal-cta,
.pkt-signal-send {
    width: 100%;
    min-height: 58px;
    border-radius: 999px;
    border: 0;
    font-size: 16px;
    font-weight: 800;
    text-align: center;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .16s ease, opacity .16s ease;
}

.pkt-signal-cta {
    background: #ffc107;
    color: #1b1028;
}

.pkt-signal-send {
    background: rgba(255,255,255,.12);
    color: #fff;
}

.pkt-signal-cta.is-pressed,
.pkt-signal-send.is-pressed {
    transform: scale(.96);
    opacity: .82;
}

.pkt-signals-loader {
    position: fixed;
    bottom: 90px;
    left: 0;
    right: 0;
    text-align: center;
    color: rgba(255,255,255,.6);
    font-size: 13px;
    display: none;
}

/* Layout varijacije */

.pkt-signal-stat .pkt-signal-headline {
    font-size: clamp(86px, 24vw, 140px);
    color: #ffc107;
}

.pkt-signal-personal {
    background: linear-gradient(180deg, #24103e, #12091f);
}

.pkt-signal-question {
    background: linear-gradient(180deg, #1c1230, #100719);
}

.pkt-signal-promo {
    background: linear-gradient(180deg, #2a1d05, #12091f);
}

.pkt-signal-job {
    background: linear-gradient(180deg, #101d35, #12091f);
}


/* =========================================================
   PAKTOGRAF SIGNALI V1 — MOBILE ONLY
   ========================================================= */

.pkt-signals-app {
    position: fixed;
    inset: 0;
    background: #12091f;
    color: #fff;
    overflow: hidden;
    z-index: 999;
}

.pkt-signals-feed {
    height: 100vh;
    overflow-y: scroll;
    scroll-snap-type: y mandatory;
    -webkit-overflow-scrolling: touch;
}

.pkt-signal {
    position: relative;
    height: 100vh;
    width: 100%;
    scroll-snap-align: start;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    box-sizing: border-box;
    overflow: hidden;
    background: #12091f;
}

.pkt-signal-bg {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.pkt-signal-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pkt-signal-overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.25) 0%,
            rgba(0,0,0,.42) 35%,
            rgba(0,0,0,.78) 100%
        );
}

.pkt-signal-inner {
    position: relative;
    z-index: 3;
    width: 100%;
    max-width: 430px;
    min-height: 78vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.pkt-signal-location {
    font-size: 14px;
    font-weight: 900;
    color: #ffc107;
    margin-bottom: 12px;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.pkt-signal-badge {
    display: inline-flex;
    width: fit-content;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(255,255,255,.15);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.pkt-signal-headline {
    font-size: clamp(38px, 10vw, 64px);
    line-height: .98;
    font-weight: 950;
    margin: 0 0 22px;
    color: #fff;
    letter-spacing: -0.04em;
    text-wrap: balance;
}

.pkt-signal-body {
    font-size: 18px;
    line-height: 1.42;
    color: rgba(255,255,255,.84);
    margin: 0 0 34px;
    max-width: 92%;
}

.pkt-signal-footer,
.pkt-signal-actions {
    margin-top: auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.pkt-signal-cta,
.pkt-signal-send {
    width: 100%;
    min-height: 64px;
    border-radius: 999px;
    border: 0;
    font-size: 18px;
    font-weight: 900;
    text-align: center;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .16s ease, opacity .16s ease, background .16s ease;
}

.pkt-signal-cta {
    background: #ffc107;
    color: #160d22;
    box-shadow: 0 12px 35px rgba(255,193,7,.28);
}

.pkt-signal-send {
    background: rgba(255,255,255,.16);
    color: #fff;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.pkt-signal-cta.is-pressed,
.pkt-signal-send.is-pressed {
    transform: scale(.96);
    opacity: .82;
}

.pkt-signals-loader {
    position: fixed;
    bottom: 90px;
    left: 0;
    right: 0;
    z-index: 20;
    text-align: center;
    color: rgba(255,255,255,.6);
    font-size: 13px;
    display: none;
}

/* Layout varijacije */

.pkt-signal-stat {
    background: radial-gradient(circle at 70% 30%, rgba(111,44,255,.35), transparent 45%), #12091f;
}

.pkt-signal-stat .pkt-signal-headline {
    font-size: clamp(92px, 26vw, 150px);
    color: #ffc107;
    letter-spacing: -0.08em;
}

.pkt-signal-trend {
    background: linear-gradient(180deg, #082011, #12091f);
}

.pkt-signal-personal {
    background: linear-gradient(180deg, #17361f, #12091f);
}

.pkt-signal-question {
    background: linear-gradient(180deg, #2b1b05, #12091f);
}

.pkt-signal-project {
    background: linear-gradient(180deg, #201306, #12091f);
}

.pkt-signal-promo {
    background: linear-gradient(180deg, #2a1105, #12091f);
}

.pkt-signal-job {
    background: linear-gradient(180deg, #101d35, #12091f);
}

/* Bez slike — neka overlay ne zatamni previše */

.pkt-signal:not(:has(.pkt-signal-bg)) .pkt-signal-overlay {
    background:
        radial-gradient(circle at 80% 20%, rgba(111,44,255,.28), transparent 40%),
        linear-gradient(180deg, rgba(255,255,255,.04), rgba(0,0,0,.2));
}

/* Guest/header problem — pokušaj sakriti višak samo na Signali stranici ako body dobije page slug */

body.page-slug-signali header,
body.page-slug-signali .site-header,
body.page-slug-signali #apus-header,
body.page-slug-signali .apus-header {
    display: none !important;
}

/* Mobile safe area */

@supports (padding: max(0px)) {
    .pkt-signal {
        padding-top: max(24px, env(safe-area-inset-top));
        padding-bottom: max(24px, env(safe-area-inset-bottom));
    }
}


body.page-id-333 header,
body.page-id-333 .site-header,
body.page-id-333 #apus-header,
body.page-id-333 .apus-header,
body.page-id-333 .header-mobile,
body.page-id-333 .main-header {
    display: none !important;
}

body.page-id-333 {
    margin: 0 !important;
    padding: 0 !important;
}

.pkt-signal-bg {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.pkt-signal-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pkt-signal-overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.25) 0%,
            rgba(0,0,0,.45) 35%,
            rgba(10,0,20,.88) 100%
        );
}

.pkt-signal-inner {
    position: relative;
    z-index: 3;
}

.pkt-signal-badge {
    display: inline-flex;
    width: fit-content;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(255,255,255,.16);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 18px;
    backdrop-filter: blur(12px);
}

/* =========================================================
   PAKTOGRAF SIGNALI — editorial/radar polish 2026-06
   - žuti topbar bez logo mark ikone
   - Pošalji signal = primarni CTA
   - kontekstualni CTA = tekstualni link bez bg/bordera
   - žuti outline side ikone
   - stat meta red + swipe hint bez broja
   ========================================================= */

body.page-id-333 .apus-header,
body.page-id-333 .site-header,
body.page-id-333 header,
body.page-id-333 .apus-footer,
body.page-id-333 footer,
body.page-id-333 .pg-mobile-bottom-nav,
body.page-id-333 .apus-footer-mobile{
    display: none !important;
}

body.page-id-333{
    background: #050505 !important;
    overflow: hidden !important;
    overscroll-behavior: none;
}

.pkt-signals-app{
    position: fixed !important;
    inset: 0 !important;
    z-index: 99999 !important;
    width: 100% !important;
    height: 100svh !important;
    background: #050505 !important;
    color: #fff !important;
    overflow: hidden !important;
    font-family: "Poppins", "Montserrat", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

.pkt-signals-feed{
    height: 100svh !important;
    overflow-y: auto !important;
    scroll-snap-type: y mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-y: contain !important;
    scrollbar-width: none !important;
}

.pkt-signals-feed::-webkit-scrollbar{ display: none !important; }

.pkt-signal-topnav{
    position: fixed !important;
    top: max(14px, env(safe-area-inset-top)) !important;
    left: 20px !important;
    right: 20px !important;
    z-index: 80 !important;
    height: 56px !important;
    display: grid !important;
    grid-template-columns: 48px 1fr 48px !important;
    align-items: center !important;
    padding: 0 !important;
    background: transparent !important;
    pointer-events: none !important;
}

.pkt-signal-topnav > *{ pointer-events: auto !important; }

.pkt-signal-back,
.pkt-signal-search{
    width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #ffc107 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 36px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    text-decoration: none !important;
}

.pkt-signal-search{ justify-self: end !important; }

.pkt-signal-logo{
    justify-self: center !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    color: #ffc107 !important;
    text-decoration: none !important;
}

.pkt-signal-logo-mark{ display: none !important; }

.pkt-signal-logo-text{
    color: #ffc107 !important;
    font-size: 27px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: -.035em !important;
}

.pkt-signal{
    position: relative !important;
    width: 100% !important;
    height: 100svh !important;
    min-height: 100svh !important;
    scroll-snap-align: start !important;
    overflow: hidden !important;
    background: #101010 !important;
    padding: 0 !important;
    display: block !important;
}

.pkt-signal-bg,
.pkt-signal-bg img,
.pkt-signal-overlay{
    position: absolute !important;
    inset: 0 !important;
}

.pkt-signal-bg{ z-index: 1 !important; }
.pkt-signal-bg img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transform: scale(1.035) !important;
    filter: saturate(.92) contrast(.98) !important;
}

.pkt-signal-overlay{
    z-index: 2 !important;
    background:
        linear-gradient(to bottom, rgba(0,0,0,.68) 0%, rgba(0,0,0,.30) 28%, rgba(0,0,0,.48) 58%, rgba(0,0,0,.90) 100%),
        linear-gradient(to right, rgba(0,0,0,.52) 0%, rgba(0,0,0,.20) 56%, rgba(0,0,0,.35) 100%) !important;
}

.pkt-signal-inner{
    position: relative !important;
    z-index: 4 !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 100svh !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    padding: calc(122px + env(safe-area-inset-top)) 86px calc(30px + env(safe-area-inset-bottom)) 34px !important;
    box-sizing: border-box !important;
}

.pkt-signal-location{
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    margin: 0 0 18px !important;
    color: rgba(255,255,255,.78) !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

.pkt-signal-location__pin{ color: #ffc107 !important; filter: saturate(1.2); }
.pkt-signal-location strong{
    color: #fff !important;
    font-size: inherit !important;
    font-weight: 850 !important;
    text-transform: uppercase !important;
    letter-spacing: .015em !important;
}
.pkt-signal-dot{ opacity: .8 !important; }

.pkt-signal-badge{
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: fit-content !important;
    min-height: 42px !important;
    padding: 0 18px !important;
    margin: 0 0 48px !important;
    border: 1.4px solid #ffc107 !important;
    border-radius: 999px !important;
    background: rgba(0,0,0,.12) !important;
    color: #fff !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 850 !important;
    letter-spacing: .045em !important;
    text-transform: uppercase !important;
}

.pkt-signal-badge span{ color: #ffc107 !important; font-size: 19px !important; }

.pkt-signal-headline{
    margin: 0 0 26px !important;
    color: #fff !important;
    max-width: 720px !important;
    font-size: clamp(48px, 12vw, 78px) !important;
    line-height: .98 !important;
    font-weight: 850 !important;
    letter-spacing: -.055em !important;
    text-wrap: balance !important;
    text-shadow: 0 3px 24px rgba(0,0,0,.42) !important;
}

.pkt-signal-body{
    margin: 0 !important;
    max-width: 610px !important;
    color: rgba(255,255,255,.78) !important;
    font-size: clamp(19px, 5.1vw, 28px) !important;
    line-height: 1.45 !important;
    font-weight: 500 !important;
    letter-spacing: -.02em !important;
    text-shadow: 0 3px 18px rgba(0,0,0,.34) !important;
}

.pkt-signal-stats{
    margin-top: auto !important;
    margin-bottom: 28px !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: 650px !important;
    color: #fff !important;
}

.pkt-signal-statitem{
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 12px !important;
    text-align: left !important;
}

.pkt-signal-statitem:not(:last-child){ border-right: 1px solid rgba(255,255,255,.35) !important; }

.pkt-signal-statitem__icon{
    flex: 0 0 auto !important;
    color: #ffc107 !important;
    font-size: 24px !important;
    line-height: 1 !important;
}

.pkt-signal-statitem__text{
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.pkt-signal-statitem strong{
    display: block !important;
    color: #fff !important;
    font-size: 15px !important;
    line-height: 1.15 !important;
    font-weight: 760 !important;
    letter-spacing: -.02em !important;
}

.pkt-signal-statitem small{
    display: block !important;
    color: rgba(255,255,255,.86) !important;
    font-size: 12px !important;
    line-height: 1.18 !important;
    font-weight: 560 !important;
    margin-top: 2px !important;
}

.pkt-signal-actions{
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 22px !important;
    margin: 0 !important;
    width: 100% !important;
}

.pkt-signal-send{
    order: 1 !important;
    width: 100% !important;
    min-height: 72px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #ffc107 !important;
    color: #111 !important;
    box-shadow: 0 16px 42px rgba(255,193,7,.20) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 16px !important;
    font-size: 25px !important;
    line-height: 1 !important;
    font-weight: 760 !important;
    text-decoration: none !important;
}

.pkt-send-icon{
    width: auto !important;
    height: auto !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #111 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 31px !important;
    line-height: 1 !important;
    transform: rotate(0deg) !important;
}

.pkt-signal-cta{
    order: 2 !important;
    width: auto !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #ffc107 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    font-size: 24px !important;
    line-height: 1.15 !important;
    font-weight: 660 !important;
    text-decoration: none !important;
}

.pkt-signal-cta-arrow{ font-size: 34px !important; line-height: .8 !important; }

.pkt-signal-side-actions{
    position: absolute !important;
    right: 18px !important;
    top: 34% !important;
    z-index: 20 !important;
    transform: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 24px !important;
}

.pkt-side-action-wrap{ position: relative !important; }

.pkt-side-icon{
    width: 62px !important;
    min-width: 62px !important;
    height: 62px !important;
    min-height: 62px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    border: 1.5px solid #ffc107 !important;
    background: rgba(0,0,0,.10) !important;
    color: #fff !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    position: relative !important;
}

.pkt-side-icon-symbol{
    font-size: 22px !important;
    line-height: 1 !important;
    color: #fff !important;
}

.pkt-side-icon small{
    position: absolute !important;
    top: calc(100% + 8px) !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    display: block !important;
    color: #fff !important;
    opacity: .96 !important;
    font-size: 15px !important;
    line-height: 1 !important;
    font-weight: 650 !important;
}

.pkt-side-favorite.is-saved{
    background: rgba(255,193,7,.18) !important;
    color: #fff !important;
}

.pkt-side-dropdown{
    right: 72px !important;
    bottom: 0 !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    background: rgba(10,10,10,.88) !important;
}

.pkt-signal-swipe-hint{
    margin-top: 26px !important;
    color: rgba(255,255,255,.72) !important;
    text-align: center !important;
    font-size: 27px !important;
    line-height: 1 !important;
    height: 28px !important;
    animation: pktSignalSwipeHint 1.65s ease-in-out infinite !important;
}

@keyframes pktSignalSwipeHint{
    0%,100%{ transform: translateY(4px); opacity: .36; }
    50%{ transform: translateY(-4px); opacity: .92; }
}

.pkt-signals-loader{
    bottom: calc(92px + env(safe-area-inset-bottom)) !important;
    color: rgba(255,255,255,.68) !important;
    z-index: 95 !important;
}

@media (min-width: 768px){
    .pkt-signals-app{
        max-width: 430px !important;
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) !important;
        box-shadow: 0 30px 90px rgba(0,0,0,.42) !important;
    }
}

@media (max-width: 390px){
    .pkt-signal-topnav{
        left: 16px !important;
        right: 16px !important;
    }

    .pkt-signal-inner{
        padding-left: 28px !important;
        padding-right: 76px !important;
    }

    .pkt-signal-headline{
        font-size: clamp(43px, 11.4vw, 64px) !important;
    }

    .pkt-signal-body{
        font-size: 18px !important;
    }

    .pkt-signal-side-actions{
        right: 14px !important;
        gap: 22px !important;
    }

    .pkt-side-icon{
        width: 56px !important;
        min-width: 56px !important;
        height: 56px !important;
        min-height: 56px !important;
    }

    .pkt-signal-stats{
        max-width: 100% !important;
        margin-bottom: 24px !important;
    }

    .pkt-signal-statitem{
        gap: 6px !important;
        padding: 0 8px !important;
    }

    .pkt-signal-statitem__icon{ font-size: 21px !important; }
    .pkt-signal-statitem strong{ font-size: 13px !important; }
    .pkt-signal-statitem small{ font-size: 11px !important; }

    .pkt-signal-send{
        min-height: 66px !important;
        font-size: 22px !important;
    }

    .pkt-signal-cta{
        font-size: 22px !important;
    }
}

.pkt-signal,
.pkt-signal *{
  font-family: "Poppins", "Inter", "Montserrat", Arial, sans-serif !important;
}

.pkt-signal-headline{
  font-size: clamp(42px, 9.8vw, 68px) !important;
  line-height: 1.02 !important;
  letter-spacing: -2px !important;
  font-weight: 800 !important;
}

.pkt-signal-body{
  font-size: clamp(18px, 4.4vw, 24px) !important;
  line-height: 1.45 !important;
}

.pkt-side-icon{
  width: 56px !important;
  height: 56px !important;
}

.pkt-side-icon-symbol{
  font-size: 21px !important;
}

.pkt-signal-stats{
  display: flex !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

.pkt-signal-statitem{
  min-width: 0 !important;
  flex: 1 !important;
}

.pkt-signal-statitem__icon{
  font-size: 18px !important;
}

.pkt-signal-statitem__text strong{
  font-size: 14px !important;
  line-height: 1.15 !important;
}

.pkt-signal-statitem__text small{
  font-size: 11px !important;
  line-height: 1.1 !important;
}

.pkt-signal-send{
  height: 66px !important;
  font-size: 24px !important;
}

.pkt-signal-cta{
  font-size: 24px !important;
  margin-top: 20px !important;
}



/* Paktograf Onboarding V1 */

.pkt-onboarding-shell {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 28px 16px;
    background: #f7f4ff;
}

.pkt-onboarding-card {
    width: 100%;
    max-width: 760px;
    background: #fff;
    border-radius: 28px;
    padding: 34px;
    box-shadow: 0 24px 80px rgba(23, 14, 48, 0.12);
    border: 1px solid rgba(111, 44, 255, 0.10);
}

.pkt-onboarding-progress {
    display: flex;
    gap: 8px;
    margin-bottom: 28px;
}

.pkt-onboarding-progress span {
    height: 6px;
    flex: 1;
    border-radius: 999px;
    background: #ebe6f7;
}

.pkt-onboarding-progress span.is-active {
    background: #6f2cff;
}

.pkt-step {
    display: none;
}

.pkt-step.is-active {
    display: block;
}

.pkt-kicker {
    margin: 0 0 8px;
    color: #6f2cff;
    font-weight: 700;
    letter-spacing: .02em;
    font-size: 13px;
    text-transform: uppercase;
}

.pkt-step h1 {
    margin: 0 0 12px;
    font-size: 34px;
    line-height: 1.1;
    color: #170e30;
}

.pkt-lead {
    margin: 0 0 28px;
    font-size: 16px;
    line-height: 1.6;
    color: #5d5870;
}

.pkt-grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.pkt-onboarding-card label {
    display: block;
    margin-bottom: 16px;
}

.pkt-onboarding-card label span {
    display: block;
    margin-bottom: 7px;
    color: #170e30;
    font-weight: 700;
    font-size: 14px;
}

.pkt-onboarding-card input[type="text"],
.pkt-onboarding-card textarea,
.pkt-onboarding-card select {
    width: 100%;
    border: 1px solid #e4dff1;
    border-radius: 16px;
    padding: 14px 15px;
    font-size: 15px;
    color: #170e30;
    background: #fff;
    outline: none;
    transition: .18s ease;
}

.pkt-onboarding-card input[type="text"]:focus,
.pkt-onboarding-card textarea:focus,
.pkt-onboarding-card select:focus {
    border-color: #6f2cff;
    box-shadow: 0 0 0 4px rgba(111, 44, 255, 0.10);
}

.pkt-onboarding-card small {
    display: block;
    margin-top: 8px;
    color: #766f89;
    line-height: 1.45;
}

.pkt-avatar-row {
    display: flex;
    gap: 16px;
    align-items: center;
    margin-bottom: 22px;
    padding: 16px;
    border: 1px solid #eee8fb;
    border-radius: 20px;
    background: #fbf9ff;
}

.pkt-avatar-row p {
    margin: 3px 0 0;
    color: #766f89;
}

.pkt-avatar-upload {
    margin: 0 !important;
    width: 74px;
    height: 74px;
    flex: 0 0 74px;
    cursor: pointer;
}

.pkt-avatar-upload input {
    display: none;
}

.pkt-avatar-upload span {
    width: 74px;
    height: 74px;
    border-radius: 24px;
    background: #6f2cff;
    color: #fff !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 34px !important;
    font-weight: 500 !important;
    background-size: cover;
    background-position: center;
}

.pkt-avatar-upload span.has-image {
    font-size: 0 !important;
}

.pkt-choice-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
}

.pkt-choice {
    text-align: left;
    border: 1px solid #eee8fb;
    background: #fff;
    border-radius: 22px;
    padding: 18px;
    cursor: pointer;
    transition: .18s ease;
}

.pkt-choice:hover,
.pkt-choice.is-selected {
    border-color: #6f2cff;
    background: #fbf9ff;
    transform: translateY(-1px);
}

.pkt-choice span {
    display: inline-flex;
    margin-bottom: 8px;
    padding: 5px 10px;
    border-radius: 999px;
    background: #f0e9ff;
    color: #6f2cff;
    font-size: 12px;
    font-weight: 700;
}

.pkt-choice strong {
    display: block;
    color: #170e30;
    font-size: 17px;
    margin-bottom: 5px;
}

.pkt-choice p {
    margin: 0;
    color: #6b657c;
    line-height: 1.45;
}

.pkt-signal-preview {
    border-radius: 24px;
    padding: 20px;
    background: linear-gradient(135deg, #6f2cff, #8b5cf6);
    color: #fff;
    margin-bottom: 22px;
}

.pkt-signal-preview span {
    display: inline-flex;
    margin-bottom: 12px;
    padding: 5px 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.16);
    font-size: 12px;
    font-weight: 700;
}

.pkt-signal-preview strong {
    display: block;
    font-size: 20px;
    line-height: 1.25;
    margin-bottom: 8px;
}

.pkt-signal-preview p {
    margin: 0;
    line-height: 1.5;
    opacity: .9;
}

.pkt-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 26px;
    flex-wrap: wrap;
}

.pkt-btn {
    border: 0;
    border-radius: 999px;
    padding: 13px 20px;
    font-weight: 800;
    cursor: pointer;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    transition: .18s ease;
}

.pkt-btn-primary {
    background: #ffc107;
    color: #170e30;
}

.pkt-btn-primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 24px rgba(255, 193, 7, 0.28);
}

.pkt-btn-ghost {
    background: #f0e9ff;
    color: #6f2cff;
}

.pkt-btn-light {
    background: #f5f2fb;
    color: #514960;
}

@media (max-width: 680px) {
    .pkt-onboarding-shell {
        align-items: stretch;
        padding: 0;
        background: #fff;
    }

    .pkt-onboarding-card {
        min-height: 100vh;
        border-radius: 0;
        box-shadow: none;
        border: 0;
        padding: 24px 18px;
    }

    .pkt-step h1 {
        font-size: 28px;
    }

    .pkt-grid-2 {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .pkt-actions {
        justify-content: stretch;
    }

    .pkt-actions .pkt-btn {
        flex: 1 1 100%;
        min-height: 48px;
    }
}

/* Smart location */

.pkt-smart-location {
    position: relative;
}

.pkt-location-results {
    display: none;
    position: absolute;
    z-index: 30;
    left: 0;
    right: 0;
    top: 82px;
    background: #fff;
    border: 1px solid #eee8fb;
    border-radius: 18px;
    box-shadow: 0 18px 45px rgba(23, 14, 48, 0.13);
    padding: 8px;
}

.pkt-location-results.is-visible {
    display: block;
}

.pkt-location-result {
    width: 100%;
    border: 0;
    background: transparent;
    text-align: left;
    padding: 12px 13px;
    border-radius: 14px;
    cursor: pointer;
    transition: .16s ease;
}

.pkt-location-result:hover {
    background: #f7f3ff;
}

.pkt-location-result strong {
    display: block;
    color: #170e30;
    font-size: 14px;
    margin-bottom: 3px;
}

.pkt-location-result span {
    display: block;
    color: #766f89;
    font-size: 13px;
}

.pkt-location-preview {
    display: none;
    margin-top: -4px;
    margin-bottom: 16px;
    padding: 11px 13px;
    border-radius: 15px;
    background: #f7f3ff;
    color: #6f2cff;
    font-weight: 800;
    font-size: 14px;
}

.pkt-location-preview.is-visible {
    display: inline-flex;
}

/* Toast */

.pkt-toast {
    position: fixed;
    left: 50%;
    bottom: 24px;
    z-index: 99999;
    transform: translate(-50%, 20px);
    width: calc(100% - 32px);
    max-width: 460px;
    background: #170e30;
    color: #fff;
    border-radius: 22px;
    padding: 15px 46px 15px 18px;
    box-shadow: 0 18px 60px rgba(23, 14, 48, 0.25);
    opacity: 0;
    pointer-events: none;
    transition: .22s ease;
}

.pkt-toast.is-visible {
    opacity: 1;
    pointer-events: auto;
    transform: translate(-50%, 0);
}

.pkt-toast strong {
    display: block;
    font-size: 15px;
    margin-bottom: 4px;
}

.pkt-toast span {
    display: block;
    font-size: 14px;
    line-height: 1.4;
    opacity: .86;
}

.pkt-toast button {
    position: absolute;
    right: 14px;
    top: 12px;
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 999px;
    background: rgba(255,255,255,.12);
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
}

@media (max-width: 680px) {
    .pkt-location-results {
        top: 84px;
    }

    .pkt-toast {
        bottom: 18px;
        border-radius: 20px;
    }
}

/* Paktograf PWA scroll unlock - forme i onboarding */

body.pg-project-submit-page,
body.pg-service-submit-page,
body.pg-onboarding-page {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    height: auto !important;
    min-height: 100dvh !important;
    position: relative !important;
    touch-action: pan-y !important;
}

body.pg-project-submit-page .site,
body.pg-project-submit-page #page,
body.pg-project-submit-page .main-page,
body.pg-project-submit-page .pg-post-project-page,
body.pg-project-submit-page .pg-post-project-page__container,
body.pg-project-submit-page .pg-post-project-page__form-card,
body.pg-service-submit-page .site,
body.pg-service-submit-page #page,
body.pg-service-submit-page .main-page,
body.pg-onboarding-page .site,
body.pg-onboarding-page #page,
body.pg-onboarding-page .main-page {
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
    touch-action: pan-y !important;
}

/* PWA ne treba pokazivati footer na app ekranima */
body.pg-is-pwa.pg-onboarding-page footer,
body.pg-is-pwa.pg-signals-page footer {
    display: none !important;
}

/* =========================================================
   Paktograf Poslovi V1 — Additional CSS
   ========================================================= */

body.pg-job-submit-page,
body.pg-job-payment-page,
body.pg-jobs-archive-page,
body.pg-my-job-ads-page,
body.pg-job-single-page {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    height: auto !important;
    min-height: 100dvh !important;
    touch-action: pan-y !important;
}

.pg-jobs-shell {
    max-width: 1180px;
    margin: 0 auto;
    padding: 34px 16px 56px;
    color: #170e30;
}

.pg-jobs-hero {
    position: relative;
    border-radius: 30px;
    padding: 34px;
    margin-bottom: 22px;
    background: linear-gradient(135deg, #f7f3ff 0%, #ffffff 72%);
    border: 1px solid rgba(111, 44, 255, 0.12);
    box-shadow: 0 22px 70px rgba(23, 14, 48, 0.08);
}

.pg-jobs-hero--archive {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.pg-jobs-kicker {
    margin: 0 0 8px;
    color: #6f2cff;
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .03em;
}

.pg-jobs-hero h1,
.pg-job-single__hero h1 {
    margin: 0 0 12px;
    font-size: clamp(30px, 5vw, 48px);
    line-height: 1.05;
    letter-spacing: -.04em;
    color: #170e30;
}

.pg-jobs-hero p,
.pg-job-single__hero p {
    max-width: 720px;
    margin: 0;
    color: #625a73;
    font-size: 16px;
    line-height: 1.6;
}

.pg-jobs-back {
    display: inline-flex;
    margin-bottom: 16px;
    color: #6f2cff;
    font-weight: 900;
    text-decoration: none !important;
}

.pg-jobs-credit-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 18px;
    padding: 10px 14px;
    border-radius: 999px;
    background: #fff;
    color: #43384e;
    border: 1px solid #eee8fb;
    font-weight: 800;
}

.pg-jobs-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 12px 18px;
    border: 0;
    border-radius: 999px;
    font-weight: 900;
    line-height: 1;
    text-decoration: none !important;
    cursor: pointer;
    transition: .18s ease;
}

.pg-jobs-btn:hover {
    transform: translateY(-1px);
}

.pg-jobs-btn--primary {
    background: #ffc107;
    color: #170e30 !important;
    box-shadow: 0 10px 24px rgba(255, 193, 7, .24);
}

.pg-jobs-btn--light {
    background: #f2edff;
    color: #6f2cff !important;
}

.pg-jobs-card,
.pg-job-form,
.pg-jobs-payment__note,
.pg-jobs-empty {
    border-radius: 28px;
    padding: 26px;
    background: #fff;
    border: 1px solid #eee8fb;
    box-shadow: 0 18px 60px rgba(23, 14, 48, 0.07);
}

.pg-job-form label {
    display: block;
    margin-bottom: 18px;
}

.pg-job-form label span {
    display: block;
    margin-bottom: 8px;
    color: #170e30;
    font-size: 14px;
    font-weight: 900;
}

.pg-job-form input[type="text"],
.pg-job-form input[type="email"],
.pg-job-form input[type="url"],
.pg-job-form input[type="number"],
.pg-job-form input[type="date"],
.pg-job-form textarea,
.pg-job-form select,
.pg-jobs-filters input,
.pg-jobs-filters select {
    width: 100%;
    border: 1px solid #e4dff1;
    border-radius: 16px;
    padding: 14px 15px;
    background: #fff;
    color: #170e30;
    font-size: 15px;
    outline: none;
    transition: .18s ease;
}

.pg-job-form input:focus,
.pg-job-form textarea:focus,
.pg-job-form select:focus,
.pg-jobs-filters input:focus,
.pg-jobs-filters select:focus {
    border-color: #6f2cff;
    box-shadow: 0 0 0 4px rgba(111, 44, 255, .10);
}

.pg-job-form__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.pg-job-form__grid--salary {
    grid-template-columns: 1fr 1fr 140px;
}

.pg-job-form__payment-note {
    margin-top: 8px;
    padding: 16px 18px;
    border-radius: 20px;
    background: #fbf9ff;
    border: 1px solid #eee8fb;
}

.pg-job-form__payment-note strong {
    display: block;
    margin-bottom: 4px;
    color: #170e30;
}

.pg-job-form__payment-note p {
    margin: 0;
    color: #6b657c;
    line-height: 1.45;
}

.pg-job-form__actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 24px;
}

.pg-job-location-field {
    position: relative;
}

.pg-job-location-results {
    top: 74px;
}

.pg-jobs-filters {
    display: grid;
    grid-template-columns: 1fr 260px auto;
    gap: 12px;
    margin-bottom: 20px;
}

.pg-jobs-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.pg-job-card {
    display: flex;
    flex-direction: column;
    gap: 12px;
    border-radius: 24px;
    padding: 20px;
    background: #fff;
    border: 1px solid #eee8fb;
    box-shadow: 0 14px 44px rgba(23, 14, 48, .06);
}

.pg-job-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.pg-job-card__top span,
.pg-job-single__category,
.pg-jobs-package__badge {
    display: inline-flex;
    width: fit-content;
    padding: 6px 10px;
    border-radius: 999px;
    background: #f0e9ff;
    color: #6f2cff;
    font-size: 12px;
    font-weight: 900;
}

.pg-job-card__top small {
    color: #8a8299;
    font-weight: 700;
}

.pg-job-card h2 {
    margin: 0;
    font-size: 20px;
    line-height: 1.2;
}

.pg-job-card h2 a {
    color: #170e30;
    text-decoration: none !important;
}

.pg-job-card__company {
    margin: -4px 0 0;
    color: #5f586f;
    font-weight: 800;
}

.pg-job-card__meta {
    display: grid;
    gap: 7px;
    color: #6b657c;
    font-size: 14px;
    line-height: 1.35;
}

.pg-job-card__deadline {
    margin: 0;
    color: #7a728a;
    font-size: 13px;
    font-weight: 800;
}

.pg-jobs-pagination {
    margin-top: 26px;
    text-align: center;
}

.pg-jobs-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px;
    margin: 3px;
    border-radius: 999px;
    background: #f2edff;
    color: #6f2cff;
    font-weight: 900;
    text-decoration: none !important;
}

.pg-jobs-pagination .current {
    background: #6f2cff;
    color: #fff;
}

.pg-jobs-packages {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.pg-jobs-package {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 24px;
    border-radius: 26px;
    background: #fff;
    border: 1px solid #eee8fb;
    box-shadow: 0 18px 60px rgba(23, 14, 48, .07);
}

.pg-jobs-package h2 {
    margin: 0;
    color: #170e30;
}

.pg-jobs-package p {
    margin: 0;
    color: #6b657c;
    line-height: 1.5;
}

.pg-jobs-package__price {
    display: block;
    font-size: 32px;
    line-height: 1;
    color: #170e30;
    letter-spacing: -.04em;
}

.pg-jobs-package small {
    color: #7a728a;
    font-weight: 800;
}

.pg-jobs-payment__job,
.pg-jobs-payment__note {
    margin-top: 18px;
}

.pg-jobs-payment__job {
    display: inline-flex;
    flex-direction: column;
    gap: 4px;
    padding: 14px 16px;
    border-radius: 18px;
    background: #fff;
    border: 1px solid #eee8fb;
}

.pg-jobs-payment__job span {
    color: #7a728a;
    font-size: 13px;
    font-weight: 800;
}

.pg-job-single__hero {
    border-radius: 30px;
    padding: 34px;
    margin-bottom: 22px;
    background: linear-gradient(135deg, #6f2cff, #8b5cf6);
    color: #fff;
}

.pg-job-single__hero h1,
.pg-job-single__hero p {
    color: #fff;
}

.pg-job-single__category {
    background: rgba(255,255,255,.16);
    color: #fff;
    margin-bottom: 14px;
}

.pg-job-single__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 18px;
}

.pg-job-single__section,
.pg-job-single__box,
.pg-my-job-row {
    border-radius: 26px;
    padding: 24px;
    background: #fff;
    border: 1px solid #eee8fb;
    box-shadow: 0 18px 60px rgba(23, 14, 48, .06);
}

.pg-job-single__section h2,
.pg-job-single__box h3 {
    margin-top: 0;
    color: #170e30;
}

.pg-job-single__content {
    color: #3f374f;
    line-height: 1.72;
}

.pg-job-single__side {
    display: grid;
    gap: 14px;
    align-content: start;
}

.pg-job-single__box ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 12px;
}

.pg-job-single__box li {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #f1ecfb;
}

.pg-job-single__box li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.pg-job-single__box li strong {
    color: #6b657c;
}

.pg-job-single__box li span {
    text-align: right;
    color: #170e30;
    font-weight: 900;
}

.pg-job-single__apply {
    display: grid;
    gap: 10px;
}

.pg-my-jobs-list {
    display: grid;
    gap: 12px;
}

.pg-my-job-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.pg-my-job-row h2 {
    margin: 0 0 6px;
    font-size: 20px;
}

.pg-my-job-row p {
    margin: 0;
    color: #6b657c;
}

.pg-my-job-row__actions {
    display: flex;
    gap: 8px;
}

@media (max-width: 900px) {
    .pg-jobs-grid,
    .pg-jobs-packages,
    .pg-job-single__layout {
        grid-template-columns: 1fr;
    }

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

    .pg-job-form__grid,
    .pg-job-form__grid--salary {
        grid-template-columns: 1fr;
        gap: 0;
    }
}

@media (max-width: 680px) {
    .pg-jobs-shell {
        padding: 18px 14px 38px;
    }

    .pg-jobs-hero,
    .pg-job-form,
    .pg-jobs-card,
    .pg-job-single__hero,
    .pg-job-single__section,
    .pg-job-single__box,
    .pg-job-card,
    .pg-jobs-package,
    .pg-my-job-row {
        border-radius: 22px;
        padding: 20px;
    }

    .pg-job-form__actions,
    .pg-my-job-row,
    .pg-my-job-row__actions {
        flex-direction: column;
        align-items: stretch;
    }

    .pg-jobs-btn {
        width: 100%;
    }
}


/* =========================================================
   Paktograf Poslovi V1 — Additional CSS
   ========================================================= */

body.pg-job-submit-page,
body.pg-job-payment-page,
body.pg-jobs-archive-page,
body.pg-my-job-ads-page,
body.pg-job-single-page {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    height: auto !important;
    min-height: 100dvh !important;
    touch-action: pan-y !important;
}

.pg-jobs-shell {
    max-width: 1180px;
    margin: 0 auto;
    padding: 34px 16px 56px;
    color: #170e30;
}

.pg-jobs-hero {
    position: relative;
    border-radius: 30px;
    padding: 34px;
    margin-bottom: 22px;
    background: linear-gradient(135deg, #f7f3ff 0%, #ffffff 72%);
    border: 1px solid rgba(111, 44, 255, 0.12);
    box-shadow: 0 22px 70px rgba(23, 14, 48, 0.08);
}

.pg-jobs-hero--archive {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.pg-jobs-kicker {
    margin: 0 0 8px;
    color: #6f2cff;
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .03em;
}

.pg-jobs-hero h1,
.pg-job-single__hero h1 {
    margin: 0 0 12px;
    font-size: clamp(30px, 5vw, 48px);
    line-height: 1.05;
    letter-spacing: -.04em;
    color: #170e30;
}

.pg-jobs-hero p,
.pg-job-single__hero p {
    max-width: 720px;
    margin: 0;
    color: #625a73;
    font-size: 16px;
    line-height: 1.6;
}

.pg-jobs-back {
    display: inline-flex;
    margin-bottom: 16px;
    color: #6f2cff;
    font-weight: 900;
    text-decoration: none !important;
}

.pg-jobs-credit-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 18px;
    padding: 10px 14px;
    border-radius: 999px;
    background: #fff;
    color: #43384e;
    border: 1px solid #eee8fb;
    font-weight: 800;
}

.pg-jobs-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 12px 18px;
    border: 0;
    border-radius: 999px;
    font-weight: 900;
    line-height: 1;
    text-decoration: none !important;
    cursor: pointer;
    transition: .18s ease;
}

.pg-jobs-btn:hover {
    transform: translateY(-1px);
}

.pg-jobs-btn--primary {
    background: #ffc107;
    color: #170e30 !important;
    box-shadow: 0 10px 24px rgba(255, 193, 7, .24);
}

.pg-jobs-btn--light {
    background: #f2edff;
    color: #6f2cff !important;
}

.pg-jobs-card,
.pg-job-form,
.pg-jobs-payment__note,
.pg-jobs-empty {
    border-radius: 28px;
    padding: 26px;
    background: #fff;
    border: 1px solid #eee8fb;
    box-shadow: 0 18px 60px rgba(23, 14, 48, 0.07);
}

.pg-job-form label {
    display: block;
    margin-bottom: 18px;
}

.pg-job-form label span {
    display: block;
    margin-bottom: 8px;
    color: #170e30;
    font-size: 14px;
    font-weight: 900;
}

.pg-job-form input[type="text"],
.pg-job-form input[type="email"],
.pg-job-form input[type="url"],
.pg-job-form input[type="number"],
.pg-job-form input[type="date"],
.pg-job-form textarea,
.pg-job-form select,
.pg-jobs-filters input,
.pg-jobs-filters select {
    width: 100%;
    border: 1px solid #e4dff1;
    border-radius: 16px;
    padding: 14px 15px;
    background: #fff;
    color: #170e30;
    font-size: 15px;
    outline: none;
    transition: .18s ease;
}

.pg-job-form input:focus,
.pg-job-form textarea:focus,
.pg-job-form select:focus,
.pg-jobs-filters input:focus,
.pg-jobs-filters select:focus {
    border-color: #6f2cff;
    box-shadow: 0 0 0 4px rgba(111, 44, 255, .10);
}

.pg-job-form__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.pg-job-form__grid--salary {
    grid-template-columns: 1fr 1fr 140px;
}

.pg-job-form__payment-note {
    margin-top: 8px;
    padding: 16px 18px;
    border-radius: 20px;
    background: #fbf9ff;
    border: 1px solid #eee8fb;
}

.pg-job-form__payment-note strong {
    display: block;
    margin-bottom: 4px;
    color: #170e30;
}

.pg-job-form__payment-note p {
    margin: 0;
    color: #6b657c;
    line-height: 1.45;
}

.pg-job-form__actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 24px;
}

.pg-job-location-field {
    position: relative;
}

.pg-job-location-results {
    top: 74px;
}

.pg-jobs-filters {
    display: grid;
    grid-template-columns: 1fr 260px auto;
    gap: 12px;
    margin-bottom: 20px;
}

.pg-jobs-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.pg-job-card {
    display: flex;
    flex-direction: column;
    gap: 12px;
    border-radius: 24px;
    padding: 20px;
    background: #fff;
    border: 1px solid #eee8fb;
    box-shadow: 0 14px 44px rgba(23, 14, 48, .06);
}

.pg-job-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.pg-job-card__top span,
.pg-job-single__category,
.pg-jobs-package__badge {
    display: inline-flex;
    width: fit-content;
    padding: 6px 10px;
    border-radius: 999px;
    background: #f0e9ff;
    color: #6f2cff;
    font-size: 12px;
    font-weight: 900;
}

.pg-job-card__top small {
    color: #8a8299;
    font-weight: 700;
}

.pg-job-card h2 {
    margin: 0;
    font-size: 20px;
    line-height: 1.2;
}

.pg-job-card h2 a {
    color: #170e30;
    text-decoration: none !important;
}

.pg-job-card__company {
    margin: -4px 0 0;
    color: #5f586f;
    font-weight: 800;
}

.pg-job-card__meta {
    display: grid;
    gap: 7px;
    color: #6b657c;
    font-size: 14px;
    line-height: 1.35;
}

.pg-job-card__deadline {
    margin: 0;
    color: #7a728a;
    font-size: 13px;
    font-weight: 800;
}

.pg-jobs-pagination {
    margin-top: 26px;
    text-align: center;
}

.pg-jobs-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px;
    margin: 3px;
    border-radius: 999px;
    background: #f2edff;
    color: #6f2cff;
    font-weight: 900;
    text-decoration: none !important;
}

.pg-jobs-pagination .current {
    background: #6f2cff;
    color: #fff;
}

.pg-jobs-packages {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.pg-jobs-package {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 24px;
    border-radius: 26px;
    background: #fff;
    border: 1px solid #eee8fb;
    box-shadow: 0 18px 60px rgba(23, 14, 48, .07);
}

.pg-jobs-package h2 {
    margin: 0;
    color: #170e30;
}

.pg-jobs-package p {
    margin: 0;
    color: #6b657c;
    line-height: 1.5;
}

.pg-jobs-package__price {
    display: block;
    font-size: 32px;
    line-height: 1;
    color: #170e30;
    letter-spacing: -.04em;
}

.pg-jobs-package small {
    color: #7a728a;
    font-weight: 800;
}

.pg-jobs-payment__job,
.pg-jobs-payment__note {
    margin-top: 18px;
}

.pg-jobs-payment__job {
    display: inline-flex;
    flex-direction: column;
    gap: 4px;
    padding: 14px 16px;
    border-radius: 18px;
    background: #fff;
    border: 1px solid #eee8fb;
}

.pg-jobs-payment__job span {
    color: #7a728a;
    font-size: 13px;
    font-weight: 800;
}

.pg-job-single__hero {
    border-radius: 30px;
    padding: 34px;
    margin-bottom: 22px;
    background: linear-gradient(135deg, #6f2cff, #8b5cf6);
    color: #fff;
}

.pg-job-single__hero h1,
.pg-job-single__hero p {
    color: #fff;
}

.pg-job-single__category {
    background: rgba(255,255,255,.16);
    color: #fff;
    margin-bottom: 14px;
}

.pg-job-single__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 18px;
}

.pg-job-single__section,
.pg-job-single__box,
.pg-my-job-row {
    border-radius: 26px;
    padding: 24px;
    background: #fff;
    border: 1px solid #eee8fb;
    box-shadow: 0 18px 60px rgba(23, 14, 48, .06);
}

.pg-job-single__section h2,
.pg-job-single__box h3 {
    margin-top: 0;
    color: #170e30;
}

.pg-job-single__content {
    color: #3f374f;
    line-height: 1.72;
}

.pg-job-single__side {
    display: grid;
    gap: 14px;
    align-content: start;
}

.pg-job-single__box ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 12px;
}

.pg-job-single__box li {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #f1ecfb;
}

.pg-job-single__box li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.pg-job-single__box li strong {
    color: #6b657c;
}

.pg-job-single__box li span {
    text-align: right;
    color: #170e30;
    font-weight: 900;
}

.pg-job-single__apply {
    display: grid;
    gap: 10px;
}

.pg-my-jobs-list {
    display: grid;
    gap: 12px;
}

.pg-my-job-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.pg-my-job-row h2 {
    margin: 0 0 6px;
    font-size: 20px;
}

.pg-my-job-row p {
    margin: 0;
    color: #6b657c;
}

.pg-my-job-row__actions {
    display: flex;
    gap: 8px;
}

@media (max-width: 900px) {
    .pg-jobs-grid,
    .pg-jobs-packages,
    .pg-job-single__layout {
        grid-template-columns: 1fr;
    }

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

    .pg-job-form__grid,
    .pg-job-form__grid--salary {
        grid-template-columns: 1fr;
        gap: 0;
    }
}

@media (max-width: 680px) {
    .pg-jobs-shell {
        padding: 18px 14px 38px;
    }

    .pg-jobs-hero,
    .pg-job-form,
    .pg-jobs-card,
    .pg-job-single__hero,
    .pg-job-single__section,
    .pg-job-single__box,
    .pg-job-card,
    .pg-jobs-package,
    .pg-my-job-row {
        border-radius: 22px;
        padding: 20px;
    }

    .pg-job-form__actions,
    .pg-my-job-row,
    .pg-my-job-row__actions {
        flex-direction: column;
        align-items: stretch;
    }

    .pg-jobs-btn {
        width: 100%;
    }
}
/* Paktograf Poslovi — prijava kroz Poruke */
.pg-job-form__message-note{
    padding:16px 18px;
    margin:6px 0 18px;
    border:1px solid rgba(111,44,255,.14);
    border-radius:18px;
    background:#f8f4ff;
    color:#170e30;
}
.pg-job-form__message-note strong{
    display:block;
    font-size:15px;
    font-weight:800;
    margin-bottom:5px;
}
.pg-job-form__message-note p{
    margin:0;
    color:#615a73;
    line-height:1.45;
    font-size:14px;
}
.pg-job-single__apply-note{
    margin:10px 0 0;
    font-size:14px;
    line-height:1.45;
    color:#667085;
}
.pg-job-message-cta{
    width:100%;
}
.pg-job-message-context{
    position:fixed;
    left:50%;
    bottom:24px;
    z-index:99998;
    width:calc(100% - 32px);
    max-width:520px;
    transform:translateX(-50%);
    background:#170e30;
    color:#fff;
    border-radius:22px;
    padding:15px 16px;
    box-shadow:0 18px 60px rgba(23,14,48,.25);
}
.pg-job-message-context strong,
.pg-job-message-context span{
    display:block;
}
.pg-job-message-context strong{
    font-size:15px;
    margin-bottom:5px;
}
.pg-job-message-context span{
    font-size:14px;
    line-height:1.4;
    opacity:.86;
    padding-right:86px;
}
.pg-job-message-context button{
    position:absolute;
    right:12px;
    bottom:12px;
    border:0;
    border-radius:999px;
    padding:8px 11px;
    background:#ffc107;
    color:#170e30;
    font-weight:800;
    font-size:12px;
    cursor:pointer;
}
@media(max-width:680px){
    .pg-job-message-context{
        bottom:16px;
        border-radius:20px;
    }
    .pg-job-message-context span{
        padding-right:0;
        margin-bottom:10px;
    }
    .pg-job-message-context button{
        position:static;
        display:inline-flex;
    }
}

/* =========================================================
   PAKTOGRAF SERVISI V1 — zalijepiti na kraj Additional CSS
   Radi samo kada functions.php sigurno aktivira wizard.
   ========================================================= */

body.pg-service-submit-page {
    background: #f7f6fb !important;
}

body.pg-service-submit-page .pg-service-wizard-head,
body.pg-service-submit-page form.pg-service-wizard-ready {
    width: min(900px, calc(100% - 32px));
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Desktop parity with Objavi projekat: one header, same 860px rhythm and no
   inherited page-title space above the actual wizard. */
@media (min-width: 768px) {
    body.pg-service-submit-page .pg-service-wizard-head,
    body.pg-service-submit-page form.pg-service-wizard-ready {
        width: min(860px, calc(100% - 32px));
    }
    body.pg-service-submit-page .pg-service-wizard-head {
        padding-top: 32px;
    }
    body.pg-service-submit-page form.pg-service-wizard-ready {
        padding: 24px !important;
        border-radius: 24px !important;
        box-shadow: 0 10px 30px rgba(16,24,40,.04) !important;
    }
}

body.pg-service-submit-page .entry-title,
body.pg-service-submit-page .page-title,
body.pg-service-submit-page .breadcrumb,
body.pg-service-submit-page .breadcrumbs,
body.pg-service-submit-page .apus-breadscrumb,
body.pg-service-submit-page .pg-service-editor,
body.pg-service-submit-page .pg-service-technical-heading,
body.pg-service-submit-page form.pg-service-wizard-ready > h1,
body.pg-service-submit-page form.pg-service-wizard-ready > h2,
body.pg-service-submit-page form.pg-service-wizard-ready > h3.title {
    display: none !important;
}

body.pg-service-submit-page #main-container,
body.pg-service-submit-page #apus-main-content,
body.pg-service-submit-page .site-main,
body.pg-service-submit-page .main-page {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

body.pg-service-submit-page .pg-service-wizard-controls {
    bottom: 18px;
    margin-top: 24px;
    border-radius: 18px;
}

body.pg-service-submit-page .pg-service-btn-next {
    min-width: 118px;
}

.pg-service-wizard-head {
    padding-top: 42px;
}

.pg-service-wizard-back-link {
    display: inline-flex;
    align-items: center;
    margin-bottom: 24px;
    color: #667085 !important;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none !important;
}

.pg-service-wizard-back-link:hover {
    color: #6f2cff !important;
}

.pg-service-wizard-hero {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 22px;
}

.pg-service-wizard-icon {
    flex: 0 0 auto;
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    border-radius: 19px;
    background: linear-gradient(135deg, #7a3cff, #6f2cff);
    color: #fff;
    font-size: 28px;
    font-weight: 900;
    box-shadow: 0 16px 32px rgba(111, 44, 255, .24);
}

.pg-service-wizard-hero small {
    display: block;
    margin-bottom: 5px;
    color: #6f2cff;
    font-size: 11px;
    line-height: 1;
    font-weight: 950;
    letter-spacing: .09em;
}

.pg-service-wizard-hero h1 {
    margin: 0 0 6px !important;
    color: #101828;
    font-size: clamp(34px, 5vw, 52px) !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: -.05em;
}

.pg-service-wizard-hero p {
    margin: 0;
    color: #667085;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 600;
}

.pg-service-wizard-note {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 20px;
    padding: 15px 17px;
    border: 1px solid #e7dcff;
    border-radius: 18px;
    background: #fbf9ff;
}

.pg-service-wizard-note > b {
    font-size: 19px;
}

.pg-service-wizard-note span,
.pg-service-wizard-note strong,
.pg-service-wizard-note small {
    display: block;
}

.pg-service-wizard-note strong {
    margin-bottom: 3px;
    color: #34205b;
    font-size: 14px;
    font-weight: 900;
}

.pg-service-wizard-note small {
    color: #74688b;
    font-size: 12px;
    line-height: 1.45;
    font-weight: 600;
}

.pg-service-wizard-steps {
    display: grid;
    grid-template-columns: auto 1fr auto 1fr auto;
    align-items: center;
    margin-bottom: 20px;
    padding: 14px 18px;
    border: 1px solid #e6e3ed;
    border-radius: 22px;
    background: #fff;
}

.pg-service-wizard-steps button {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #98a2b3 !important;
    box-shadow: none !important;
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
}

.pg-service-wizard-steps button b {
    width: 31px;
    height: 31px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: #f2f4f7;
    color: #667085;
    font-size: 12px;
}

.pg-service-wizard-steps button.is-active {
    color: #101828 !important;
}

.pg-service-wizard-steps button.is-active b {
    background: #6f2cff;
    color: #fff;
}

.pg-service-wizard-steps button.is-complete b {
    background: #eee7ff;
    color: #6f2cff;
}

.pg-service-wizard-steps > i {
    height: 2px;
    margin: 0 14px;
    border-radius: 99px;
    background: #eaecf0;
}

body.pg-service-submit-page form.pg-service-wizard-ready {
    position: relative;
    display: block !important;
    overflow: visible !important;
    height: auto !important;
    min-height: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 110px !important;
    padding: 28px !important;
    border: 1px solid #e6e3ed !important;
    border-radius: 28px !important;
    background: #fff !important;
    box-shadow: 0 20px 60px rgba(16, 24, 40, .07) !important;
}

.pg-service-step-heading {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    margin-bottom: 25px;
    padding-bottom: 21px;
    border-bottom: 1px solid #edf0f4;
}

.pg-service-step-heading > b {
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: #f2eaff;
    color: #6f2cff;
    font-size: 12px;
    font-weight: 950;
}

.pg-service-step-heading span,
.pg-service-step-heading strong,
.pg-service-step-heading small {
    display: block;
}

.pg-service-step-heading strong {
    margin-bottom: 4px;
    color: #101828;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 950;
    letter-spacing: -.025em;
}

.pg-service-step-heading small {
    color: #667085;
    font-size: 13px;
    line-height: 1.45;
    font-weight: 600;
}

/* Koraci se kontrolišu bez premještanja Freeio polja. */
form.pg-service-wizard-ready[data-pg-current-step="1"] .cmb-row[data-pg-service-step="2"],
form.pg-service-wizard-ready[data-pg-current-step="2"] .cmb-row[data-pg-service-step="1"],
form.pg-service-wizard-ready[data-pg-current-step="3"] .cmb-row[data-pg-service-step="1"],
form.pg-service-wizard-ready[data-pg-current-step="3"] .cmb-row[data-pg-service-step="2"] {
    display: none !important;
}

form.pg-service-wizard-ready .cmb-row[data-pg-service-step="1"],
form.pg-service-wizard-ready .cmb-row[data-pg-service-step="2"] {
    margin: 0 0 20px !important;
    padding: 0 !important;
    border: 0 !important;
}

form.pg-service-wizard-ready .cmb-th,
form.pg-service-wizard-ready .cmb-td {
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
}

form.pg-service-wizard-ready .cmb-th,
form.pg-service-wizard-ready .cmb-th label,
form.pg-service-wizard-ready label {
    display: block;
    margin: 0 0 8px !important;
    color: #344054 !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 850 !important;
}

form.pg-service-wizard-ready input[type="text"],
form.pg-service-wizard-ready input[type="number"],
form.pg-service-wizard-ready input[type="email"],
form.pg-service-wizard-ready input[type="url"],
form.pg-service-wizard-ready input[type="search"],
form.pg-service-wizard-ready select,
form.pg-service-wizard-ready textarea,
form.pg-service-wizard-ready .select2-selection {
    width: 100% !important;
    min-height: 54px !important;
    border: 1px solid #dbe1ea !important;
    border-radius: 16px !important;
    background: #fff !important;
    color: #101828 !important;
    box-shadow: none !important;
    outline: 0 !important;
    font-size: 15px !important;
    font-weight: 650 !important;
}

form.pg-service-wizard-ready input[type="text"],
form.pg-service-wizard-ready input[type="number"],
form.pg-service-wizard-ready input[type="email"],
form.pg-service-wizard-ready input[type="url"],
form.pg-service-wizard-ready input[type="search"],
form.pg-service-wizard-ready select {
    padding: 0 15px !important;
}

form.pg-service-wizard-ready textarea {
    min-height: 150px !important;
    padding: 15px !important;
    resize: vertical;
}

form.pg-service-wizard-ready input:focus,
form.pg-service-wizard-ready select:focus,
form.pg-service-wizard-ready textarea:focus,
form.pg-service-wizard-ready .select2-container--open .select2-selection {
    border-color: #6f2cff !important;
    box-shadow: 0 0 0 4px rgba(111, 44, 255, .1) !important;
}

.pg-service-field-error input,
.pg-service-field-error select,
.pg-service-field-error textarea,
.pg-service-field-error .select2-selection {
    border-color: #ef4444 !important;
    box-shadow: 0 0 0 4px rgba(239, 68, 68, .08) !important;
}

.pg-service-error-text {
    margin-top: 7px;
    color: #dc2626;
    font-size: 12px;
    line-height: 1.4;
    font-weight: 750;
}

/* Kategorije kao jednostavne kartice; još nisu zaseban picker. */
.pg-service-category-row ul,
.pg-service-category-row .cmb2-radio-list,
.pg-service-category-row .cmb2-checkbox-list {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.pg-service-category-row li.pg-service-category-card {
    position: relative;
    min-height: 58px;
    display: flex !important;
    align-items: center;
    margin: 0 !important;
    padding: 11px 13px !important;
    border: 1px solid #e2e7ef;
    border-radius: 15px;
    background: #fff;
    cursor: pointer;
    transition: .16s ease;
}

.pg-service-category-row li.pg-service-category-card:hover,
.pg-service-category-row li.pg-service-category-card.is-selected {
    border-color: #cdb7ff;
    background: #fbf9ff;
}

.pg-service-category-row li.pg-service-category-card input {
    width: 17px !important;
    height: 17px !important;
    margin: 0 9px 0 0 !important;
    accent-color: #6f2cff;
}

.pg-service-category-row li.pg-service-category-card label {
    flex: 1;
    margin: 0 !important;
    color: #344054 !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;
    cursor: pointer;
}

.pg-service-location-tools {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 13px;
    padding: 13px;
    border: 1px solid #e7dcff;
    border-radius: 16px;
    background: #fbf9ff;
}

.pg-service-location-tools > span {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 10px;
}

.pg-service-location-tools > span > b {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: #6f2cff;
    color: #fff;
    font-size: 18px;
}

.pg-service-location-tools span span,
.pg-service-location-tools strong,
.pg-service-location-tools small {
    display: block;
}

.pg-service-location-tools strong {
    margin-bottom: 2px;
    color: #34205b;
    font-size: 13px;
    font-weight: 900;
}

.pg-service-location-tools small {
    color: #74688b;
    font-size: 11px;
    line-height: 1.35;
    font-weight: 600;
}

.pg-service-location-tools button {
    min-height: 39px;
    padding: 0 12px !important;
    border: 1px solid #d9c9fb !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: #6f2cff !important;
    box-shadow: none !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

.pg-service-preview {
    display: none;
}

form.pg-service-wizard-ready[data-pg-current-step="3"] .pg-service-preview {
    display: block;
}

.pg-service-preview-card {
    padding: 25px;
    border: 1px solid #e6e3ed;
    border-radius: 23px;
    background: linear-gradient(145deg, #fff, #fbf9ff);
}

.pg-service-preview-eyebrow {
    display: inline-flex;
    padding: 7px 11px;
    border-radius: 999px;
    background: #f2eaff;
    color: #6f2cff;
    font-size: 11px;
    font-weight: 900;
}

.pg-service-preview-card h2 {
    margin: 16px 0 9px !important;
    color: #101828;
    font-size: 30px !important;
    line-height: 1.12 !important;
    font-weight: 950 !important;
    letter-spacing: -.035em;
}

.pg-service-preview-card > p {
    margin: 0;
    color: #667085;
    font-size: 15px;
    line-height: 1.65;
    white-space: pre-line;
}

.pg-service-preview-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 11px;
    margin-top: 22px;
}

.pg-service-preview-grid > div {
    padding: 13px;
    border: 1px solid #eaecf0;
    border-radius: 15px;
    background: #fff;
}

.pg-service-preview-grid small,
.pg-service-preview-grid strong {
    display: block;
}

.pg-service-preview-grid small {
    margin-bottom: 5px;
    color: #98a2b3;
    font-size: 10px;
    line-height: 1.3;
    font-weight: 850;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.pg-service-preview-grid strong {
    color: #344054;
    font-size: 13px;
    line-height: 1.45;
    font-weight: 800;
    word-break: break-word;
}

form.pg-service-wizard-ready .pg-service-original-submit-wrap,
form.pg-service-wizard-ready .pg-service-original-submit {
    display: none !important;
}

.pg-service-wizard-controls {
    position: sticky;
    bottom: 18px;
    z-index: 30;
    display: flex;
    justify-content: space-between;
    gap: 11px;
    margin-top: 20px;
    padding: 11px;
    border: 1px solid rgba(230, 227, 237, .94);
    border-radius: 19px;
    background: rgba(255, 255, 255, .93);
    box-shadow: 0 16px 38px rgba(16, 24, 40, .12);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
}

.pg-service-btn {
    min-height: 49px;
    padding: 0 21px !important;
    border-radius: 14px !important;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    cursor: pointer;
}

.pg-service-btn-back {
    border: 1px solid #dbe1ea !important;
    background: #fff !important;
    color: #344054 !important;
    box-shadow: none !important;
}

.pg-service-btn-next {
    margin-left: auto;
    border: 1px solid #6f2cff !important;
    background: #6f2cff !important;
    color: #fff !important;
    box-shadow: 0 10px 23px rgba(111, 44, 255, .22) !important;
}

@media (max-width: 767px) {
    body.pg-service-submit-page .pg-service-wizard-head,
    body.pg-service-submit-page form.pg-service-wizard-ready {
        width: 100%;
    }

    .pg-service-wizard-head {
        padding: 18px 15px 0;
    }

    .pg-service-wizard-back-link {
        margin-bottom: 18px;
    }

    .pg-service-wizard-hero {
        align-items: flex-start;
        gap: 13px;
    }

    .pg-service-wizard-icon {
        width: 48px;
        height: 48px;
        border-radius: 16px;
        font-size: 23px;
    }

    .pg-service-wizard-hero h1 {
        font-size: 35px !important;
    }

    .pg-service-wizard-note {
        border-radius: 17px;
    }

    .pg-service-wizard-steps {
        padding: 12px 14px;
        border-radius: 19px;
    }

    .pg-service-wizard-steps button span {
        display: none;
    }

    .pg-service-wizard-steps > i {
        margin: 0 9px;
    }

    body.pg-service-submit-page form.pg-service-wizard-ready {
        margin-bottom: 0 !important;
        padding: 21px 15px 105px !important;
        border-right: 0 !important;
        border-bottom: 0 !important;
        border-left: 0 !important;
        border-radius: 28px 28px 0 0 !important;
        box-shadow: 0 -12px 40px rgba(16, 24, 40, .07) !important;
    }

    .pg-service-step-heading {
        margin-bottom: 21px;
    }

    .pg-service-category-row ul,
    .pg-service-category-row .cmb2-radio-list,
    .pg-service-category-row .cmb2-checkbox-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pg-service-location-tools {
        align-items: stretch;
        flex-direction: column;
    }

    .pg-service-location-tools button {
        width: 100%;
    }

    .pg-service-preview-grid {
        grid-template-columns: 1fr;
    }

    .pg-service-wizard-controls {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 9990;
        margin: 0;
        padding: 10px 14px calc(10px + env(safe-area-inset-bottom));
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
        border-radius: 22px 22px 0 0;
    }

    .pg-service-wizard-controls .pg-service-btn {
        flex: 1;
    }
}

@media (max-width: 430px) {
    .pg-service-category-row ul,
    .pg-service-category-row .cmb2-radio-list,
    .pg-service-category-row .cmb2-checkbox-list {
        grid-template-columns: 1fr;
    }
}

























:root {
    --pkt-purple: #6f2cff;
    --pkt-purple-dark: #5420c7;
    --pkt-gold: #ffc107;
    --pkt-pink: #ff4f84;
    --pkt-text: #18131f;
    --pkt-muted: #756d7d;
    --pkt-border: #ece8f1;
    --pkt-surface: #ffffff;
    --pkt-soft: #f8f6fb;
    --pkt-shadow: 0 18px 50px rgba(36, 22, 56, 0.08);
}

.pkt-dashboard,
.pkt-dashboard * {
    box-sizing: border-box;
}

.pkt-dashboard {
    width: min(1440px, calc(100% - 48px));
    margin: 0 auto;
    padding: 38px 0 72px;
    color: var(--pkt-text);
    font-family: Poppins, Montserrat, Arial, sans-serif;
}

.pkt-dashboard__hero {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 28px;
    margin-bottom: 28px;
}

.pkt-eyebrow,
.pkt-panel__kicker {
    display: block;
    margin-bottom: 7px;
    color: var(--pkt-purple);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.pkt-dashboard__hero h1 {
    margin: 0 0 7px;
    font-size: clamp(30px, 4vw, 48px);
    line-height: 1.05;
    letter-spacing: -.04em;
}

.pkt-dashboard__hero p,
.pkt-panel p,
.pkt-module-card p {
    color: var(--pkt-muted);
}

.pkt-dashboard__hero p {
    margin: 0;
}

.pkt-period-switcher {
    display: flex;
    gap: 4px;
    padding: 5px;
    border: 1px solid var(--pkt-border);
    border-radius: 14px;
    background: var(--pkt-surface);
    box-shadow: 0 9px 24px rgba(29, 20, 42, .05);
}

.pkt-period-switcher button {
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: var(--pkt-muted);
    cursor: pointer;
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    padding: 10px 14px;
    transition: .2s ease;
}

.pkt-period-switcher button:hover,
.pkt-period-switcher button.is-active {
    background: var(--pkt-purple);
    color: #fff;
}

.pkt-kpi-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 18px;
}

.pkt-kpi-card,
.pkt-panel,
.pkt-module-card {
    border: 1px solid var(--pkt-border);
    border-radius: 22px;
    background: var(--pkt-surface);
    box-shadow: var(--pkt-shadow);
}

.pkt-kpi-card {
    display: flex;
    align-items: center;
    min-height: 132px;
    gap: 15px;
    padding: 22px;
    overflow: hidden;
    position: relative;
}

.pkt-kpi-card::after {
    position: absolute;
    right: -32px;
    top: -38px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: rgba(111, 44, 255, .06);
    content: '';
}

.pkt-kpi-card--attention::after {
    background: rgba(255, 193, 7, .15);
}

.pkt-kpi-card__icon {
    display: grid;
    flex: 0 0 46px;
    height: 46px;
    place-items: center;
    border-radius: 14px;
    background: #f0e9ff;
    color: var(--pkt-purple);
    font-size: 20px;
    font-weight: 700;
}

.pkt-kpi-card--attention .pkt-kpi-card__icon {
    background: #fff5d0;
    color: #8e6700;
}

.pkt-kpi-card span,
.pkt-kpi-card small {
    display: block;
}

.pkt-kpi-card span {
    color: var(--pkt-muted);
    font-size: 13px;
}

.pkt-kpi-card strong {
    display: block;
    margin: 3px 0;
    font-size: 29px;
    line-height: 1;
}

.pkt-kpi-card small {
    color: var(--pkt-muted);
    font-size: 11px;
}

.pkt-kpi-card small.is-positive {
    color: #17805a;
}

.pkt-analytics-grid,
.pkt-secondary-grid {
    display: grid;
    gap: 18px;
    margin-bottom: 18px;
}

.pkt-analytics-grid {
    grid-template-columns: minmax(0, 1.75fr) minmax(320px, .85fr);
}

.pkt-secondary-grid {
    grid-template-columns: minmax(0, 1.2fr) minmax(350px, .8fr);
}

.pkt-panel {
    min-width: 0;
    padding: 24px;
}

.pkt-panel__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 18px;
}

.pkt-panel__header h2,
.pkt-module-card h2,
.pkt-premium-card h2 {
    margin: 0;
    font-size: 20px;
    letter-spacing: -.025em;
}

.pkt-chart-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    color: var(--pkt-muted);
    font-size: 12px;
}

.pkt-chart-legend span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.pkt-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
}

.pkt-dot--views {
    background: var(--pkt-purple);
}

.pkt-dot--actions {
    background: var(--pkt-gold);
}

.pkt-line-chart {
    position: relative;
    min-height: 315px;
}

.pkt-line-chart svg {
    width: 100%;
    height: 315px;
    overflow: visible;
}

.pkt-chart-grid line {
    stroke: #eee9f3;
    stroke-width: 1;
}

.pkt-chart-line,
.pkt-chart-area {
    vector-effect: non-scaling-stroke;
}

.pkt-chart-line {
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 3;
}

.pkt-chart-line--views {
    stroke: var(--pkt-purple);
}

.pkt-chart-line--actions {
    stroke: var(--pkt-gold);
}

.pkt-chart-point {
    cursor: pointer;
    transition: transform .15s ease;
    transform-box: fill-box;
    transform-origin: center;
}

.pkt-chart-point:hover {
    transform: scale(1.45);
}

.pkt-chart-labels text {
    fill: #81788b;
    font-size: 11px;
    font-family: inherit;
}

.pkt-chart-tooltip {
    position: absolute;
    z-index: 4;
    min-width: 145px;
    padding: 11px 13px;
    border-radius: 12px;
    background: #17131d;
    color: #fff;
    box-shadow: 0 10px 26px rgba(0, 0, 0, .17);
    pointer-events: none;
    transform: translate(-50%, -115%);
    font-size: 12px;
}

.pkt-chart-tooltip strong,
.pkt-chart-tooltip span {
    display: block;
}

.pkt-chart-tooltip strong {
    margin-bottom: 4px;
}

.pkt-donut-layout {
    display: grid;
    grid-template-columns: 210px 1fr;
    align-items: center;
    gap: 18px;
    min-height: 315px;
}

.pkt-donut {
    position: relative;
    width: 210px;
    aspect-ratio: 1;
    margin: auto;
}

.pkt-donut svg {
    width: 100%;
    height: 100%;
    transform: rotate(-90deg);
}

.pkt-donut__track,
.pkt-donut__segment {
    fill: none;
    stroke-width: 22;
}

.pkt-donut__track {
    stroke: #f1edf4;
}

.pkt-donut__segment {
    stroke-linecap: butt;
    transition: opacity .2s ease, stroke-width .2s ease;
}

.pkt-donut__segment:hover {
    opacity: .78;
    stroke-width: 26;
}

.pkt-donut__center {
    position: absolute;
    inset: 0;
    display: grid;
    place-content: center;
    text-align: center;
    pointer-events: none;
}

.pkt-donut__center strong,
.pkt-donut__center span {
    display: block;
}

.pkt-donut__center strong {
    font-size: 28px;
}

.pkt-donut__center span {
    color: var(--pkt-muted);
    font-size: 12px;
}

.pkt-source-list {
    display: grid;
    gap: 11px;
}

.pkt-source-item {
    display: grid;
    grid-template-columns: 11px 1fr auto;
    align-items: center;
    gap: 8px;
    color: var(--pkt-muted);
    font-size: 12px;
}

.pkt-source-item i {
    width: 10px;
    height: 10px;
    border-radius: 3px;
}

.pkt-source-item strong {
    color: var(--pkt-text);
}

.pkt-city-bars {
    display: grid;
    gap: 18px;
}

.pkt-city-bar__meta {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 7px;
    font-size: 13px;
}

.pkt-city-bar__meta span:last-child {
    color: var(--pkt-muted);
}

.pkt-city-bar__track {
    height: 10px;
    overflow: hidden;
    border-radius: 999px;
    background: #f1edf4;
}

.pkt-city-bar__fill {
    display: block;
    width: 0;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--pkt-purple), #9a6bff);
    transition: width 900ms cubic-bezier(.22, 1, .36, 1);
}

.pkt-premium-card {
    position: relative;
    overflow: hidden;
    min-height: 100%;
    border-color: rgba(255, 193, 7, .45);
    background: linear-gradient(145deg, #21172f, #120e18);
    color: #fff;
}

.pkt-premium-card__glow {
    position: absolute;
    width: 230px;
    height: 230px;
    right: -100px;
    top: -120px;
    border-radius: 50%;
    background: rgba(255, 193, 7, .23);
    filter: blur(6px);
}

.pkt-premium-card__top {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 26px;
}

.pkt-premium-badge {
    padding: 7px 10px;
    border-radius: 999px;
    background: rgba(255, 193, 7, .14);
    color: #ffd764;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.pkt-lock {
    font-size: 20px;
}

.pkt-premium-card p {
    color: rgba(255,255,255,.76);
}

.pkt-premium-card p strong {
    color: #fff;
    font-size: 24px;
}

.pkt-blurred-viewers {
    display: grid;
    gap: 9px;
    margin: 20px 0;
}

.pkt-blurred-viewers > div {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 13px;
    background: rgba(255,255,255,.04);
}

.pkt-avatar {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 50%;
    background: rgba(255,255,255,.12);
    font-size: 12px;
}

.pkt-blur-line {
    width: 68%;
    height: 9px;
    border-radius: 99px;
    background: rgba(255,255,255,.24);
    filter: blur(4px);
}

.pkt-premium-card small {
    display: block;
    margin-top: 12px;
    color: rgba(255,255,255,.48);
    font-size: 10px;
}

.pkt-module-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin-bottom: 18px;
}

.pkt-module-card {
    display: flex;
    min-height: 360px;
    flex-direction: column;
    padding: 22px;
    transition: transform .2s ease, box-shadow .2s ease;
}

.pkt-module-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 60px rgba(36, 22, 56, .12);
}

.pkt-module-card--featured {
    border-color: rgba(111, 44, 255, .28);
}

.pkt-module-card__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
}

.pkt-module-icon {
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border-radius: 14px;
    background: #f0e9ff;
    color: var(--pkt-purple);
    font-weight: 800;
}

.pkt-status-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #28b781;
    box-shadow: 0 0 0 5px rgba(40, 183, 129, .11);
}

.pkt-module-card p {
    min-height: 66px;
    margin: 10px 0 18px;
    font-size: 13px;
    line-height: 1.65;
}

.pkt-module-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    padding: 13px 0;
    border-top: 1px solid var(--pkt-border);
    border-bottom: 1px solid var(--pkt-border);
}

.pkt-module-stats span,
.pkt-module-stats strong {
    display: block;
}

.pkt-module-stats span {
    color: var(--pkt-muted);
    font-size: 10px;
}

.pkt-module-stats strong {
    margin-bottom: 3px;
    color: var(--pkt-text);
    font-size: 16px;
}

.pkt-module-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: auto;
    padding-top: 20px;
}

.pkt-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 10px 15px;
    border-radius: 12px;
    background: var(--pkt-purple);
    color: #fff !important;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none !important;
    transition: .2s ease;
}

.pkt-button:hover {
    background: var(--pkt-purple-dark);
    transform: translateY(-1px);
}

.pkt-button--gold {
    background: var(--pkt-gold);
    color: #211700 !important;
}

.pkt-button--gold:hover {
    background: #ffd044;
}

.pkt-text-link {
    color: var(--pkt-purple);
    font-size: 12px;
    font-weight: 700;
    text-decoration: none !important;
}

.pkt-top-service {
    padding: 13px;
    margin: -4px 0 14px;
    border-radius: 14px;
    background: var(--pkt-soft);
}

.pkt-top-service strong,
.pkt-top-service span {
    display: block;
}

.pkt-top-service strong {
    margin-bottom: 4px;
    font-size: 12px;
}

.pkt-top-service span {
    color: var(--pkt-muted);
    font-size: 11px;
}

.pkt-progress-row {
    display: flex;
    justify-content: space-between;
    margin-top: 16px;
    color: var(--pkt-muted);
    font-size: 11px;
}

.pkt-progress {
    height: 7px;
    margin-top: 7px;
    overflow: hidden;
    border-radius: 999px;
    background: #eeeaf2;
}

.pkt-progress i {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--pkt-purple);
}

.pkt-activity-list {
    display: grid;
}

.pkt-activity-list a {
    display: grid;
    grid-template-columns: 42px 1fr auto;
    align-items: center;
    gap: 13px;
    padding: 15px 0;
    border-top: 1px solid var(--pkt-border);
    color: inherit;
    text-decoration: none !important;
}

.pkt-activity-list a:first-child {
    border-top: 0;
}

.pkt-activity-icon {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 12px;
    background: #f0e9ff;
    color: var(--pkt-purple);
    font-weight: 700;
}

.pkt-activity-list strong,
.pkt-activity-list small {
    display: block;
}

.pkt-activity-list strong {
    margin-bottom: 3px;
    font-size: 13px;
}

.pkt-activity-list small,
.pkt-activity-list time {
    color: var(--pkt-muted);
    font-size: 11px;
}

.pkt-demo-note {
    margin-top: 18px;
    padding: 14px 17px;
    border: 1px dashed rgba(111, 44, 255, .28);
    border-radius: 14px;
    background: rgba(111, 44, 255, .035);
    color: var(--pkt-muted);
    font-size: 11px;
    line-height: 1.6;
}

@media (max-width: 1180px) {
    .pkt-kpi-grid,
    .pkt-module-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pkt-analytics-grid {
        grid-template-columns: 1fr;
    }

    .pkt-module-card {
        min-height: 330px;
    }
}

@media (max-width: 820px) {
    .pkt-dashboard {
        width: min(100% - 28px, 720px);
        padding-top: 24px;
    }

    .pkt-dashboard__hero {
        align-items: stretch;
        flex-direction: column;
    }

    .pkt-period-switcher {
        width: 100%;
    }

    .pkt-period-switcher button {
        flex: 1;
    }

    .pkt-secondary-grid {
        grid-template-columns: 1fr;
    }

    .pkt-donut-layout {
        grid-template-columns: 1fr;
    }

    .pkt-source-list {
        width: min(100%, 430px);
        margin: auto;
    }
}

@media (max-width: 620px) {
    .pkt-dashboard {
        width: min(100% - 20px, 560px);
        padding-bottom: 110px;
    }

    .pkt-kpi-grid,
    .pkt-module-grid {
        grid-template-columns: 1fr;
    }

    .pkt-kpi-card {
        min-height: 112px;
    }

    .pkt-panel,
    .pkt-module-card {
        border-radius: 18px;
        padding: 18px;
    }

    .pkt-panel__header {
        flex-direction: column;
    }

    .pkt-line-chart,
    .pkt-line-chart svg {
        min-height: 250px;
        height: 250px;
    }

    .pkt-module-card {
        min-height: 0;
    }

    .pkt-module-card p {
        min-height: 0;
    }

    .pkt-activity-list a {
        grid-template-columns: 38px 1fr;
    }

    .pkt-activity-list time {
        grid-column: 2;
    }
}

@media (prefers-reduced-motion: reduce) {
    .pkt-dashboard *,
    .pkt-dashboard *::before,
    .pkt-dashboard *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}

/* =========================================================
   PAKTOGRAF BIOGRAFIJE — KLASIČNI FILTERI V4
   - bez hero naslova i broja javnih biografija
   - bez pill filtera
   - bez novog search polja; koristi se postojeća pretraga u headeru
   - lokacija, oblast i vještina su primarni filteri
   - ostali kriteriji su u panelu "Više filtera"
   ========================================================= */

.pg-bio-archive-wrap--people {
    padding-top: 18px !important;
}

.pg-bio-archive-hero,
.pg-bio-archive-tabs,
.pg-bio-archive-section-head {
    display: none !important;
}

.pg-bio-archive-filters {
    position: relative;
    z-index: 20;
    margin: 0 0 18px;
    padding: 16px;
    border: 1px solid var(--pg-archive-border);
    border-radius: 22px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 14px 34px rgba(42, 24, 72, .065);
}

.pg-bio-archive-filter-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(150px, 1fr)) auto auto auto;
    align-items: end;
    gap: 10px;
}

.pg-bio-archive-filter-field {
    min-width: 0;
    margin: 0 !important;
}

.pg-bio-archive-filter-field > span {
    display: block;
    margin: 0 0 7px;
    color: #475467;
    font-size: 11px;
    line-height: 1;
    font-weight: 850;
    letter-spacing: .025em;
}

.pg-bio-archive-filter-field select {
    width: 100%;
    min-width: 0;
    height: 46px;
    margin: 0 !important;
    padding: 0 38px 0 13px !important;
    border: 1px solid #dfe3ec !important;
    border-radius: 12px !important;
    background-color: #fff !important;
    color: #172033 !important;
    font-family: inherit !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 650 !important;
    box-shadow: none !important;
    outline: none !important;
    cursor: pointer;
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.pg-bio-archive-filter-field select:hover {
    border-color: #c9bddf !important;
}

.pg-bio-archive-filter-field select:focus {
    border-color: var(--pg-archive-purple) !important;
    box-shadow: 0 0 0 4px rgba(111, 44, 255, .09) !important;
}

.pg-bio-archive-more-button,
.pg-bio-archive-apply,
.pg-bio-archive-reset {
    min-height: 46px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    white-space: nowrap;
    font-family: inherit;
    font-size: 12px;
    line-height: 1;
    font-weight: 850;
}

.pg-bio-archive-more-button {
    padding: 0 14px;
    border: 1px solid #dfe3ec;
    background: #fff;
    color: #344054;
    cursor: pointer;
    transition: border-color .18s ease, color .18s ease, background .18s ease;
}

.pg-bio-archive-more-button:hover,
.pg-bio-archive-more-button[aria-expanded="true"] {
    border-color: rgba(111, 44, 255, .35);
    background: var(--pg-archive-purple-soft);
    color: var(--pg-archive-purple);
}

.pg-bio-archive-more-button b {
    min-width: 21px;
    height: 21px;
    padding: 0 6px;
    border-radius: 999px;
    background: var(--pg-archive-purple);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 900;
}

.pg-bio-archive-apply {
    padding: 0 17px;
    border: 0;
    background: linear-gradient(135deg, #7b3cff, var(--pg-archive-purple));
    color: #fff;
    box-shadow: 0 11px 23px rgba(111, 44, 255, .20);
    cursor: pointer;
}

.pg-bio-archive-apply:hover {
    background: linear-gradient(135deg, var(--pg-archive-purple), var(--pg-archive-purple-dark));
    color: #fff;
}

.pg-bio-archive-reset {
    padding: 0 6px;
    color: #667085 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px;
}

.pg-bio-archive-reset:hover {
    color: var(--pg-archive-purple) !important;
}

.pg-bio-archive-results-note {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 12px;
    padding-top: 11px;
    border-top: 1px solid #eeeaf4;
    color: #667085;
    font-size: 12px;
    line-height: 1.4;
    font-weight: 600;
}

.pg-bio-archive-results-note strong {
    color: #111827;
    font-weight: 900;
}

.pg-bio-archive-more[hidden] {
    display: none !important;
}

.pg-bio-archive-more {
    position: absolute;
    top: calc(100% + 9px);
    right: 0;
    z-index: 70;
    width: min(650px, 100%);
}

.pg-bio-archive-more__backdrop {
    display: none;
}

.pg-bio-archive-more__panel {
    overflow: hidden;
    padding: 20px;
    border: 1px solid var(--pg-archive-border);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 24px 65px rgba(22, 13, 39, .18);
}

.pg-bio-archive-more__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 17px;
}

.pg-bio-archive-more__head p {
    margin: 0 0 5px !important;
    color: var(--pg-archive-purple) !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

.pg-bio-archive-more__head h2 {
    margin: 0 !important;
    color: #111827 !important;
    font-size: 21px !important;
    line-height: 1.12 !important;
    font-weight: 900 !important;
    letter-spacing: -.03em !important;
}

.pg-bio-archive-more__head > button {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    padding: 0;
    border: 1px solid #e7e9ef;
    border-radius: 12px;
    background: #f8f9fb;
    color: #667085;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 23px;
    line-height: 1;
    cursor: pointer;
}

.pg-bio-archive-more__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.pg-bio-archive-more__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 13px;
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid #eeeaf4;
}

.pg-bio-archive-more__actions a {
    color: #667085 !important;
    font-size: 12px;
    font-weight: 800;
    text-decoration: underline !important;
    text-underline-offset: 3px;
}

.pg-bio-archive-more__actions button {
    min-height: 46px;
    padding: 0 18px;
    border: 0;
    border-radius: 12px;
    background: var(--pg-archive-purple);
    color: #fff;
    font-family: inherit;
    font-size: 12px;
    line-height: 1;
    font-weight: 900;
    cursor: pointer;
}

.pg-bio-archive-empty__icon {
    width: 58px;
    height: 58px;
    margin: 0 auto 13px;
    border-radius: 18px;
    background: var(--pg-archive-purple-soft);
    color: var(--pg-archive-purple);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 29px;
    line-height: 1;
}

.pg-bio-archive-empty > a {
    min-height: 44px;
    margin-top: 15px;
    padding: 0 17px;
    border-radius: 12px;
    background: var(--pg-archive-purple);
    color: #fff !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 900;
}

html.pg-bio-filters-open {
    overflow: hidden;
}

@media (max-width: 1050px) {
    .pg-bio-archive-filter-row {
        grid-template-columns: repeat(3, minmax(0, 1fr)) auto auto;
    }

    .pg-bio-archive-reset {
        grid-column: 1 / -1;
        justify-self: end;
        min-height: 28px;
    }
}

@media (max-width: 767px) {
    .pg-bio-archive-wrap--people {
        padding: 8px 10px calc(10px + env(safe-area-inset-bottom)) !important;
    }

    .pg-bio-archive-filters {
        flex: 0 0 auto;
        margin-bottom: 8px;
        padding: 10px;
        border-radius: 18px;
        box-shadow: 0 9px 22px rgba(42, 24, 72, .055);
    }

    .pg-bio-archive-filter-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .pg-bio-archive-filter-field > span {
        margin-bottom: 5px;
        font-size: 9.5px;
    }

    .pg-bio-archive-filter-field select {
        height: 40px;
        padding-left: 10px !important;
        padding-right: 28px !important;
        border-radius: 10px !important;
        font-size: 11px !important;
    }

    .pg-bio-archive-filter-row > .pg-bio-archive-filter-field:nth-of-type(3) {
        grid-column: 1 / 2;
    }

    .pg-bio-archive-more-button {
        grid-column: 2 / 3;
        align-self: end;
        min-height: 40px;
        padding: 0 9px;
        border-radius: 10px;
        font-size: 10.5px;
    }

    .pg-bio-archive-more-button b {
        min-width: 18px;
        height: 18px;
        padding: 0 5px;
        font-size: 9px;
    }

    .pg-bio-archive-apply {
        grid-column: 1 / -1;
        min-height: 41px;
        border-radius: 11px;
        font-size: 11px;
    }

    .pg-bio-archive-reset {
        grid-column: 1 / -1;
        justify-self: center;
        min-height: 23px;
        padding: 0;
        font-size: 10px;
    }

    .pg-bio-archive-results-note {
        margin-top: 8px;
        padding-top: 8px;
        font-size: 10px;
    }

    .pg-bio-archive-more {
        position: fixed;
        inset: 0;
        z-index: 999999;
        width: auto;
    }

    .pg-bio-archive-more__backdrop {
        position: absolute;
        inset: 0;
        display: block;
        width: 100%;
        height: 100%;
        padding: 0;
        border: 0;
        background: rgba(15, 23, 42, .56);
        backdrop-filter: blur(3px);
        -webkit-backdrop-filter: blur(3px);
    }

    .pg-bio-archive-more__panel {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        max-height: min(82svh, 700px);
        overflow-y: auto;
        padding: 20px 16px calc(16px + env(safe-area-inset-bottom));
        border: 0;
        border-radius: 24px 24px 0 0;
        box-shadow: 0 -20px 65px rgba(15, 23, 42, .22);
    }

    .pg-bio-archive-more__panel::before {
        content: "";
        display: block;
        width: 42px;
        height: 4px;
        margin: -7px auto 16px;
        border-radius: 999px;
        background: #d7d9e0;
    }

    .pg-bio-archive-more__head {
        margin-bottom: 15px;
    }

    .pg-bio-archive-more__head h2 {
        font-size: 22px !important;
    }

    .pg-bio-archive-more__grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .pg-bio-archive-more__grid .pg-bio-archive-filter-field select {
        height: 48px;
        border-radius: 12px !important;
        font-size: 13px !important;
    }

    .pg-bio-archive-more__grid .pg-bio-archive-filter-field > span {
        margin-bottom: 7px;
        font-size: 11px;
    }

    .pg-bio-archive-more__actions {
        position: sticky;
        bottom: calc(-16px - env(safe-area-inset-bottom));
        margin: 18px -16px calc(-16px - env(safe-area-inset-bottom));
        padding: 13px 16px calc(16px + env(safe-area-inset-bottom));
        background: #fff;
    }

    .pg-bio-archive-more__actions button {
        flex: 1;
        min-height: 50px;
        border-radius: 13px;
        font-size: 13px;
    }

    .pg-bio-people-list {
        min-height: 0;
    }

    .pg-bio-discovery-slide {
        height: 100%;
        min-height: 100%;
    }
}

/* =========================================================
   PAKTOGRAF ARHIVA — desktop "Više filtera" z-index fix
   Panel mora biti iznad kartica i njihovog teksta.
   ========================================================= */

@media (min-width: 768px) {

    /* Napravi uredan lokalni stacking context za cijelu arhivu. */
    .pg-bio-archive-wrap--people {
        position: relative !important;
        isolation: isolate !important;
        overflow: visible !important;
    }

    /* Filter traka i sve što se iz nje otvara moraju biti iznad liste. */
    .pg-bio-archive-filters {
        position: relative !important;
        z-index: 3000 !important;
        isolation: isolate !important;
        overflow: visible !important;
    }

    .pg-bio-archive-filter-row {
        position: relative !important;
        z-index: 3 !important;
    }

    /* Glavni dropdown panel. */
    .pg-bio-archive-more {
        position: absolute !important;
        top: calc(100% + 10px) !important;
        right: 0 !important;
        width: min(650px, calc(100vw - 40px)) !important;
        z-index: 3001 !important;
        overflow: visible !important;
    }

    /* Klik izvan panela zatvara filtere, ali bez tamnog overlaya. */
    .pg-bio-archive-more__backdrop {
        display: block !important;
        position: fixed !important;
        inset: 0 !important;
        z-index: 1 !important;
        width: 100vw !important;
        height: 100vh !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
    }

    .pg-bio-archive-more__panel {
        position: relative !important;
        z-index: 2 !important;
        isolation: isolate !important;
        opacity: 1 !important;
        overflow: hidden !important;

        background: #ffffff !important;
        border: 1px solid #e7e2ed !important;
        border-radius: 20px !important;
        box-shadow:
            0 28px 75px rgba(22, 13, 39, 0.22),
            0 8px 24px rgba(111, 44, 255, 0.08) !important;
    }

    /* Lista i kartice uvijek ostaju ispod otvorenih filtera. */
    .pg-bio-people-list {
        position: relative !important;
        z-index: 1 !important;
        isolation: isolate !important;
    }

    .pg-bio-people-card,
    .pg-bio-discovery-slide {
        z-index: 0 !important;
    }

    /* Hover transform zna napraviti novi stacking context. */
    html.pg-bio-filters-open .pg-bio-people-card {
        transform: none !important;
    }

    /* Dok je panel otvoren, kartice iza njega nisu klikabilne. */
    html.pg-bio-filters-open .pg-bio-people-list {
        pointer-events: none !important;
    }
}

/* =========================================================
   PAKTOGRAF ARHIVA — MOBILE FILTERS CLEANUP
   Samo jedno dugme "Filteri", bottom sheet viši i scrollabilan
   ========================================================= */

@media (max-width: 767px) {

    /* 1) Sakrij kompletan gornji mobilni filter grid */
    .pg-bio-archive-filters .pg-bio-archive-filter-row {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 0 !important;
    }

    /* sakrij sva prva polja i gornje dugme primijeni */
    .pg-bio-archive-filter-row > * {
        display: none !important;
    }

    /* ostavi samo dugme "Više filtera" */
    .pg-bio-archive-filter-row .pg-bio-archive-more-toggle,
    .pg-bio-archive-filter-row .pg-bio-archive-more-trigger,
    .pg-bio-archive-filter-row .pg-bio-archive-more-button,
    .pg-bio-archive-filter-row .pg-bio-archive-more {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* ako je dugme već button/link */
    .pg-bio-archive-more-toggle,
    .pg-bio-archive-more-trigger,
    .pg-bio-archive-more-button {
        min-height: 52px !important;
        border-radius: 16px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
    }

    /* opcionalno: kraći naziv na mobitelu */
    .pg-bio-archive-more-toggle,
    .pg-bio-archive-more-trigger,
    .pg-bio-archive-more-button {
        font-size: 0 !important;
    }

    .pg-bio-archive-more-toggle::before,
    .pg-bio-archive-more-trigger::before,
    .pg-bio-archive-more-button::before {
        content: "Filteri";
        font-size: 16px;
        font-weight: 700;
        line-height: 1;
    }

    /* 2) Bottom sheet neka bude viši i neka skrola */
    .pg-bio-archive-more {
        position: fixed !important;
        inset: auto 0 0 0 !important;
        width: 100% !important;
        z-index: 9999 !important;
    }

    .pg-bio-archive-more__backdrop {
        position: fixed !important;
        inset: 0 !important;
        background: rgba(15, 23, 42, 0.35) !important;
        backdrop-filter: blur(3px) !important;
        z-index: 1 !important;
    }

    .pg-bio-archive-more__panel {
        position: relative !important;
        z-index: 2 !important;
        width: 100% !important;
        max-width: 100% !important;
        border-radius: 26px 26px 0 0 !important;

        /* KLJUČNO: podigni ga više */
        max-height: calc(100dvh - 110px) !important;
        min-height: 62vh !important;

        overflow: hidden !important;
        display: flex !important;
        flex-direction: column !important;
        background: #fff !important;
    }

    /* unutrašnji sadržaj bottom sheeta */
    .pg-bio-archive-more__inner,
    .pg-bio-archive-more__content,
    .pg-bio-archive-more__body {
        flex: 1 1 auto !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;

        /* ostavi mjesta za bottom nav + sticky dugme */
        padding-bottom: 120px !important;
    }

    /* 3) Sticky dugme primijeni filtere */
    .pg-bio-archive-more__actions,
    .pg-bio-archive-more__footer {
        position: sticky !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 5 !important;
        background: #fff !important;
        padding: 14px 16px calc(14px + env(safe-area-inset-bottom)) !important;
        border-top: 1px solid #ece7f4 !important;
        box-shadow: 0 -8px 24px rgba(15, 23, 42, 0.06) !important;
    }

    .pg-bio-archive-more__actions .btn,
    .pg-bio-archive-more__actions button,
    .pg-bio-archive-more__footer .btn,
    .pg-bio-archive-more__footer button {
        width: 100% !important;
        min-height: 52px !important;
        border-radius: 16px !important;
    }

    /* 4) dok je sheet otvoren, sakrij bottom nav da ne pokriva CTA */
    html.pg-bio-filters-open .mobile-bottom-nav,
    html.pg-bio-filters-open .pg-mobile-nav,
    html.pg-bio-filters-open .pg-bottom-nav,
    html.pg-bio-filters-open .footer-mobile,
    html.pg-bio-filters-open .pwa-bottom-nav {
        opacity: 0 !important;
        pointer-events: none !important;
        transform: translateY(12px) !important;
        transition: all .18s ease !important;
    }
}
/* =========================================================
   PAKTOGRAF — MOBILE FILTER SHEET FINAL
   ========================================================= */

@media (max-width: 767px) {

    .pg-bio-archive-more__panel {
        position: relative !important;
        width: 100% !important;
        height: 70dvh !important;
        max-height: 70dvh !important;
        min-height: 70dvh !important;

        display: flex !important;
        flex-direction: column !important;

        overflow: hidden !important;
        background: #fff !important;
        border-radius: 26px 26px 0 0 !important;
    }

    /* Dio sa svim poljima */
    .pg-bio-archive-more__body,
    .pg-bio-archive-more__content,
    .pg-bio-archive-more__inner {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        overscroll-behavior: contain !important;
        -webkit-overflow-scrolling: touch !important;

        padding: 18px 16px 24px !important;

        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
    }

    .pg-bio-archive-more__body::-webkit-scrollbar,
    .pg-bio-archive-more__content::-webkit-scrollbar,
    .pg-bio-archive-more__inner::-webkit-scrollbar {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
    }

    /* Sva polja tretiraj jednako */
    .pg-bio-archive-more__panel .pg-filter-field,
    .pg-bio-archive-more__panel .form-group,
    .pg-bio-archive-more__panel .pg-bio-filter-field,
    .pg-bio-archive-more__mobile-primary > * {
        display: block !important;
        width: 100% !important;
        margin: 0 0 16px !important;
        padding: 0 !important;
    }

    .pg-bio-archive-more__panel .pg-filter-field:last-child,
    .pg-bio-archive-more__panel .form-group:last-child,
    .pg-bio-archive-more__panel .pg-bio-filter-field:last-child,
    .pg-bio-archive-more__mobile-primary > *:last-child {
        margin-bottom: 0 !important;
    }

    .pg-bio-archive-more__panel label {
        display: block !important;
        margin: 0 0 7px !important;
        padding: 0 !important;

        color: #475467 !important;
        font-size: 12px !important;
        line-height: 1.3 !important;
        font-weight: 800 !important;
    }

    .pg-bio-archive-more__panel select,
    .pg-bio-archive-more__panel input,
    .pg-bio-archive-more__panel .form-control,
    .pg-bio-archive-more__panel .select2-selection {
        width: 100% !important;
        height: 52px !important;
        min-height: 52px !important;
        margin: 0 !important;
        padding: 0 14px !important;

        border: 1px solid #d8deea !important;
        border-radius: 14px !important;
        background: #fff !important;
        box-shadow: none !important;

        color: #1d2939 !important;
        font-size: 14px !important;
        font-weight: 700 !important;
    }

    /* Nema posebnog razmaka između osnovnih i dodatnih filtera */
    .pg-bio-archive-more__mobile-primary {
        display: contents !important;
    }

    /* Dugme uvijek ostaje vidljivo */
    .pg-bio-archive-more__actions,
    .pg-bio-archive-more__footer {
        position: relative !important;
        flex: 0 0 auto !important;
        z-index: 5 !important;

        width: 100% !important;
        padding: 14px 16px calc(18px + env(safe-area-inset-bottom)) !important;

        border-top: 1px solid #eceff4 !important;
        background: #fff !important;
        box-shadow: 0 -8px 24px rgba(15, 23, 42, .06) !important;
    }

    .pg-bio-archive-more__actions button,
    .pg-bio-archive-more__footer button,
    .pg-bio-archive-more__actions .btn,
    .pg-bio-archive-more__footer .btn {
        width: 100% !important;
        height: 52px !important;
        min-height: 52px !important;
        margin: 0 !important;
        border-radius: 15px !important;
    }

    /* Donja navigacija se sakriva dok su filteri otvoreni */
    html.pg-bio-filters-open .pg-mobile-bottom-nav,
    html.pg-bio-filters-open .mobile-bottom-nav,
    html.pg-bio-filters-open .pg-bottom-nav,
    html.pg-bio-filters-open .pwa-bottom-nav {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
}

/* =========================================================
   PAKTOGRAF — MOBILE FILTER SCROLL FIX
   Mora biti posljednji blok u Additional CSS-u
   ========================================================= */

@media (max-width: 767px) {

    .pg-bio-archive-more__panel {
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;

        width: 100% !important;
        height: 70dvh !important;
        min-height: 70dvh !important;
        max-height: 70dvh !important;

        display: block !important;

        overflow-y: auto !important;
        overflow-x: hidden !important;
        overscroll-behavior-y: contain !important;
        -webkit-overflow-scrolling: touch !important;
        touch-action: pan-y !important;

        padding: 20px 16px 0 !important;

        border-radius: 26px 26px 0 0 !important;
        background: #ffffff !important;

        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
    }

    .pg-bio-archive-more__panel::-webkit-scrollbar {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
    }

    /* Header ostaje vidljiv gore dok skrolaš */
    .pg-bio-archive-more__head {
        position: sticky !important;
        top: -20px !important;
        z-index: 10 !important;

        margin: 0 -16px 18px !important;
        padding: 20px 16px 14px !important;

        background: #ffffff !important;
        border-bottom: 1px solid #f0edf4 !important;
    }

    /* Sva polja imaju potpuno jednak razmak */
    .pg-bio-archive-more__mobile-primary,
    .pg-bio-archive-more__grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 16px !important;

        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .pg-bio-archive-more__mobile-primary {
        margin-bottom: 16px !important;
    }

    .pg-bio-archive-more__panel .pg-bio-archive-filter-field {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .pg-bio-archive-more__panel .pg-bio-archive-filter-field > span {
        display: block !important;
        margin: 0 0 7px !important;

        color: #475467 !important;
        font-size: 12px !important;
        line-height: 1.3 !important;
        font-weight: 800 !important;
    }

    .pg-bio-archive-more__panel .pg-bio-archive-filter-field select {
        display: block !important;
        width: 100% !important;
        height: 52px !important;
        min-height: 52px !important;

        margin: 0 !important;
        padding: 0 42px 0 14px !important;

        border: 1px solid #d8deea !important;
        border-radius: 14px !important;
        background-color: #ffffff !important;
        box-shadow: none !important;

        color: #1d2939 !important;
        font-size: 14px !important;
        font-weight: 700 !important;
    }

    /* Dugme ostaje vidljivo pri dnu panela */
    .pg-bio-archive-more__actions {
        position: sticky !important;
        bottom: 0 !important;
        z-index: 12 !important;

        display: flex !important;
        width: auto !important;

        margin: 20px -16px 0 !important;
        padding: 14px 16px calc(18px + env(safe-area-inset-bottom)) !important;

        border-top: 1px solid #eceff4 !important;
        background: #ffffff !important;
        box-shadow: 0 -10px 28px rgba(15, 23, 42, .08) !important;
    }

    .pg-bio-archive-more__actions button {
        width: 100% !important;
        min-height: 52px !important;
        margin: 0 !important;
        border-radius: 15px !important;
    }

    /* Navigacija ne smije prekrivati dugme */
    html.pg-bio-filters-open .pg-mobile-bottom-nav,
    html.pg-bio-filters-open .mobile-bottom-nav {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
}

/* =========================================================
   PAKTOGRAF — FILTER SHEET ANIMACIJA KAO PLUS MENI
   ========================================================= */

@media (max-width: 767px) {

    .pg-bio-archive-more:not([hidden]) {
        display: block !important;
    }

    .pg-bio-archive-more__backdrop {
        opacity: 0 !important;
        transition: opacity .18s ease !important;
        will-change: opacity;
    }

    .pg-bio-archive-more__panel {
        opacity: 0 !important;
        transform: translate3d(0, 22px, 0) scale(.992) !important;

        transition:
            transform .20s cubic-bezier(.22, 1, .36, 1),
            opacity .16s ease !important;

        transform-origin: bottom center !important;
        will-change: transform, opacity;
    }

    .pg-bio-archive-more.is-open .pg-bio-archive-more__backdrop {
        opacity: 1 !important;
    }

    .pg-bio-archive-more.is-open .pg-bio-archive-more__panel {
        opacity: 1 !important;
        transform: translate3d(0, 0, 0) scale(1) !important;
    }

    /* Zatvaranje ide obrnutim smjerom. */
    .pg-bio-archive-more.is-closing .pg-bio-archive-more__backdrop {
        opacity: 0 !important;
    }

    .pg-bio-archive-more.is-closing .pg-bio-archive-more__panel {
        opacity: 0 !important;
        transform: translate3d(0, 22px, 0) scale(.992) !important;
    }

    /* Blagi pritisak na dugme Filteri. */
    .pg-bio-archive-more-button {
        transition:
            transform .16s ease,
            box-shadow .16s ease,
            background-color .16s ease !important;
    }

    .pg-bio-archive-more-button:active {
        transform: scale(.975) !important;
    }
}

/* Poštuj postavku smanjenih animacija. */
@media (prefers-reduced-motion: reduce) {
    .pg-bio-archive-more__backdrop,
    .pg-bio-archive-more__panel,
    .pg-bio-archive-more-button {
        transition: none !important;
        animation: none !important;
    }
}

/* =========================================================
   PAKTOGRAF — EDIT BIOGRAFIJE KAO MOBILE BOTTOM SHEET
   Ista animacija kao mobilni + meni: translateY(105%) / .22s.
   Zalijepiti na SAMI KRAJ Additional CSS-a.
   ========================================================= */

@media (max-width: 767px) {

    html.pg-bio-editor-is-open,
    body.pg-bio-editor-is-open {
        overflow: hidden !important;
        overscroll-behavior: none !important;
    }

    /* Layer ostaje u DOM-u da i zatvaranje može biti animirano. */
    .pg-bio-modal {
        position: fixed !important;
        inset: 0 !important;
        z-index: 2147483200 !important;

        display: flex !important;
        align-items: flex-end !important;
        justify-content: center !important;
        padding: 0 !important;

        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;

        background: rgba(17, 24, 39, .46) !important;
        backdrop-filter: blur(14px) saturate(110%) !important;
        -webkit-backdrop-filter: blur(14px) saturate(110%) !important;

        transition:
            opacity .18s ease,
            visibility 0s linear .24s !important;
    }

    .pg-bio-modal.is-open {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transition-delay: 0s !important;
    }

    .pg-bio-modal.is-closing {
        opacity: 0 !important;
        visibility: visible !important;
        pointer-events: none !important;
    }

    /* Kartica editora izlazi identično kao + bottom sheet. */
    .pg-bio-modal__panel {
        position: relative !important;
        z-index: 2 !important;

        width: 100% !important;
        max-width: 100% !important;
        height: min(76dvh, 720px) !important;
        min-height: 0 !important;
        max-height: min(76dvh, 720px) !important;

        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 32px 32px 0 0 !important;
        background: #ffffff !important;
        box-shadow: 0 -22px 70px rgba(15, 23, 42, .28) !important;

        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;

        transform: translate3d(0, 105%, 0) !important;
        transition: transform .22s ease !important;
        will-change: transform;
    }

    .pg-bio-modal.is-open .pg-bio-modal__panel {
        transform: translate3d(0, 0, 0) !important;
    }

    .pg-bio-modal.is-closing .pg-bio-modal__panel {
        transform: translate3d(0, 105%, 0) !important;
    }

    .pg-bio-modal__handle {
        display: block !important;
        flex: 0 0 auto !important;
        width: 66px !important;
        height: 7px !important;
        margin: 14px auto 4px !important;
        border-radius: 999px !important;
        background: rgba(124, 58, 237, .28) !important;
    }

    .pg-bio-modal__head {
        flex: 0 0 auto !important;
        align-items: flex-start !important;
        margin: 0 !important;
        padding: 13px 18px 15px !important;
        border-bottom: 1px solid #eeeaf5 !important;
        background: #ffffff !important;
    }

    .pg-bio-modal__head h3 {
        font-size: 20px !important;
        line-height: 1.15 !important;
    }

    .pg-bio-modal__head p {
        margin-top: 5px !important;
        font-size: 12px !important;
        line-height: 1.45 !important;
    }

    .pg-bio-modal__close {
        flex: 0 0 40px !important;
        width: 40px !important;
        height: 40px !important;
        border-radius: 13px !important;
    }

    /* Forma je podijeljena na scrollabilna polja i fiksne akcije. */
    .pg-bio-modal__panel > form {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
        margin: 0 !important;
    }

    .pg-bio-modal [data-pg-bio-fields] {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        overscroll-behavior-y: contain !important;
        -webkit-overflow-scrolling: touch !important;
        touch-action: pan-y !important;

        padding: 18px 18px 24px !important;

        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
    }

    .pg-bio-modal [data-pg-bio-fields]::-webkit-scrollbar {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
    }

    .pg-bio-modal__actions {
        position: relative !important;
        bottom: auto !important;
        z-index: 5 !important;
        flex: 0 0 auto !important;

        width: 100% !important;
        margin: 0 !important;
        padding: 13px 18px calc(16px + env(safe-area-inset-bottom)) !important;

        display: grid !important;
        grid-template-columns: 1fr 1.35fr !important;
        gap: 10px !important;

        border-top: 1px solid #ece8f3 !important;
        background: #ffffff !important;
        box-shadow: 0 -10px 28px rgba(15, 23, 42, .08) !important;
    }

    .pg-bio-modal__actions button {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 52px !important;
        margin: 0 !important;
        border-radius: 15px !important;
    }

    /* Donja navigacija ne smije se pojaviti preko editora. */
    body.pg-bio-editor-is-open .pg-mobile-bottom-nav,
    body.pg-bio-editor-is-open .mobile-bottom-nav,
    body.pg-bio-editor-is-open .pg-bottom-nav,
    body.pg-bio-editor-is-open .pwa-bottom-nav,
    body.pg-bio-editor-is-open .footer-mobile,
    body.pg-bio-editor-is-open .apus-footer-mobile,
    body.pg-bio-editor-is-open .mobile-footer-menu {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transform: translateY(16px) !important;
    }
}

/* Handle je samo za mobilni bottom sheet. */
@media (min-width: 768px) {
    .pg-bio-modal__handle {
        display: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .pg-bio-modal,
    .pg-bio-modal__panel {
        transition: none !important;
    }
}

/* =========================================================
   PAKTOGRAF — PROFIL SARADNJE / BIPOLARNE SKALE
   Zalijepiti na sami kraj Additional CSS-a.
   ========================================================= */

.pg-bio-bipolar-card-inner,
.pg-bio-bipolar-editor {
    width: 100%;
}

.pg-bio-bipolar-list,
.pg-bio-bipolar-editor {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}

.pg-bio-bipolar-item,
.pg-bio-bipolar-edit-item {
    width: 100%;
    padding: 16px;
    border: 1px solid #ebe7f0;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(28, 18, 44, .045);
}

.pg-bio-bipolar-labels {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 18px;
    align-items: start;
    margin: 0 0 13px;
}

.pg-bio-bipolar-labels span {
    color: #344054;
    font-size: 13px;
    line-height: 1.35;
    font-weight: 750;
}

.pg-bio-bipolar-labels span:last-child {
    text-align: right;
}

/* Javni prikaz vrijednosti. */
.pg-bio-bipolar-track {
    position: relative;
    width: calc(100% - 18px);
    height: 6px;
    margin: 0 9px;
    border-radius: 999px;
    background: linear-gradient(
        90deg,
        rgba(111, 44, 255, .30) 0%,
        #ddd8e4 50%,
        rgba(250, 194, 38, .42) 100%
    );
}

.pg-bio-bipolar-center {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2px;
    height: 14px;
    border-radius: 999px;
    background: #a9a2b1;
    transform: translate(-50%, -50%);
}

.pg-bio-bipolar-marker {
    position: absolute;
    top: 50%;
    width: 20px;
    height: 20px;
    border: 4px solid #fff;
    border-radius: 50%;
    background: #6f2cff;
    box-shadow: 0 3px 12px rgba(70, 32, 129, .26);
    transform: translate(-50%, -50%);
}

.pg-bio-bipolar-summary,
.pg-bio-bipolar-selection {
    width: fit-content;
    max-width: 100%;
    margin: 13px auto 0;
    padding: 6px 10px;
    border-radius: 999px;
    background: #f4f0ff;
    color: #5e25d9;
    font-size: 12px;
    line-height: 1.3;
    font-weight: 750;
    text-align: center;
}

.pg-bio-bipolar-card-inner .pg-bio-chart-note,
.pg-bio-bipolar-editor .pg-bio-experience-help {
    margin: 16px 0 0 !important;
}

/* Editor. */
.pg-bio-bipolar-input-wrap {
    position: relative;
    width: 100%;
    height: 28px;
    padding: 0 1px;
}

.pg-bio-bipolar-input-wrap input[type="range"] {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    height: 28px;
    min-height: 28px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    touch-action: pan-x;
}

.pg-bio-bipolar-input-wrap input[type="range"]:focus {
    outline: none;
}

.pg-bio-bipolar-input-wrap input[type="range"]::-webkit-slider-runnable-track {
    width: 100%;
    height: 6px;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(
        90deg,
        rgba(111, 44, 255, .34) 0%,
        #ddd8e4 50%,
        rgba(250, 194, 38, .48) 100%
    );
}

.pg-bio-bipolar-input-wrap input[type="range"]::-webkit-slider-thumb {
    width: 24px;
    height: 24px;
    margin-top: -9px;
    border: 4px solid #fff;
    border-radius: 50%;
    background: #6f2cff;
    box-shadow: 0 4px 14px rgba(70, 32, 129, .30);
    -webkit-appearance: none;
    appearance: none;
}

.pg-bio-bipolar-input-wrap input[type="range"]::-moz-range-track {
    width: 100%;
    height: 6px;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(
        90deg,
        rgba(111, 44, 255, .34) 0%,
        #ddd8e4 50%,
        rgba(250, 194, 38, .48) 100%
    );
}

.pg-bio-bipolar-input-wrap input[type="range"]::-moz-range-thumb {
    width: 16px;
    height: 16px;
    border: 4px solid #fff;
    border-radius: 50%;
    background: #6f2cff;
    box-shadow: 0 4px 14px rgba(70, 32, 129, .30);
}

.pg-bio-bipolar-input-wrap input[type="range"]:focus-visible::-webkit-slider-thumb {
    box-shadow:
        0 0 0 4px rgba(111, 44, 255, .16),
        0 4px 14px rgba(70, 32, 129, .30);
}

.pg-bio-bipolar-input-wrap input[type="range"]:focus-visible::-moz-range-thumb {
    box-shadow:
        0 0 0 4px rgba(111, 44, 255, .16),
        0 4px 14px rgba(70, 32, 129, .30);
}

.pg-bio-bipolar-ticks {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 8px;
    right: 8px;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.pg-bio-bipolar-ticks span {
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: rgba(74, 64, 88, .44);
}

.pg-bio-bipolar-ticks span:nth-child(4) {
    width: 6px;
    height: 6px;
    background: #8e8798;
}

/* Ukloni stare radar stilove ako su ostali u cacheu/markup-u. */
.pg-bio-work-style-editor .pg-bio-chart-edit-row,
[data-pg-bio-output="work_style"] .pg-bio-radar-wrap,
[data-pg-bio-output="work_style"] .pg-bio-radar-list {
    display: none !important;
}

@media (min-width: 900px) {
    .pg-bio-bipolar-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .pg-bio-bipolar-list,
    .pg-bio-bipolar-editor {
        gap: 13px;
    }

    .pg-bio-bipolar-item,
    .pg-bio-bipolar-edit-item {
        padding: 14px;
        border-radius: 16px;
        box-shadow: none;
    }

    .pg-bio-bipolar-labels {
        gap: 12px;
        margin-bottom: 12px;
    }

    .pg-bio-bipolar-labels span {
        font-size: 12px;
        line-height: 1.3;
    }

    .pg-bio-bipolar-summary,
    .pg-bio-bipolar-selection {
        margin-top: 11px;
        font-size: 11px;
    }

    /* Editor se skrola unutar postojećeg bottom sheeta bez scrollbara. */
    .pg-bio-editor-modal__body,
    .pg-bio-editor-fields,
    .pg-bio-editor-modal__content {
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
    }

    .pg-bio-editor-modal__body::-webkit-scrollbar,
    .pg-bio-editor-fields::-webkit-scrollbar,
    .pg-bio-editor-modal__content::-webkit-scrollbar {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
    }
}

/* =========================================================
   PAKTOGRAF — PROFIL SARADNJE / DESKTOP REDOVI
   Mobilni prikaz ostaje nepromijenjen.
   ========================================================= */

@media (min-width: 900px) {

    /* Jedna dimenzija ispod druge. */
    .pg-bio-bipolar-card-inner .pg-bio-bipolar-list {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 0 !important;
        overflow: hidden !important;
        border: 1px solid #ebe7f0 !important;
        border-radius: 16px !important;
        background: #ffffff !important;
    }

    /* Svaka dimenzija je jedan čist horizontalni red. */
    .pg-bio-bipolar-card-inner .pg-bio-bipolar-item {
        display: grid !important;
        grid-template-columns:
            minmax(72px, 1fr)
            minmax(92px, 1.25fr)
            minmax(72px, 1fr) !important;

        grid-template-areas:
            "left track right"
            ". summary ." !important;

        column-gap: 10px !important;
        row-gap: 7px !important;
        align-items: center !important;

        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 14px 12px !important;

        border: 0 !important;
        border-bottom: 1px solid #f0edf4 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .pg-bio-bipolar-card-inner .pg-bio-bipolar-item:last-child {
        border-bottom: 0 !important;
    }

    /* Oba krajnja naziva postaju direktni elementi reda. */
    .pg-bio-bipolar-card-inner .pg-bio-bipolar-labels {
        display: contents !important;
        margin: 0 !important;
    }

    .pg-bio-bipolar-card-inner .pg-bio-bipolar-labels span {
        min-width: 0 !important;
        margin: 0 !important;
        color: #344054 !important;
        font-size: 11px !important;
        line-height: 1.25 !important;
        font-weight: 750 !important;
        overflow-wrap: anywhere !important;
    }

    .pg-bio-bipolar-card-inner .pg-bio-bipolar-labels span:first-child {
        grid-area: left !important;
        text-align: left !important;
    }

    .pg-bio-bipolar-card-inner .pg-bio-bipolar-labels span:last-child {
        grid-area: right !important;
        text-align: right !important;
    }

    .pg-bio-bipolar-card-inner .pg-bio-bipolar-track {
        grid-area: track !important;
        width: 100% !important;
        min-width: 0 !important;
        height: 6px !important;
        margin: 0 !important;
    }

    /* Rezultat više nije pilula, nego miran tekst ispod linije. */
    .pg-bio-bipolar-card-inner .pg-bio-bipolar-summary {
        grid-area: summary !important;
        justify-self: center !important;

        width: auto !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;

        color: #6f2cff !important;
        font-size: 10px !important;
        line-height: 1.25 !important;
        font-weight: 750 !important;
        text-align: center !important;
        overflow-wrap: anywhere !important;
    }

    .pg-bio-bipolar-card-inner .pg-bio-chart-note {
        margin-top: 12px !important;
    }
}

/* =========================================================
   PAKTOGRAF — FINANSIJSKA OČEKIVANJA V2
   Željena plata + spremnost na preseljenje
   Zalijepiti na kraj Additional CSS-a.
   ========================================================= */

/* ---------- Editor ---------- */
.pg-bio-financial-editor-v2 {
    display: grid !important;
    gap: 16px !important;
}

.pg-bio-fin-intro {
    display: grid;
    gap: 5px;
    padding: 14px 15px;
    border: 1px solid #e7dcff;
    border-radius: 16px;
    background: linear-gradient(135deg, #f8f4ff 0%, #ffffff 100%);
}

.pg-bio-fin-intro strong {
    color: #24143e;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 850;
}

.pg-bio-fin-intro span {
    color: #667085;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 650;
}

.pg-bio-fin-primary-grid,
.pg-bio-fin-conditional-grid {
    display: grid;
    grid-template-columns: minmax(130px, .42fr) minmax(0, 1fr);
    gap: 12px;
    align-items: end;
}

.pg-bio-fin-question {
    display: grid;
    gap: 13px;
    padding: 15px;
    border: 1px solid #ebe7f1;
    border-radius: 17px;
    background: #fbfcff;
}

.pg-bio-fin-question-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.pg-bio-fin-question-head > div:first-child {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.pg-bio-fin-question-head strong {
    color: #1d2939;
    font-size: 13px;
    line-height: 1.35;
    font-weight: 850;
}

.pg-bio-fin-question-head span {
    color: #667085;
    font-size: 11px;
    line-height: 1.45;
    font-weight: 650;
}

.pg-bio-fin-choice-group {
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
    min-width: 126px;
    padding: 4px;
    border: 1px solid #e4e0ea;
    border-radius: 14px;
    background: #ffffff;
}

.pg-bio-fin-choice {
    position: relative;
    display: grid;
    place-items: center;
    min-height: 36px;
    margin: 0 !important;
    border-radius: 10px;
    cursor: pointer;
    transition: background-color .16s ease, color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.pg-bio-fin-choice input {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.pg-bio-fin-choice span {
    color: #667085 !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
}

.pg-bio-fin-choice.is-selected {
    background: #6f2cff;
    box-shadow: 0 5px 14px rgba(111, 44, 255, .20);
}

.pg-bio-fin-choice.is-selected span {
    color: #ffffff !important;
}

.pg-bio-fin-choice:active {
    transform: scale(.97);
}

.pg-bio-fin-conditional {
    padding-top: 13px;
    border-top: 1px solid #ece9f2;
}

.pg-bio-fin-conditional[hidden] {
    display: none !important;
}

.pg-bio-fin-visibility {
    padding-top: 2px;
}

/* ---------- Javni prikaz ---------- */
.pg-bio-financial-v2 {
    gap: 12px !important;
}

.pg-bio-financial-mobility {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.pg-bio-financial-mobility-item {
    display: grid;
    gap: 8px;
    min-width: 0;
    padding: 13px;
    border: 1px solid #eceef4;
    border-radius: 15px;
    background: #fbfcff;
}

.pg-bio-financial-mobility-item > div {
    display: grid;
    gap: 3px;
}

.pg-bio-financial-mobility-item small {
    color: #667085;
    font-size: 10px;
    line-height: 1.3;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: .035em;
}

.pg-bio-financial-mobility-item strong {
    color: #1d2939;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 900;
}

.pg-bio-financial-mobility-item > span {
    width: fit-content;
    max-width: 100%;
    padding: 6px 9px;
    border-radius: 999px;
    background: #f1eaff;
    color: #6421e8;
    font-size: 11px;
    line-height: 1.2;
    font-weight: 850;
}

.pg-bio-financial-mobility-item em {
    color: #667085;
    font-size: 11px;
    line-height: 1.45;
    font-style: normal;
    font-weight: 650;
    overflow-wrap: anywhere;
}

/* ---------- Telefon ---------- */
@media (max-width: 767px) {
    .pg-bio-fin-primary-grid,
    .pg-bio-fin-conditional-grid,
    .pg-bio-financial-mobility {
        grid-template-columns: 1fr;
    }

    .pg-bio-fin-question {
        padding: 14px;
    }

    .pg-bio-fin-question-head {
        display: grid;
        gap: 12px;
    }

    .pg-bio-fin-choice-group {
        width: 100%;
        min-width: 0;
    }

    .pg-bio-fin-choice {
        min-height: 42px;
    }

    /* Editor ostaje scrollabilan unutar postojećeg bottom sheeta. */
    .pg-bio-modal__fields {
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .pg-bio-modal__fields::-webkit-scrollbar {
        display: none;
        width: 0;
        height: 0;
    }
}


/* =========================================================
   PAKTOGRAF — BIOGRAFIJA POLIRANJE V4
   - uklanja suvišne hero pilule
   - poravnava Lični signal
   - prikazuje zastavicu uz naziv jezika
   - uređivači za Dostupnost i Vještine
   ========================================================= */

/* Odbrambeno: stare pilule ostaju skrivene čak i ako cache vrati stari markup. */
.pg-bio-kicker-row,
.pg-bio-kicker,
.pg-bio-verification {
    display: none !important;
}

/* Bez praznog prostora nakon uklanjanja pilula. */
.pg-bio-hero-main > h1 {
    margin-top: 0 !important;
}

/* Lični signal — ikonica i tekst na istoj vertikalnoj osi. */
.pg-bio-personal-signal-body {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.pg-bio-personal-signal-mark {
    flex: 0 0 40px !important;
    align-self: center !important;
    margin: 0 !important;
}

.pg-bio-personal-signal-body p {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
}

/* Jezici — zastavica ostaje vizuelna pomoć, naziv jezika ostaje obavezan. */
.pg-bio-language-name {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
}

.pg-bio-language-flag {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 21px !important;
    line-height: 1 !important;
}

/* Uređivanje dostupnosti — sva polja tretirana jednako. */
.pg-bio-availability-editor {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
}

.pg-bio-availability-editor .pg-bio-field {
    margin: 0 !important;
}

/* Uređivanje vještina. */
.pg-bio-skill-editor [data-pg-skill-rows] {
    display: grid !important;
    gap: 12px !important;
}

.pg-bio-skill-editor-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 42px !important;
    gap: 10px !important;
    align-items: end !important;
}

.pg-bio-skill-editor-row .pg-bio-field {
    min-width: 0 !important;
    margin: 0 !important;
}

.pg-bio-skill-editor-row .pg-bio-language-remove {
    width: 42px !important;
    height: 52px !important;
    min-height: 52px !important;
    margin: 0 !important;
    border-radius: 14px !important;
}

.pg-bio-skill-editor .pg-bio-language-add {
    margin-top: 14px !important;
}

/* Dostupnost je sada sadržaj glavne kolone, odmah ispod O meni. */
.pg-bio-main-column .pg-bio-availability-card {
    width: 100% !important;
}

@media (max-width: 767px) {
    .pg-bio-language-top {
        align-items: center !important;
    }

    .pg-bio-language-name {
        max-width: 58% !important;
    }

    .pg-bio-language-flag {
        font-size: 20px !important;
    }

    .pg-bio-skill-editor-row {
        grid-template-columns: minmax(0, 1fr) 42px !important;
    }
}

/* =========================================================
   PAKTOGRAF — RADNI USLOVI + VJEŠTINE V5
   Zalijepiti na sami kraj Additional CSS-a.
   ========================================================= */

/* ---------------------------------------------------------
   HERO — najviše tri zastavice ispod profilne fotografije
   --------------------------------------------------------- */
.pg-bio-avatar-column {
    width: 176px;
    min-width: 176px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.pg-bio-hero-language-flags {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 30px;
    padding: 5px 9px;
    border: 1px solid #ebe7f2;
    border-radius: 999px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 8px 22px rgba(31, 20, 48, .08);
}

.pg-bio-hero-language-flags[hidden] {
    display: none !important;
}

.pg-bio-hero-language-flags > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 20px;
    font-size: 20px;
    line-height: 1;
    cursor: default;
}

/* ---------------------------------------------------------
   VJEŠTINE — stabilna pastelna paleta, bez nasumičnih boja
   Ista vještina dobija istu boju na svakom profilu.
   --------------------------------------------------------- */
.pg-bio-skill-list {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 9px !important;
}

.pg-bio-skill-list .pg-bio-skill-pill,
.pg-bio-skill-list .pg-bio-skill-more {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 35px !important;
    margin: 0 !important;
    padding: 8px 12px !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    font-size: 12px !important;
    line-height: 1.15 !important;
    font-weight: 850 !important;
}

.pg-bio-skill-list .pg-skill-tone-1 {
    color: #315aa8 !important;
    border-color: #c9dafc !important;
    background: #eef4ff !important;
}

.pg-bio-skill-list .pg-skill-tone-2 {
    color: #08765f !important;
    border-color: #bcebdc !important;
    background: #ecfdf7 !important;
}

.pg-bio-skill-list .pg-skill-tone-3 {
    color: #9a5212 !important;
    border-color: #f6d8aa !important;
    background: #fff7e8 !important;
}

.pg-bio-skill-list .pg-skill-tone-4 {
    color: #76520d !important;
    border-color: #eadb99 !important;
    background: #fffbea !important;
}

.pg-bio-skill-list .pg-skill-tone-5 {
    color: #6b39ad !important;
    border-color: #ddcdf7 !important;
    background: #f7f1ff !important;
}

.pg-bio-skill-list .pg-skill-tone-6 {
    color: #a03e68 !important;
    border-color: #f2cada !important;
    background: #fff1f6 !important;
}

.pg-bio-skill-list .pg-skill-tone-7 {
    color: #286f82 !important;
    border-color: #bfe4ec !important;
    background: #eefbfe !important;
}

.pg-bio-skill-list .pg-skill-tone-8 {
    color: #526174 !important;
    border-color: #d8e0e9 !important;
    background: #f4f7fa !important;
}

.pg-bio-skill-list .pg-bio-skill-more {
    color: #5f24c7 !important;
    border-color: #dfd2fb !important;
    background: #f6f1ff !important;
}

/* ---------------------------------------------------------
   RADNI USLOVI — javni prikaz
   --------------------------------------------------------- */
.pg-bio-work-conditions {
    display: grid;
    gap: 16px;
}

.pg-bio-work-status {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 15px;
    border: 1px solid #e8e3f0;
    border-radius: 16px;
    background: linear-gradient(135deg, #fbf9ff 0%, #ffffff 100%);
}

.pg-bio-work-status > span {
    color: #667085;
    font-size: 12px;
    line-height: 1.35;
    font-weight: 750;
}

.pg-bio-work-status > strong {
    color: #43218c;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 850;
    text-align: right;
}

.pg-bio-work-condition-group {
    display: grid;
    gap: 9px;
}

.pg-bio-work-condition-group > h3 {
    margin: 0 !important;
    color: #344054 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    font-weight: 850 !important;
}

.pg-bio-work-condition-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.pg-bio-work-condition-pills > span {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 8px 11px;
    border: 1px solid #e4d8fb;
    border-radius: 999px;
    background: #f8f4ff;
    color: #5c2fa0;
    font-size: 11px;
    line-height: 1.2;
    font-weight: 800;
}

.pg-bio-work-conditions-empty {
    color: #98a2b3;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 700;
}

/* ---------------------------------------------------------
   RADNI USLOVI — editor
   --------------------------------------------------------- */
.pg-bio-work-conditions-editor {
    display: grid;
    gap: 20px;
}

.pg-bio-work-conditions-editor > .pg-bio-field {
    margin: 0 !important;
}

.pg-bio-work-fieldset {
    min-width: 0;
    margin: 0;
    padding: 16px;
    border: 1px solid #e6e0ed;
    border-radius: 18px;
    background: #fcfbfe;
}

.pg-bio-work-fieldset > legend {
    padding: 0 7px;
    color: #2d1f43;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 900;
}

.pg-bio-work-fieldset > p {
    margin: 0 0 13px !important;
    color: #7a7286;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 650;
}

.pg-bio-work-check-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.pg-bio-work-check {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    min-height: 48px;
    margin: 0 !important;
    padding: 10px 11px;
    border: 1px solid #e5e0eb;
    border-radius: 14px;
    background: #ffffff;
    color: #3d3548;
    font-size: 12px;
    line-height: 1.35;
    font-weight: 750;
    cursor: pointer;
    transition: border-color .16s ease, background-color .16s ease, transform .16s ease;
}

.pg-bio-work-check:hover {
    border-color: #cdb7f8;
    background: #faf7ff;
}

.pg-bio-work-check:active {
    transform: scale(.99);
}

.pg-bio-work-check > input {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.pg-bio-work-check-box {
    position: relative;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    border: 1.5px solid #c9c2d2;
    border-radius: 6px;
    background: #fff;
    transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease;
}

.pg-bio-work-check > input:checked + .pg-bio-work-check-box {
    border-color: #6f2cff;
    background: #6f2cff;
    box-shadow: 0 0 0 3px rgba(111, 44, 255, .12);
}

.pg-bio-work-check > input:checked + .pg-bio-work-check-box::after {
    content: "";
    position: absolute;
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.pg-bio-work-check > input:focus-visible + .pg-bio-work-check-box {
    outline: 3px solid rgba(111, 44, 255, .2);
    outline-offset: 2px;
}

.pg-bio-work-check:has(input:checked) {
    border-color: #d8c7fa;
    background: #f8f4ff;
}

@media (max-width: 980px) {
    .pg-bio-avatar-column {
        width: 146px;
        min-width: 146px;
    }
}

@media (max-width: 767px) {
    .pg-bio-avatar-column {
        width: 138px;
        min-width: 138px;
        margin: 0 auto;
        gap: 10px;
    }

    .pg-bio-hero-language-flags {
        min-height: 28px;
        padding: 4px 8px;
    }

    .pg-bio-hero-language-flags > span {
        width: 23px;
        height: 19px;
        font-size: 19px;
    }

    .pg-bio-work-status {
        align-items: flex-start;
        flex-direction: column;
        gap: 5px;
    }

    .pg-bio-work-status > strong {
        text-align: left;
    }

    .pg-bio-work-check-grid {
        grid-template-columns: 1fr;
    }

    .pg-bio-work-fieldset {
        padding: 14px;
    }

    .pg-bio-work-check {
        min-height: 50px;
    }
}

/* =========================================================
   PAKTOGRAF — Radni uslovi koriste iste šarene piluse kao Vještine
   ========================================================= */

/* Osnovni izgled pilusa u Radnim uslovima */
.pg-bio-work-tags .pg-bio-tag,
.pg-bio-work-tags .tag,
.pg-bio-work-conditions .pg-bio-tag,
.pg-bio-work-conditions .tag,
.pg-bio-card--work .pg-bio-tag,
.pg-bio-card--work .tag {
    border: 1px solid transparent !important;
    box-shadow: none !important;
    font-weight: 700 !important;
}

/* Isti šablon boja kao za Vještine */
.pg-bio-work-tags .pg-bio-tag:nth-child(8n+1),
.pg-bio-work-tags .tag:nth-child(8n+1),
.pg-bio-work-conditions .pg-bio-tag:nth-child(8n+1),
.pg-bio-work-conditions .tag:nth-child(8n+1),
.pg-bio-card--work .pg-bio-tag:nth-child(8n+1),
.pg-bio-card--work .tag:nth-child(8n+1) {
    background: #eef4ff !important;
    color: #3559c7 !important;
    border-color: #cfe0ff !important;
}

.pg-bio-work-tags .pg-bio-tag:nth-child(8n+2),
.pg-bio-work-tags .tag:nth-child(8n+2),
.pg-bio-work-conditions .pg-bio-tag:nth-child(8n+2),
.pg-bio-work-conditions .tag:nth-child(8n+2),
.pg-bio-card--work .pg-bio-tag:nth-child(8n+2),
.pg-bio-card--work .tag:nth-child(8n+2) {
    background: #f6edff !important;
    color: #7a38c2 !important;
    border-color: #e2cdfd !important;
}

.pg-bio-work-tags .pg-bio-tag:nth-child(8n+3),
.pg-bio-work-tags .tag:nth-child(8n+3),
.pg-bio-work-conditions .pg-bio-tag:nth-child(8n+3),
.pg-bio-work-conditions .tag:nth-child(8n+3),
.pg-bio-card--work .pg-bio-tag:nth-child(8n+3),
.pg-bio-card--work .tag:nth-child(8n+3) {
    background: #ecfff5 !important;
    color: #1f8f5f !important;
    border-color: #c8f1dc !important;
}

.pg-bio-work-tags .pg-bio-tag:nth-child(8n+4),
.pg-bio-work-tags .tag:nth-child(8n+4),
.pg-bio-work-conditions .pg-bio-tag:nth-child(8n+4),
.pg-bio-work-conditions .tag:nth-child(8n+4),
.pg-bio-card--work .pg-bio-tag:nth-child(8n+4),
.pg-bio-card--work .tag:nth-child(8n+4) {
    background: #fff4e8 !important;
    color: #bb6a13 !important;
    border-color: #f3d8b6 !important;
}

.pg-bio-work-tags .pg-bio-tag:nth-child(8n+5),
.pg-bio-work-tags .tag:nth-child(8n+5),
.pg-bio-work-conditions .pg-bio-tag:nth-child(8n+5),
.pg-bio-work-conditions .tag:nth-child(8n+5),
.pg-bio-card--work .pg-bio-tag:nth-child(8n+5),
.pg-bio-card--work .tag:nth-child(8n+5) {
    background: #eafcff !important;
    color: #0f7e95 !important;
    border-color: #c8edf3 !important;
}

.pg-bio-work-tags .pg-bio-tag:nth-child(8n+6),
.pg-bio-work-tags .tag:nth-child(8n+6),
.pg-bio-work-conditions .pg-bio-tag:nth-child(8n+6),
.pg-bio-work-conditions .tag:nth-child(8n+6),
.pg-bio-card--work .pg-bio-tag:nth-child(8n+6),
.pg-bio-card--work .tag:nth-child(8n+6) {
    background: #fff0f5 !important;
    color: #b23a72 !important;
    border-color: #f4cede !important;
}

.pg-bio-work-tags .pg-bio-tag:nth-child(8n+7),
.pg-bio-work-tags .tag:nth-child(8n+7),
.pg-bio-work-conditions .pg-bio-tag:nth-child(8n+7),
.pg-bio-work-conditions .tag:nth-child(8n+7),
.pg-bio-card--work .pg-bio-tag:nth-child(8n+7),
.pg-bio-card--work .tag:nth-child(8n+7) {
    background: #f4f7db !important;
    color: #687b13 !important;
    border-color: #e3ebb3 !important;
}

.pg-bio-work-tags .pg-bio-tag:nth-child(8n+8),
.pg-bio-work-tags .tag:nth-child(8n+8),
.pg-bio-work-conditions .pg-bio-tag:nth-child(8n+8),
.pg-bio-work-conditions .tag:nth-child(8n+8),
.pg-bio-card--work .pg-bio-tag:nth-child(8n+8),
.pg-bio-card--work .tag:nth-child(8n+8) {
    background: #f2f2f7 !important;
    color: #5b6475 !important;
    border-color: #dde1ea !important;
}


/* =========================================================
   PAKTOGRAF — BIOGRAFIJA / FINALNO VIZUELNO POLIRANJE V6
   Zalijepiti NA SAMI KRAJ Additional CSS-a.
   functions.php se ne mijenja.
   ========================================================= */

/* ---------------------------------------------------------
   1. MIRNIJE VANJSKE KARTICE — manje bordera, mekša sjena
   --------------------------------------------------------- */
.pg-bio-wrap--v2 .pg-bio-hero,
.pg-bio-wrap--v2 .pg-bio-card,
.pg-bio-wrap--v2 .pg-bio-main-column .pg-bio-card,
.pg-bio-wrap--v2 .pg-bio-side-column .pg-bio-card {
    border: 1px solid rgba(88, 67, 130, 0.10) !important;
    background: #ffffff !important;
    box-shadow:
        0 16px 38px rgba(31, 23, 48, 0.045),
        0 2px 8px rgba(31, 23, 48, 0.025) !important;
}

/* Ukloni stare dekorativne linije iznad kartica. */
.pg-bio-wrap--v2 .pg-bio-card::before,
.pg-bio-wrap--v2 .pg-bio-main-column .pg-bio-card::before,
.pg-bio-wrap--v2 .pg-bio-side-column .pg-bio-card::before {
    display: none !important;
    content: none !important;
}

/* Malo mirniji razmak između sekcija. */
.pg-bio-wrap--v2 .pg-bio-main-column,
.pg-bio-wrap--v2 .pg-bio-side-column {
    gap: 18px !important;
}

.pg-bio-wrap--v2 .pg-bio-card-head {
    margin-bottom: 12px !important;
}

/* ---------------------------------------------------------
   2. UNUTRAŠNJI BLOKOVI — bez "bordera unutar bordera"
   --------------------------------------------------------- */
.pg-bio-wrap--v2 .pg-bio-empty {
    border: 0 !important;
    background: #faf9fc !important;
    box-shadow: inset 0 0 0 1px rgba(88, 67, 130, 0.055) !important;
}

.pg-bio-wrap--v2 .pg-bio-work-status,
.pg-bio-wrap--v2 .pg-bio-language-item,
.pg-bio-wrap--v2 .pg-bio-experience-body,
.pg-bio-wrap--v2 .pg-bio-education-item,
.pg-bio-wrap--v2 .pg-bio-financial-feature,
.pg-bio-wrap--v2 .pg-bio-financial-mobility-item {
    border-color: rgba(88, 67, 130, 0.075) !important;
    background: #fdfcff !important;
    box-shadow: none !important;
}

.pg-bio-wrap--v2 .pg-bio-work-status {
    background: #faf9fc !important;
}

/* ---------------------------------------------------------
   3. RADNI USLOVI — iste šarene pastelne pilule kao Vještine
   --------------------------------------------------------- */
.pg-bio-wrap--v2 .pg-bio-work-condition-pills {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 9px !important;
}

.pg-bio-wrap--v2 .pg-bio-work-condition-pills > span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 35px !important;
    margin: 0 !important;
    padding: 8px 12px !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    font-size: 12px !important;
    line-height: 1.15 !important;
    font-weight: 850 !important;
}

.pg-bio-wrap--v2 .pg-bio-work-condition-pills > span:nth-child(8n + 1) {
    color: #315aa8 !important;
    border-color: #c9dafc !important;
    background: #eef4ff !important;
}

.pg-bio-wrap--v2 .pg-bio-work-condition-pills > span:nth-child(8n + 2) {
    color: #08765f !important;
    border-color: #bcebdc !important;
    background: #ecfdf7 !important;
}

.pg-bio-wrap--v2 .pg-bio-work-condition-pills > span:nth-child(8n + 3) {
    color: #9a5212 !important;
    border-color: #f6d8aa !important;
    background: #fff7e8 !important;
}

.pg-bio-wrap--v2 .pg-bio-work-condition-pills > span:nth-child(8n + 4) {
    color: #76520d !important;
    border-color: #eadb99 !important;
    background: #fffbea !important;
}

.pg-bio-wrap--v2 .pg-bio-work-condition-pills > span:nth-child(8n + 5) {
    color: #6b39ad !important;
    border-color: #ddcdf7 !important;
    background: #f7f1ff !important;
}

.pg-bio-wrap--v2 .pg-bio-work-condition-pills > span:nth-child(8n + 6) {
    color: #a03e68 !important;
    border-color: #f2cada !important;
    background: #fff1f6 !important;
}

.pg-bio-wrap--v2 .pg-bio-work-condition-pills > span:nth-child(8n + 7) {
    color: #286f82 !important;
    border-color: #bfe4ec !important;
    background: #eefbfe !important;
}

.pg-bio-wrap--v2 .pg-bio-work-condition-pills > span:nth-child(8n + 8) {
    color: #526174 !important;
    border-color: #d8e0e9 !important;
    background: #f4f7fa !important;
}

/* ---------------------------------------------------------
   4. HERO STATISTIKE — malo čitljivije, bez teških obruba
   --------------------------------------------------------- */
.pg-bio-wrap--v2 .pg-bio-stats {
    gap: 10px !important;
    margin-top: 18px !important;
}

.pg-bio-wrap--v2 .pg-bio-stats > div {
    min-width: 128px !important;
    padding: 11px 14px !important;
    border: 0 !important;
    border-radius: 15px !important;
    background: #f8f7fb !important;
    box-shadow: inset 0 0 0 1px rgba(88, 67, 130, 0.06) !important;
}

.pg-bio-wrap--v2 .pg-bio-stats strong {
    color: #111827 !important;
    font-size: 20px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
}

.pg-bio-wrap--v2 .pg-bio-stats span {
    margin-top: 6px !important;
    color: #667085 !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
    font-weight: 750 !important;
}

/* ---------------------------------------------------------
   5. ZASTAVICE — ostaju diskretne ispod profilne fotografije
   --------------------------------------------------------- */
.pg-bio-wrap--v2 .pg-bio-hero-language-flags {
    border-color: rgba(88, 67, 130, 0.09) !important;
    box-shadow: 0 7px 18px rgba(31, 23, 48, 0.055) !important;
}

/* ---------------------------------------------------------
   6. MOBITEL — ne povećavati vizuelnu težinu kartica
   --------------------------------------------------------- */
@media (max-width: 767px) {
    .pg-bio-wrap--v2 .pg-bio-hero,
    .pg-bio-wrap--v2 .pg-bio-card {
        border-color: rgba(88, 67, 130, 0.09) !important;
        box-shadow: 0 10px 26px rgba(31, 23, 48, 0.04) !important;
    }

    .pg-bio-wrap--v2 .pg-bio-main-column,
    .pg-bio-wrap--v2 .pg-bio-side-column {
        gap: 12px !important;
    }

    .pg-bio-wrap--v2 .pg-bio-work-condition-pills {
        gap: 7px !important;
    }

    .pg-bio-wrap--v2 .pg-bio-work-condition-pills > span {
        min-height: 32px !important;
        padding: 7px 10px !important;
        font-size: 11px !important;
    }
}


/* =========================================================
   PAKTOGRAF CHAT — TRUE BOTTOM LOCK
   Composer na dnu SVOG chat panela.
   Message lista je jedini scroll.
   ========================================================= */


/* ---------------------------------------------------------
   1. DESKTOP + GLOBALNA STRUKTURA
   --------------------------------------------------------- */

.wp-private-message-dashboard.box-dashboard-message.wppm-ui-v2
.message-inner {
    align-items: stretch !important;
}


/* Desni chat panel je jedna vertikalna kolona:
   header / razgovor+composer */
.wp-private-message-dashboard.box-dashboard-message.wppm-ui-v2
.replies-content {
    display: flex !important;
    flex-direction: column !important;

    align-self: stretch !important;

    min-width: 0 !important;
    min-height: 0 !important;

    overflow: hidden !important;
}


/* Recipient header ne raste */
.wp-private-message-dashboard.box-dashboard-message.wppm-ui-v2
.replies-content > .recipient-info {
    flex: 0 0 auto !important;
}


/* KLJUČNI FIX:
   uklanjamo starih 588px i dozvoljavamo ovom području
   da zauzme sav ostatak visine desnog panela. */
.wp-private-message-dashboard.box-dashboard-message.wppm-ui-v2
.replies-content > .content-box-white {
    flex: 1 1 0 !important;

    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    overflow: hidden !important;
}


/* Message lista raste i jedina scrolla */
.wp-private-message-dashboard.box-dashboard-message.wppm-ui-v2
.content-box-white > .list-replies-inner {
    flex: 1 1 0 !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;

    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;

    padding-bottom: 28px !important;
}


/* Composer ostaje zadnji element i sjeda na dno panela */
.wp-private-message-dashboard.box-dashboard-message.wppm-ui-v2
.content-box-white > .reply-message-form-wrapper {
    flex: 0 0 auto !important;

    width: 100% !important;

    margin-top: auto !important;
    margin-bottom: 0 !important;

    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    transform: none !important;

    z-index: 20 !important;

    padding: 12px 18px 14px !important;

    background: rgba(255,255,255,.98) !important;
    border-top: 1px solid #edf0f7 !important;
    box-shadow: 0 -8px 24px rgba(15,23,42,.035) !important;
}


/* =========================================================
   2. MOBILE
   Koristimo Paktografove STVARNE visine:
   --wppm-mobile-height
   --wppm-pg-top-nav
   --wppm-pg-bottom-nav
   ========================================================= */

@media (max-width: 767px) {

    /*
     * Stari CSS ovdje dodaje veliki bottom padding.
     * To je jedan od razloga za ogromnu prazninu
     * ispod composera.
     */
    .wp-private-message-dashboard.box-dashboard-message.wppm-ui-v2.wppm-mobile-app.wppm-mobile-view-thread {
        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;

        min-height: 0 !important;
    }


    /*
     * Chat zauzima TAČNO prostor između
     * Paktograf top i bottom navigacije.
     */
    .wp-private-message-dashboard.box-dashboard-message.wppm-ui-v2.wppm-mobile-app.wppm-mobile-view-thread
    .message-section-wrapper {
        width: 100% !important;

        height: calc(
            var(--wppm-mobile-height, 100dvh)
            - var(--wppm-pg-top-nav, 61px)
            - var(--wppm-pg-bottom-nav, 74px)
        ) !important;

        min-height: 0 !important;
        max-height: none !important;

        margin: 0 !important;

        overflow: hidden !important;
    }


    .wp-private-message-dashboard.box-dashboard-message.wppm-ui-v2.wppm-mobile-app.wppm-mobile-view-thread
    .message-inner {
        width: 100% !important;
        height: 100% !important;

        min-height: 0 !important;

        display: grid !important;
        grid-template-columns: 1fr !important;
        grid-template-rows: minmax(0, 1fr) !important;

        overflow: hidden !important;
    }


    .wp-private-message-dashboard.box-dashboard-message.wppm-ui-v2.wppm-mobile-app.wppm-mobile-view-thread
    .replies-content {
        width: 100% !important;
        height: 100% !important;

        min-height: 0 !important;

        display: flex !important;
        flex-direction: column !important;

        overflow: hidden !important;
    }


    .wp-private-message-dashboard.box-dashboard-message.wppm-ui-v2.wppm-mobile-app.wppm-mobile-view-thread
    .replies-content > .content-box-white {
        flex: 1 1 0 !important;

        width: 100% !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        display: flex !important;
        flex-direction: column !important;

        overflow: hidden !important;
    }


    .wp-private-message-dashboard.box-dashboard-message.wppm-ui-v2.wppm-mobile-app.wppm-mobile-view-thread
    .list-replies-inner {
        flex: 1 1 0 !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        overflow-y: auto !important;
        overflow-x: hidden !important;

        padding-bottom: 18px !important;
    }


    /*
     * Composer — NE MIJENJAMO njegov dizajn.
     * Samo ga zaključavamo kao zadnji red.
     */
    .wp-private-message-dashboard.box-dashboard-message.wppm-ui-v2.wppm-mobile-app.wppm-mobile-view-thread
    .reply-message-form-wrapper.wppm-paktograf-composer-wrap {
        flex: 0 0 auto !important;

        width: 100% !important;

        margin: 0 !important;

        position: relative !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        transform: none !important;

        padding: 8px 10px 10px !important;

        z-index: 30 !important;

        background: #fff !important;
        border-top: 1px solid #edf0f7 !important;
    }
}
.reply-message-form-wrapper.wppm-paktograf-composer-wrap{
    outline: 5px solid red !important;
    background: #fff3cd !important;
}/* PAKTOGRAF CHAT — HEIGHT DIAGNOSTIC */

.message-section-wrapper{
    outline: 4px solid orange !important;
}

.message-inner{
    outline: 4px solid blue !important;
}

.replies-content{
    outline: 4px solid lime !important;
}

.content-box-white{
    outline: 4px solid magenta !important;
}

.list-replies-inner{
    outline: 3px solid cyan !important;
}

.reply-message-form-wrapper.wppm-paktograf-composer-wrap{
    outline: 4px solid red !important;
}/* =========================================================
   PAKTOGRAF CHAT — FINAL PANEL GRID FIX
   header
   ↓
   message list (raste i scrolla)
   ↓
   composer (zakucan na dno panela)
   ========================================================= */


/* UGASI DIJAGNOSTIČKE OKVIRE */
.message-section-wrapper,
.message-inner,
.replies-content,
.content-box-white,
.list-replies-inner,
.reply-message-form-wrapper.wppm-paktograf-composer-wrap {
    outline: none !important;
}


/* ---------------------------------------------------------
   1. DESNI PANEL
   Header je prvi red.
   Chat body je drugi red i MORA zauzeti ostatak visine.
   --------------------------------------------------------- */

.wp-private-message-dashboard.box-dashboard-message.wppm-ui-v2
.replies-content {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) !important;

    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;

    overflow: hidden !important;
}


/* Header razgovora */
.wp-private-message-dashboard.box-dashboard-message.wppm-ui-v2
.replies-content > .recipient-info {
    min-height: 0 !important;
    height: auto !important;
}


/* ---------------------------------------------------------
   2. OVO JE ELEMENT KOJI NAM JE PRAVIO PROBLEM
   On sada MORA zauzeti cijeli drugi grid red.
   --------------------------------------------------------- */

.wp-private-message-dashboard.box-dashboard-message.wppm-ui-v2
.replies-content > .content-box-white {
    display: grid !important;

    /* poruke = sav slobodan prostor
       composer = samo njegova prirodna visina */
    grid-template-rows: minmax(0, 1fr) auto !important;

    width: 100% !important;
    height: 100% !important;

    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    align-self: stretch !important;
}


/* ---------------------------------------------------------
   3. MESSAGE LIST
   Ovo je jedini scrollbar u razgovoru.
   --------------------------------------------------------- */

.wp-private-message-dashboard.box-dashboard-message.wppm-ui-v2
.content-box-white > .list-replies-inner {
    grid-row: 1 !important;

    width: 100% !important;
    height: 100% !important;

    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;

    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;

    padding-bottom: 24px !important;
}


/* ---------------------------------------------------------
   4. COMPOSER
   Drugi grid red = fizički dno content-box-white.
   Nema sticky/fixed/translate trikova.
   --------------------------------------------------------- */

.wp-private-message-dashboard.box-dashboard-message.wppm-ui-v2
.content-box-white > .reply-message-form-wrapper.wppm-paktograf-composer-wrap {
    grid-row: 2 !important;

    width: 100% !important;

    align-self: end !important;

    position: relative !important;
    inset: auto !important;

    margin: 0 !important;

    transform: none !important;

    flex: none !important;

    z-index: 20 !important;

    background: rgba(255,255,255,.98) !important;
    border-top: 1px solid #edf0f7 !important;

    /* ovo daje mali "zrak" koji smo htjeli */
    padding-bottom: 12px !important;
}


/* =========================================================
   MOBILE
   Ista arhitektura — samo koristimo cijelu visinu
   Paktograf chat prostora.
   ========================================================= */

@media (max-width: 767px) {

    .wp-private-message-dashboard.box-dashboard-message.wppm-ui-v2.wppm-mobile-app.wppm-mobile-view-thread
    .message-section-wrapper {
        height: calc(
            var(--wppm-mobile-height, 100dvh)
            - var(--wppm-pg-top-nav, 61px)
            - var(--wppm-pg-bottom-nav, 74px)
        ) !important;

        min-height: 0 !important;
        max-height: none !important;

        margin: 0 !important;

        overflow: hidden !important;
    }


    .wp-private-message-dashboard.box-dashboard-message.wppm-ui-v2.wppm-mobile-app.wppm-mobile-view-thread
    .message-inner {
        width: 100% !important;
        height: 100% !important;

        min-height: 0 !important;

        display: grid !important;
        grid-template-columns: 1fr !important;
        grid-template-rows: minmax(0, 1fr) !important;

        overflow: hidden !important;
    }


    .wp-private-message-dashboard.box-dashboard-message.wppm-ui-v2.wppm-mobile-app.wppm-mobile-view-thread
    .replies-content {
        display: grid !important;
        grid-template-rows: auto minmax(0, 1fr) !important;

        width: 100% !important;
        height: 100% !important;

        min-height: 0 !important;

        overflow: hidden !important;
    }


    .wp-private-message-dashboard.box-dashboard-message.wppm-ui-v2.wppm-mobile-app.wppm-mobile-view-thread
    .replies-content > .content-box-white {
        display: grid !important;
        grid-template-rows: minmax(0, 1fr) auto !important;

        width: 100% !important;
        height: 100% !important;

        min-height: 0 !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
    }


    .wp-private-message-dashboard.box-dashboard-message.wppm-ui-v2.wppm-mobile-app.wppm-mobile-view-thread
    .content-box-white > .list-replies-inner {
        height: 100% !important;

        min-height: 0 !important;
        max-height: none !important;

        overflow-y: auto !important;
        overflow-x: hidden !important;

        padding-bottom: 18px !important;
    }


    .wp-private-message-dashboard.box-dashboard-message.wppm-ui-v2.wppm-mobile-app.wppm-mobile-view-thread
    .content-box-white > .reply-message-form-wrapper.wppm-paktograf-composer-wrap {
        align-self: end !important;

        position: relative !important;
        inset: auto !important;

        width: 100% !important;

        margin: 0 !important;

        transform: none !important;

        padding: 8px 10px 10px !important;

        background: #fff !important;
        border-top: 1px solid #edf0f7 !important;
    }
}


/* =========================================================
   PAKTOGRAF CHAT — BUBBLE AVATAR POLISH
   Ujednačena veličina, poravnanje i elegantan okvir.
   ========================================================= */


/* 1. Rezerviraj isti prostor za avatar u svakom redu */
.wp-private-message-dashboard.box-dashboard-message.wppm-ui-v2
.list-replies > li > .avatar {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;

    flex: 0 0 36px !important;

    margin: 0 0 2px !important;
    padding: 0 !important;

    border-radius: 50% !important;

    align-self: flex-end !important;

    overflow: visible !important;
}


/* 2. Prazni placeholderi ostaju nevidljivi,
      ali čuvaju poravnanje cijele grupe poruka */
.wp-private-message-dashboard.box-dashboard-message.wppm-ui-v2
.list-replies > li > .avatar.wppm-avatar-placeholder {
    visibility: hidden !important;

    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
}


/* 3. Stvarni bubble avatar */
.wp-private-message-dashboard.box-dashboard-message.wppm-ui-v2
.wppm-bubble-avatar {
    display: block !important;

    width: 36px !important;
    height: 36px !important;

    min-width: 36px !important;
    min-height: 36px !important;

    max-width: 36px !important;
    max-height: 36px !important;

    margin: 0 !important;
    padding: 0 !important;

    border-radius: 50% !important;

    object-fit: cover !important;
    object-position: center !important;

    border: 2px solid #ffffff !important;

    box-shadow:
        0 0 0 1px #ded5f4,
        0 5px 14px rgba(76, 29, 149, .10) !important;

    background: #f5f3ff !important;
}


/* 4. Sam kraj grupe dobije malo prirodniji razmak */
.wp-private-message-dashboard.box-dashboard-message.wppm-ui-v2
.list-replies > li.wppm-group-end {
    margin-bottom: 12px !important;
}


/* 5. Avatar na mojim porukama ide uz desnu stranu,
      avatar druge osobe uz lijevu */
.wp-private-message-dashboard.box-dashboard-message.wppm-ui-v2
.list-replies > li.yourself-reply {
    flex-direction: row !important;
}

.wp-private-message-dashboard.box-dashboard-message.wppm-ui-v2
.list-replies > li.user-reply {
    flex-direction: row !important;
}


/* Kod mojih poruka avatar treba biti POSLIJE bubblea */
.wp-private-message-dashboard.box-dashboard-message.wppm-ui-v2
.list-replies > li.yourself-reply > .reply-content {
    order: 1 !important;
}

.wp-private-message-dashboard.box-dashboard-message.wppm-ui-v2
.list-replies > li.yourself-reply > .avatar {
    order: 2 !important;
}


/* Kod druge osobe avatar je PRIJE bubblea */
.wp-private-message-dashboard.box-dashboard-message.wppm-ui-v2
.list-replies > li.user-reply > .avatar {
    order: 1 !important;
}

.wp-private-message-dashboard.box-dashboard-message.wppm-ui-v2
.list-replies > li.user-reply > .reply-content {
    order: 2 !important;
}


/* 6. Malo uredniji gap avatar ↔ bubble */
.wp-private-message-dashboard.box-dashboard-message.wppm-ui-v2
.list-replies > li {
    gap: 9px !important;
}


/* 7. MOBILE — malo manji avatari */
@media (max-width: 767px) {

    .wp-private-message-dashboard.box-dashboard-message.wppm-ui-v2
    .list-replies > li > .avatar,
    .wp-private-message-dashboard.box-dashboard-message.wppm-ui-v2
    .list-replies > li > .avatar.wppm-avatar-placeholder {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;

        flex-basis: 32px !important;
    }

    .wp-private-message-dashboard.box-dashboard-message.wppm-ui-v2
    .wppm-bubble-avatar {
        width: 32px !important;
        height: 32px !important;

        min-width: 32px !important;
        min-height: 32px !important;

        max-width: 32px !important;
        max-height: 32px !important;
    }

    .wp-private-message-dashboard.box-dashboard-message.wppm-ui-v2
    .list-replies > li {
        gap: 7px !important;
    }
}

/* =========================================================
   PAKTOGRAF POSLOVI V2 — PRODUCTION OVERRIDES — 2026-08-23
   ========================================================= */
html.pg-job-overlay-open,
html.pg-job-overlay-open body{overflow:hidden!important;}

.pg-jobs-archive-v2{max-width:1120px!important;padding-top:30px!important;padding-bottom:80px!important;}
.pg-jobs-archive-v2__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 26px;}
.pg-jobs-archive-v2__head h1{margin:3px 0 0!important;font-size:clamp(34px,4vw,52px)!important;line-height:1!important;font-weight:900!important;letter-spacing:-.045em!important;color:#151028!important;}
.pg-jobs-archive-v2__actions{display:flex;align-items:center;gap:10px;}
.pg-jobs-filter-trigger,.pg-jobs-packages-trigger{min-height:44px;padding:0 18px;border-radius:999px;font-size:13px;font-weight:850;cursor:pointer;transition:.16s ease;}
.pg-jobs-filter-trigger{border:1px solid #e4d7ff;background:#f8f4ff;color:#6f2cff;}
.pg-jobs-packages-trigger{border:1px solid #ece6f7;background:#fff;color:#342a46;}
.pg-jobs-filter-trigger:hover,.pg-jobs-packages-trigger:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(44,33,72,.08);}

.pg-job-section{margin:0 0 32px;}
.pg-job-section__title{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 14px;padding:0 2px;}
.pg-job-section__title h2{margin:0!important;color:#161126!important;font-size:22px!important;font-weight:900!important;letter-spacing:-.025em!important;}
.pg-job-section__title span,.pg-job-results-note span{color:#8a8495;font-size:12px;font-weight:650;}
.pg-job-results-note{display:flex;justify-content:space-between;align-items:center;margin:0 0 14px;padding:12px 14px;border:1px solid #eee7fb;border-radius:16px;background:#fbf9ff;color:#31273f;}

.pg-job-grid-v2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-bottom:18px;}
.pg-job-card-v2{position:relative;min-width:0;border:1px solid #ebe7f1;border-radius:22px;background:#fff;box-shadow:0 8px 28px rgba(31,24,45,.045);overflow:hidden;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;}
.pg-job-card-v2:hover{transform:translateY(-2px);border-color:#ded2f3;box-shadow:0 14px 34px rgba(31,24,45,.075);}
.pg-job-card-v2__main{display:block;padding:20px 20px 18px;color:inherit!important;text-decoration:none!important;}
.pg-job-card-v2__top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;}
.pg-job-card-v2__category{display:inline-flex;align-items:center;min-height:27px;padding:0 10px;border-radius:999px;background:#f4edff;color:#6f2cff;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.045em;}
.pg-job-card-v2__date{color:#a09aaa;font-size:10px;font-weight:700;white-space:nowrap;}
.pg-job-card-v2 h3{margin:0 0 5px!important;color:#17112a!important;font-size:20px!important;line-height:1.16!important;font-weight:900!important;letter-spacing:-.025em!important;}
.pg-job-card-v2__company{margin:0 0 11px!important;color:#60596d!important;font-size:13px!important;font-weight:750!important;}
.pg-job-card-v2__excerpt{margin:0 0 14px!important;color:#787181!important;font-size:12px!important;line-height:1.55!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.pg-job-card-v2__meta{display:flex;flex-wrap:wrap;gap:6px;}
.pg-job-card-v2__meta span{display:inline-flex;align-items:center;min-height:27px;padding:0 9px;border:1px solid #eee8f7;border-radius:999px;background:#fbf9ff;color:#665e70;font-size:10px;font-weight:750;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pg-job-card-v2__owner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 18px;border-top:1px solid #f0ecf5;background:#fcfbfd;}
.pg-job-card-v2__owner a{color:#6f2cff!important;font-size:12px;font-weight:850;text-decoration:none!important;}
.pg-job-card-v2__owner span{color:#8d8795;font-size:10px;font-weight:700;}
.pg-jobs-load-sentinel{display:flex;align-items:center;justify-content:center;min-height:54px;color:#9a94a3;font-size:12px;font-weight:700;}

/* Filter + package overlay: centered modal desktop, bottom sheet mobile */
.pg-job-overlay{position:fixed;inset:0;z-index:100040;display:flex;align-items:center;justify-content:center;padding:22px;opacity:0;pointer-events:none;transition:opacity .18s ease;}
.pg-job-overlay.is-open{opacity:1;pointer-events:auto;}
.pg-job-overlay__backdrop{position:absolute;inset:0;background:rgba(17,12,28,.42);backdrop-filter:blur(2px);}
.pg-job-overlay__panel{position:relative;z-index:1;width:min(520px,100%);max-height:min(760px,calc(100vh - 44px));overflow:auto;border:1px solid #ebe5f4;border-radius:28px;background:#fff;padding:22px;box-shadow:0 30px 90px rgba(18,12,31,.22);transform:translateY(12px) scale(.99);transition:transform .18s ease;}
.pg-job-overlay.is-open .pg-job-overlay__panel{transform:none;}
.pg-job-overlay__handle{display:none;width:84px;height:6px;border-radius:999px;background:#dce1ea;margin:0 auto 14px;}
.pg-job-overlay__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px;}
.pg-job-overlay__head h2{margin:0!important;color:#17112a!important;font-size:24px!important;font-weight:900!important;letter-spacing:-.035em!important;}
.pg-job-overlay__head p{margin:4px 0 0!important;color:#8a8495!important;font-size:12px!important;line-height:1.45!important;}
.pg-job-overlay__head>button{width:38px;height:38px;border:0;border-radius:999px;background:#f6f3fa;color:#5e5768;font-size:22px;line-height:1;cursor:pointer;}
.pg-job-filter-form{display:grid;gap:15px;}
.pg-job-filter-form label>span{display:block;margin:0 0 7px;color:#30273f;font-size:12px;font-weight:850;}
.pg-job-filter-form select{width:100%;height:49px;padding:0 14px;border:1px solid #e5dfeb;border-radius:15px;background:#fff;color:#332b3e;font-size:13px;box-shadow:none;}
.pg-job-filter-mine{display:flex!important;align-items:center;gap:10px;padding:13px 14px;border:1px solid #e8ddfb;border-radius:15px;background:#fbf8ff;cursor:pointer;}
.pg-job-filter-mine input{width:18px;height:18px;accent-color:#6f2cff;}
.pg-job-filter-mine span{margin:0!important;color:#5c36a8!important;}
.pg-job-filter-actions{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;margin-top:4px;}
.pg-job-filter-actions>a{padding:10px;color:#7b7385!important;font-size:12px;font-weight:800;text-decoration:none!important;}
.pg-job-filter-actions .pg-jobs-btn{width:100%;}

.pg-job-package-list{display:grid;grid-template-columns:1fr;gap:11px;}
.pg-job-package-card{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 14px;padding:17px;border:1px solid #ece6f5;border-radius:19px;background:#fff;color:inherit!important;text-decoration:none!important;transition:.16s ease;}
.pg-job-package-card:hover{border-color:#d9c8f6;background:#fdfbff;transform:translateY(-1px);}
.pg-job-package-card__badge{grid-column:1/-1;width:max-content;margin-bottom:4px;padding:5px 8px;border-radius:999px;background:#f1e8ff;color:#6f2cff;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;}
.pg-job-package-card h3{margin:0!important;color:#19122b!important;font-size:17px!important;font-weight:900!important;}
.pg-job-package-card>strong{grid-column:2;grid-row:2;color:#19122b;font-size:17px;font-weight:900;}
.pg-job-package-card p{grid-column:1/-1;margin:2px 0 0!important;color:#81798b!important;font-size:11px!important;line-height:1.4!important;}
.pg-job-package-card__cta{grid-column:1/-1;margin-top:8px;color:#6f2cff;font-size:11px;font-weight:850;}

/* Mobile publish bottom sheet */
.pg-job-publish-sheet{position:fixed;inset:0;z-index:100060;display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:opacity .18s ease;}
.pg-job-publish-sheet.is-open{opacity:1;pointer-events:auto;}
.pg-job-publish-sheet__backdrop{position:absolute;inset:0;background:rgba(18,13,28,.40);backdrop-filter:blur(2px);}
.pg-job-publish-sheet__panel{position:relative;z-index:1;width:100%;max-width:640px;height:min(92dvh,820px);display:flex;flex-direction:column;border-radius:30px 30px 0 0;background:#fff;box-shadow:0 -22px 60px rgba(24,16,40,.20);transform:translateY(100%);transition:transform .22s cubic-bezier(.2,.75,.25,1);overflow:hidden;}
.pg-job-publish-sheet.is-open .pg-job-publish-sheet__panel{transform:none;}
.pg-job-publish-sheet__panel>.pg-job-overlay__handle{display:block;flex:0 0 auto;margin-top:10px;margin-bottom:5px;}
.pg-job-publish-sheet__head{display:grid;grid-template-columns:38px 1fr 38px;align-items:center;gap:8px;padding:7px 17px 11px;border-bottom:1px solid #f0ecf4;}
.pg-job-publish-sheet__head button{width:36px;height:36px;border:0;border-radius:999px;background:#f7f4fb;color:#5c5368;font-size:20px;cursor:pointer;}
.pg-job-publish-sheet__head>div{text-align:left;}
.pg-job-publish-sheet__head small{display:block;color:#6f2cff;font-size:9px;font-weight:900;letter-spacing:.055em;}
.pg-job-publish-sheet__head h2{margin:2px 0 0!important;color:#19122c!important;font-size:20px!important;line-height:1.1!important;font-weight:900!important;letter-spacing:-.03em!important;}
.pg-job-publish-sheet__scroll{flex:1;min-height:0;overflow:auto;padding:14px 17px calc(22px + env(safe-area-inset-bottom));overscroll-behavior:contain;}
.pg-job-sheet-steps{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0 0 16px;}
.pg-job-sheet-steps span{height:4px;border-radius:999px;background:#e8e2ef;transition:.18s ease;}
.pg-job-sheet-steps span.is-active{background:#6f2cff;}
.pg-job-v2-step{display:block;}
.pg-job-v2-form.is-mobile-sheet .pg-job-v2-step{display:none;}
.pg-job-v2-form.is-mobile-sheet .pg-job-v2-step.is-active{display:block;animation:pgJobStepIn .18s ease both;}
@keyframes pgJobStepIn{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:none}}
.pg-job-v2-form.is-mobile-sheet .pg-job-form__grid,.pg-job-v2-form.is-mobile-sheet .pg-job-form__grid--salary{grid-template-columns:1fr!important;gap:13px!important;}
.pg-job-v2-form.is-mobile-sheet label{margin-bottom:13px!important;}
.pg-job-v2-form.is-mobile-sheet input,.pg-job-v2-form.is-mobile-sheet select{height:50px!important;border-radius:15px!important;}
.pg-job-v2-form.is-mobile-sheet textarea{min-height:145px!important;border-radius:15px!important;}
.pg-job-v2-form.is-mobile-sheet .pg-job-form__message-note,.pg-job-v2-form.is-mobile-sheet .pg-job-form__payment-note{padding:13px!important;border-radius:16px!important;margin:13px 0!important;}
.pg-job-v2-form.is-mobile-sheet .pg-job-form__actions{display:block!important;margin-top:13px!important;}
.pg-job-v2-form.is-mobile-sheet .pg-jobs-btn--primary,.pg-job-sheet-next{width:100%!important;min-height:52px!important;border-radius:999px!important;background:#ffc107!important;color:#1c1722!important;border:0!important;font-weight:900!important;box-shadow:none!important;}
.pg-job-v2-form.is-mobile-sheet .pg-job-sheet-next{margin-top:5px;}
.pg-job-publish-sheet .pg-job-location-results{z-index:20;}

/* Mobilni oglas koristi isti čisti sheet kao Projekat i Servis. */
@media (max-width: 820px) {
    .pg-job-publish-sheet .pg-job-v2-form.is-mobile-sheet,
    .pg-job-publish-sheet .pg-job-form.is-mobile-sheet {
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .pg-job-publish-sheet__head {
        border-bottom: 0 !important;
    }
}

/* Single job */
.pg-job-single-v2{max-width:1080px!important;padding-top:34px!important;padding-bottom:88px!important;}
.pg-job-single-v2__hero{margin-top:20px;padding:28px;border:1px solid #ebe5f2;border-radius:26px;background:linear-gradient(145deg,#fbf8ff 0%,#fff 65%);}
.pg-job-single-v2__hero h1{margin:10px 0 6px!important;color:#17112a!important;font-size:clamp(32px,5vw,52px)!important;line-height:1!important;font-weight:900!important;letter-spacing:-.05em!important;}
.pg-job-single-v2__company{margin:0!important;color:#665d72!important;font-size:16px!important;font-weight:750!important;}
.pg-job-single-v2__meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;}
.pg-job-single-v2__meta span{padding:7px 11px;border:1px solid #e8e0f4;border-radius:999px;background:#fff;color:#665f70;font-size:11px;font-weight:750;}
.pg-job-single-v2__layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;margin-top:20px;align-items:start;}
.pg-job-single-v2__content,.pg-job-single-v2__side{border:1px solid #ebe7f1;border-radius:24px;background:#fff;padding:24px;}
.pg-job-single-v2__content h2{margin:0 0 17px!important;color:#1a142b!important;font-size:21px!important;font-weight:900!important;}
.pg-job-single-v2__text{color:#514a5a;font-size:14px;line-height:1.75;}
.pg-job-single-v2__side{display:grid;gap:10px;position:sticky;top:100px;}
.pg-job-single-v2__side form,.pg-job-single-v2__side .pg-jobs-btn{width:100%;margin:0!important;}
.pg-job-single-v2__side small{color:#89828f;font-size:11px;line-height:1.5;}
.pg-jobs-btn--disabled{opacity:.55;cursor:not-allowed;}

/* Candidate mini card inside Poruke */
.pg-job-candidate-card{display:flex;gap:11px;margin-top:9px;padding:11px;border:1px solid #e3d7f7;border-radius:16px;background:#faf7ff;color:inherit!important;text-decoration:none!important;max-width:350px;}
.pg-job-candidate-card__avatar{width:46px;height:46px;min-width:46px;border-radius:14px;background:#eee7fb;color:#6f2cff;display:flex;align-items:center;justify-content:center;font-weight:900;overflow:hidden;}
.pg-job-candidate-card__avatar img{width:100%;height:100%;object-fit:cover;}
.pg-job-candidate-card__body{display:flex;flex-direction:column;min-width:0;line-height:1.25;}
.pg-job-candidate-card__body small{color:#8f8798;font-size:9px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pg-job-candidate-card__body strong{margin-top:2px;color:#21172f;font-size:13px;font-weight:900;}
.pg-job-candidate-card__body em{margin-top:2px;color:#6f2cff;font-size:9px;font-style:normal;font-weight:750;}
.pg-job-candidate-card__body>span{margin-top:4px;color:#756e7d;font-size:9px;line-height:1.35;}
.pg-job-candidate-card__body b{margin-top:5px;color:#6f2cff;font-size:9px;font-weight:900;}
.pg-job-card-loading{display:block;margin-top:7px;color:#8f8798;font-size:10px;}

@media(max-width:820px){
  .pg-jobs-archive-v2{padding:18px 13px 92px!important;}
  .pg-jobs-archive-v2__head{align-items:center;margin-bottom:16px;}
  .pg-jobs-archive-v2__head h1{font-size:31px!important;}
  .pg-jobs-archive-v2__actions{gap:7px;}
  .pg-jobs-filter-trigger,.pg-jobs-packages-trigger{min-height:38px;padding:0 12px;font-size:10px;}
  .pg-job-section{margin-bottom:25px;}
  .pg-job-section__title{display:block;margin-bottom:10px;}
  .pg-job-section__title h2{font-size:18px!important;}
  .pg-job-section__title span{display:block;margin-top:3px;font-size:10px;}
  .pg-job-grid-v2{grid-template-columns:1fr;gap:10px;}
  .pg-job-card-v2{border-radius:19px;}
  .pg-job-card-v2__main{padding:16px;}
  .pg-job-card-v2 h3{font-size:17px!important;}
  .pg-job-card-v2__excerpt{font-size:11px!important;}
  .pg-job-card-v2__meta span{font-size:9px;min-height:25px;}

  .pg-job-overlay{align-items:flex-end;padding:0;}
  .pg-job-overlay__panel{width:100%;max-width:none;max-height:88dvh;border-radius:28px 28px 0 0;border-bottom:0;padding:16px 16px calc(18px + env(safe-area-inset-bottom));transform:translateY(100%);}
  .pg-job-overlay.is-open .pg-job-overlay__panel{transform:none;}
  .pg-job-overlay__handle{display:block;}

  .pg-job-single-v2{padding:20px 13px 96px!important;}
  .pg-job-single-v2__hero{padding:20px;border-radius:22px;}
  .pg-job-single-v2__hero h1{font-size:30px!important;}
  .pg-job-single-v2__layout{grid-template-columns:1fr;}
  .pg-job-single-v2__content,.pg-job-single-v2__side{padding:18px;border-radius:21px;}
  .pg-job-single-v2__side{position:static;}

  body.pg-jobs-submit-page-v2 .pg-jobs-submit-v2{display:none!important;}
}





















/* =========================================================
   PAKTOGRAF — RESTORE MOBILE BOTTOM NAV
   ========================================================= */

@media (max-width: 1199px) {

    body.logged-in .pg-mobile-bottom-nav {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;

        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;

        width: 100% !important;
        height: 74px !important;

        z-index: 10010 !important;

        transform: none !important;

        background: #ffffff !important;
        border-top: 1px solid #eceff4 !important;
    }

    body.logged-in {
        padding-bottom: calc(74px + env(safe-area-inset-bottom)) !important;
    }
}

/* Signali V1.3.1 — čišći sadržaj prema mobilnom testu. */
body.pg-signals-page .pkt-signal-inner {
    justify-content: flex-start !important;
    padding-top: 58px !important;
}

body.pg-signals-page .pkt-signal-location {
    position: absolute !important;
    top: 24px !important;
    right: 26px !important;
    left: 26px !important;
    justify-content: flex-end !important;
    margin: 0 !important;
    color: rgba(255,255,255,.72) !important;
    font-size: 14px !important;
    text-align: right !important;
}

body.pg-signals-page .pkt-signal-location strong {
    color: #fff !important;
    font-size: 14px !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

body.pg-signals-page .pkt-signal-headline {
    margin-top: clamp(42px, 9vh, 84px) !important;
    font-size: clamp(40px, 10vw, 70px) !important;
}

body.pg-signals-page .pkt-signal-badge,
body.pg-signals-page .pkt-signal-cta {
    display: none !important;
}

body.pg-signals-page .pkt-side-icon {
    width: 50px !important;
    min-width: 50px !important;
    height: 50px !important;
    min-height: 50px !important;
    border: 0 !important;
    background: rgba(15,15,18,.38) !important;
    box-shadow: 0 6px 22px rgba(0,0,0,.18) !important;
}

body.pg-signals-page .pkt-signal-side-actions {
    right: 14px !important;
    top: 36% !important;
    gap: 20px !important;
}

body.pg-signals-page .pkt-signal-actions {
    margin-top: auto !important;
    padding-top: 28px !important;
    padding-bottom: 24px !important;
}

body.pg-signals-page .pkt-signal-send {
    align-self: flex-start !important;
    width: auto !important;
    min-height: 52px !important;
    padding: 0 24px !important;
    gap: 10px !important;
    font-size: 17px !important;
    box-shadow: 0 10px 26px rgba(255,193,7,.15) !important;
}

body.pg-signals-page .pkt-send-icon {
    font-size: 19px !important;
}

body.pg-signals-page .pkt-signal-analysis,
body.pg-signals-page .pkt-signal-trend {
    background:
        radial-gradient(circle at 78% 18%, rgba(112,44,255,.58), transparent 34%),
        radial-gradient(circle at 12% 78%, rgba(255,193,7,.18), transparent 38%),
        linear-gradient(155deg, #191023 0%, #08080b 68%) !important;
}

body.pg-signals-page .pkt-signal-analysis .pkt-signal-headline,
body.pg-signals-page .pkt-signal-trend .pkt-signal-headline {
    max-width: 600px !important;
}

@media (max-width: 390px) {
    body.pg-signals-page .pkt-signal-inner {
        padding: 52px 72px 16px 24px !important;
    }
    body.pg-signals-page .pkt-signal-location {
        top: 18px !important;
        right: 20px !important;
        left: 20px !important;
    }
    body.pg-signals-page .pkt-signal-headline {
        margin-top: 44px !important;
    }
}


/* Filter modal smije je sakriti samo dok je stvarno otvoren */
@media (max-width: 767px) {

    html.pg-bio-filters-open body .pg-mobile-bottom-nav {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

}

/* =========================================================
   PAKTOGRAF — RESTORE MOBILE NAV PANELS
   ========================================================= */

@media (max-width: 1199px) {

    body.logged-in .pg-mobile-create-sheet,
    body.logged-in .pg-mobile-profile-sheet {
        display: block !important;
    }

    body.logged-in .pg-mobile-create-sheet.is-open,
    body.logged-in .pg-mobile-profile-sheet.is-open {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

}













/* =========================================================
   PAKTOGRAF — GLOBAL NAV SEARCH
   ========================================================= */

.pg-global-search-results {
    width: 100%;
}

.pg-global-search-results[hidden] {
    display: none !important;
}

.pg-global-search-loading,
.pg-global-search-empty {
    padding: 22px;
    border: 1px solid #edf0f7;
    border-radius: 18px;
    background: #fff;
    color: #667085;
    font-size: 14px;
    line-height: 1.55;
}

.pg-global-search-empty strong {
    display: block;
    margin-bottom: 5px;
    color: #111827;
    font-size: 15px;
    font-weight: 850;
}

.pg-global-search-empty span {
    display: block;
}

.pg-global-search-group {
    margin-bottom: 22px;
}

.pg-global-search-group__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 9px;
}

.pg-global-search-group__head > div {
    display: flex;
    align-items: center;
    gap: 8px;
}

.pg-global-search-group__head strong {
    color: #111827;
    font-size: 14px;
    font-weight: 900;
}

.pg-global-search-group__head span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 25px;
    height: 25px;
    padding: 0 7px;
    border-radius: 999px;
    background: #f3e8ff;
    color: #6f2cff;
    font-size: 11px;
    font-weight: 900;
}

.pg-global-search-group__head a {
    color: #6f2cff;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none !important;
}

.pg-global-search-group__items {
    display: grid;
    gap: 7px;
}

.pg-global-search-result {
    display: grid;
    grid-template-columns: 42px minmax(0,1fr) 24px;
    align-items: center;
    gap: 11px;

    min-height: 58px;
    padding: 8px 10px;

    border: 1px solid #edf0f7;
    border-radius: 15px;
    background: #fff;

    color: #111827 !important;
    text-decoration: none !important;

    transition:
        border-color .15s ease,
        background .15s ease;
}

.pg-global-search-result:hover {
    border-color: #dfd1ff;
    background: #faf7ff;
}

.pg-global-search-result__icon {
    width: 42px;
    height: 42px;
    border-radius: 13px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    background: #f5f0ff;
    font-size: 17px;
}

.pg-global-search-result__text {
    min-width: 0;
}

.pg-global-search-result__text strong {
    display: block;
    overflow: hidden;

    color: #111827;
    font-size: 13px;
    line-height: 1.25;
    font-weight: 850;

    white-space: nowrap;
    text-overflow: ellipsis;
}

.pg-global-search-result__text small {
    display: block;
    margin-top: 3px;

    color: #98a2b3;
    font-size: 11px;
    font-weight: 650;
}

.pg-global-search-result__arrow {
    color: #98a2b3;
    font-size: 18px;
}

.pg-global-search-all {
    min-height: 52px;
    margin-top: 6px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;

    border-radius: 15px;
    background: #6f2cff;

    color: #fff !important;
    font-size: 13px;
    font-weight: 850;
    text-decoration: none !important;
}


/* MOBILE */

@media (max-width: 1199px) {

    .pg-global-search-results--mobile {
        padding-bottom: 90px;
    }

    .pg-global-search-group {
        margin-bottom: 20px;
    }

    .pg-global-search-result {
        min-height: 64px;
        border-radius: 17px;
    }
}


/* DESKTOP */

@media (min-width: 1200px) {

    .pg-search-dropdown .pg-global-search-results {
        max-height: min(620px, calc(100vh - 130px));
        overflow-y: auto;
        padding: 14px;
    }

    .pg-search-dropdown .pg-global-search-group:last-of-type {
        margin-bottom: 12px;
    }
}

[data-pg-search-default][hidden],
.pg-mobile-search-quicklinks[hidden],
.pg-search-dropdown [data-pg-search-default][hidden] {
    display: none !important;
}

/* =========================================================
   PAKTOGRAF — GLOBAL SEARCH RESULTS PAGE
   ========================================================= */

.pg-search-page{
    min-height:70vh;
    background:#f8f9fc;
    color:#111827;
}

.pg-search-page__inner{
    width:min(1180px, calc(100% - 32px));
    margin:0 auto;
    padding:54px 0 90px;
}

.pg-search-page__hero{
    max-width:760px;
    margin-bottom:28px;
}

.pg-search-page__kicker{
    display:inline-flex;
    margin-bottom:10px;
    color:#6f2cff;
    font-size:13px;
    font-weight:900;
    letter-spacing:.04em;
    text-transform:uppercase;
}

.pg-search-page__hero h1{
    margin:0 0 10px;
    color:#111827;
    font-size:clamp(34px,4vw,54px);
    line-height:1.02;
    letter-spacing:-.045em;
    font-weight:900;
}

.pg-search-page__hero p{
    margin:0 0 22px;
    color:#667085;
    font-size:16px;
    line-height:1.6;
}

.pg-search-page__form{
    display:grid;
    grid-template-columns:28px minmax(0,1fr) auto;
    align-items:center;
    gap:10px;

    min-height:62px;
    padding:6px 7px 6px 18px;

    border:2px solid #7c3aed;
    border-radius:20px;

    background:#fff;
    box-shadow:0 14px 36px rgba(124,58,237,.09);
}

.pg-search-page__form > span{
    color:#98a2b3;
    font-size:22px;
}

.pg-search-page__form input{
    width:100%;
    min-width:0;
    height:48px;

    border:0!important;
    outline:0!important;
    box-shadow:none!important;

    background:transparent!important;

    color:#111827;
    font-size:16px;
}

.pg-search-page__form button{
    min-height:48px;
    padding:0 20px;

    border:0;
    border-radius:15px;

    background:#6f2cff;
    color:#fff;

    font-size:14px;
    font-weight:900;
}

.pg-search-page__tabs{
    display:flex;
    flex-wrap:wrap;
    gap:9px;

    margin:0 0 28px;
}

.pg-search-page__tabs a{
    display:inline-flex;
    align-items:center;
    gap:8px;

    min-height:40px;
    padding:0 13px;

    border:1px solid #e6e9f0;
    border-radius:999px;

    background:#fff;

    color:#344054!important;
    font-size:13px;
    font-weight:800;

    text-decoration:none!important;
}

.pg-search-page__tabs a span{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-width:23px;
    height:23px;
    padding:0 6px;

    border-radius:999px;

    background:#f2eaff;
    color:#6f2cff;

    font-size:11px;
}

.pg-search-page__groups{
    display:grid;
    gap:24px;
}

.pg-search-page__group{
    scroll-margin-top:110px;

    padding:24px;

    border:1px solid #e7eaf1;
    border-radius:28px;

    background:#fff;

    box-shadow:0 16px 40px rgba(15,23,42,.045);
}

.pg-search-page__group-head{
    margin-bottom:16px;
}

.pg-search-page__group-head > div{
    display:flex;
    align-items:center;
    gap:12px;
}

.pg-search-page__group-icon{
    width:48px;
    height:48px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    border-radius:16px;

    background:#f4edff;

    font-size:20px;
}

.pg-search-page__group h2{
    margin:0;

    color:#111827;

    font-size:22px;
    line-height:1.15;
    font-weight:900;
}

.pg-search-page__group-head p{
    margin:4px 0 0;

    color:#98a2b3;

    font-size:12px;
    font-weight:700;
}

.pg-search-page__grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}

.pg-search-page__result{
    display:grid;
    grid-template-columns:44px minmax(0,1fr) 22px;
    align-items:center;
    gap:11px;

    min-height:68px;
    padding:10px 12px;

    border:1px solid #edf0f5;
    border-radius:18px;

    background:#fff;

    color:#111827!important;
    text-decoration:none!important;

    transition:
        border-color .16s ease,
        background .16s ease,
        transform .16s ease;
}

.pg-search-page__result:hover{
    border-color:#dfd1ff;
    background:#fbf9ff;
    transform:translateY(-1px);
}

.pg-search-page__result-icon{
    width:44px;
    height:44px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    border-radius:14px;

    background:#f4edff;
}

.pg-search-page__result-copy{
    min-width:0;
}

.pg-search-page__result-copy strong{
    display:block;
    overflow:hidden;

    color:#111827;

    font-size:14px;
    line-height:1.25;
    font-weight:850;

    white-space:nowrap;
    text-overflow:ellipsis;
}

.pg-search-page__result-copy small{
    display:block;
    margin-top:4px;

    color:#98a2b3;

    font-size:11px;
    font-weight:700;
}

.pg-search-page__result-arrow{
    color:#98a2b3;
    font-size:18px;
}

.pg-search-page__empty{
    padding:30px;

    border:1px solid #e7eaf1;
    border-radius:24px;

    background:#fff;
}

.pg-search-page__empty strong{
    display:block;

    color:#111827;

    font-size:20px;
    font-weight:900;
}

.pg-search-page__empty p{
    margin:8px 0 0;
    color:#667085;
}


/* MOBILE */

@media (max-width:767px){

    .pg-search-page__inner{
        width:calc(100% - 28px);
        padding:28px 0 96px;
    }

    .pg-search-page__hero h1{
        font-size:34px;
    }

    .pg-search-page__form{
        grid-template-columns:24px minmax(0,1fr);
        min-height:58px;

        padding:5px 14px;

        border-radius:18px;
    }

    .pg-search-page__form button{
        grid-column:1 / -1;

        width:100%;

        margin-top:4px;
    }

    .pg-search-page__tabs{
        flex-wrap:nowrap;

        overflow-x:auto;

        padding-bottom:4px;

        scrollbar-width:none;
    }

    .pg-search-page__tabs::-webkit-scrollbar{
        display:none;
    }

    .pg-search-page__tabs a{
        white-space:nowrap;
    }

    .pg-search-page__group{
        padding:16px;
        border-radius:22px;
    }

    .pg-search-page__grid{
        grid-template-columns:1fr;
    }
}

/* =========================================================
   PAKTOGRAF — SEARCH PAGE / NAVBAR Z-INDEX FIX
   ========================================================= */

/* Search stranica uvijek ostaje ispod glavnog headera */
.pg-search-page,
.pg-search-page__inner,
.pg-search-page__hero,
.pg-search-page__form,
.pg-search-page__tabs,
.pg-search-page__groups,
.pg-search-page__group,
.pg-search-page__result {
    position: relative !important;
    z-index: 1 !important;
}


/* Glavni navbar */
#apus-header,
#apus-header-mobile,
.site-header,
.apus-header,
.pg-header,
.pg-desktop-header,
.pg-mobile-header {
    position: relative !important;
    z-index: 90000 !important;
    overflow: visible !important;
}


/* Search wrapper */
.pg-search-wrap,
.pg-header-search,
.pg-desktop-center {
    position: relative !important;
    z-index: 90010 !important;
    overflow: visible !important;
}


/* Sam dropdown mora biti iznad svega na stranici */
.pg-search-dropdown,
.pg-search-results,
.pg-global-search-results {
    z-index: 90020 !important;
}


/* Ako dropdown ima unutrašnje elemente */
.pg-search-dropdown *,
.pg-search-results *,
.pg-global-search-results * {
    position: relative;
    z-index: auto;
}

.pg-global-search-all {
    background: #6f2cff !important;
    color: #fff !important;

    transition:
        background-color .20s ease,
        box-shadow .20s ease,
        transform .20s ease !important;
}

.pg-global-search-all:hover,
.pg-global-search-all:focus {
    background: #7c3aed !important;
    color: #fff !important;

    transform: translateY(-1px);
    box-shadow: 0 10px 24px rgba(111, 44, 255, .18);
}

.pg-global-search-all:active {
    background: #6527ea !important;
    transform: translateY(0);
    box-shadow: 0 6px 14px rgba(111, 44, 255, .14);
}

.pg-global-search-all {
    transition:
        background-color .18s ease,
        box-shadow .18s ease,
        transform .18s ease !important;
}

.pg-global-search-all:hover {
    background: #7540ff !important;
    color: #fff !important;
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(111, 44, 255, .16);
}

.pg-global-search-all:active {
    background: #6f2cff !important;
    transform: translateY(0);
    box-shadow: 0 4px 10px rgba(111, 44, 255, .12);
}








/* Paktograf login status */

.pkt-login-status {
    display: none;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin-top: 14px;
    padding: 10px 14px;
    border-radius: 12px;
    background: #f6f3ff;
    color: #4f3f68;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
}

.pkt-login-status.is-visible {
    display: flex;
}

.pkt-login-spinner {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(111, 44, 255, 0.18);
    border-top-color: #6f2cff;
    border-radius: 50%;
    animation: pktLoginSpin .7s linear infinite;
    flex: 0 0 auto;
}

@keyframes pktLoginSpin {
    to {
        transform: rotate(360deg);
    }
}

/* Sakrij samo Freeio login success poruku koju označi naš JS */
.pkt-hide-login-success {
    display: none !important;
}


/* =========================================================
   PAKTOGRAF — CLEAN AUTH
   ========================================================= */

.pg-auth-box {
	width: 100%;
}

.pg-auth-panel {
	position: relative;
	width: 100%;
}

.pg-login-heading {
	margin: 0 0 26px;
	text-align: center;
}

.pg-login-heading h2 {
	margin: 0;
	color: #1f2937;
	font-size: 28px;
	font-weight: 800;
	line-height: 1.18;
	letter-spacing: -.025em;
}

.pg-login-heading p {
	margin: 8px 0 0;
	color: #667085;
	font-size: 15px;
	line-height: 1.5;
}

.pg-auth-form {
	margin: 0;
}

.pg-auth-field {
	margin: 0 0 18px;
}

.pg-auth-field label {
	display: block;
	margin: 0 0 8px;
	color: #344054;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.3;
}

.pg-auth-input-wrap {
	position: relative;
}

.pg-auth-input-wrap input {
	display: block;
	width: 100%;
	height: 52px;
	margin: 0;
	padding: 0 48px 0 46px;
	border: 1px solid #dfe3ea;
	border-radius: 8px;
	outline: 0;
	background: #fff;
	color: #1f2937;
	font: inherit;
	font-size: 15px;
	box-shadow: none;
	transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.pg-auth-input-wrap input::placeholder {
	color: #98a2b3;
	opacity: 1;
}

.pg-auth-input-wrap input:focus {
	border-color: rgba(111, 44, 255, .65);
	box-shadow: 0 0 0 3px rgba(111, 44, 255, .10);
}

.pg-auth-field__icon {
	position: absolute;
	left: 16px;
	top: 50%;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #98a2b3;
	transform: translateY(-50%);
	pointer-events: none;
}

.pg-auth-password-toggle {
	position: absolute;
	right: 11px;
	top: 50%;
	z-index: 3;
	display: inline-flex;
	width: 36px;
	height: 36px;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: #98a2b3;
	cursor: pointer;
	transform: translateY(-50%);
}

.pg-auth-password-toggle:hover {
	color: #6f2cff;
	background: rgba(111, 44, 255, .06);
}

.pg-eye-closed {
	display: none;
}

.pg-auth-password-toggle[aria-pressed="true"] .pg-eye-open {
	display: none;
}

.pg-auth-password-toggle[aria-pressed="true"] .pg-eye-closed {
	display: block;
}

.pg-auth-options {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin: 2px 0 18px;
}

.pg-auth-remember {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	color: #475467;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
}

.pg-auth-remember input {
	width: 16px;
	height: 16px;
	margin: 0;
	accent-color: #6f2cff;
}

.pg-auth-link,
.pg-auth-back {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: #6f2cff;
	font: inherit;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	text-decoration: none;
}

.pg-auth-link:hover,
.pg-auth-back:hover {
	text-decoration: underline;
}

.pg-auth-submit {
	display: inline-flex;
	width: 100%;
	min-height: 52px;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 12px 20px;
	border: 0;
	border-radius: 8px;
	background: #6f2cff;
	color: #fff;
	font: inherit;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
	cursor: pointer;
	box-shadow: none;
	transition: transform .15s ease, opacity .15s ease, background .15s ease;
}

.pg-auth-submit:hover {
	background: #6123e6;
}

.pg-auth-submit:active {
	transform: translateY(1px);
}

.pg-auth-submit:disabled {
	opacity: .65;
	cursor: wait;
}

.pg-auth-message {
	margin: 0 0 18px;
	padding: 11px 14px;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.45;
}

.pg-auth-message.is-error {
	border: 1px solid #f0c36b;
	background: #fff8e8;
	color: #7a4b00;
}

.pg-auth-message.is-success {
	border: 1px solid rgba(111, 44, 255, .18);
	background: #f6f3ff;
	color: #4f3f68;
}

.pg-auth-social {
	margin-top: 18px;
}

.pg-auth-social .line-header span {
	font-size: 13px;
	color: #98a2b3;
}

.pg-auth-register-note {
	margin-top: 22px;
	text-align: center;
	color: #667085;
	font-size: 14px;
}

.pg-auth-register-note a {
	color: #6f2cff;
	font-weight: 700;
	text-decoration: none;
}

.pg-auth-loading {
	position: absolute;
	inset: -8px;
	z-index: 50;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 20px;
	border-radius: 18px;
	background: rgba(255,255,255,.80);
	backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);
}

.pg-auth-loading.is-visible {
	display: flex;
}

.pg-auth-loading__card {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 12px 16px;
	border: 1px solid rgba(111, 44, 255, .12);
	border-radius: 14px;
	background: rgba(255,255,255,.96);
	color: #4f3f68;
	font-size: 14px;
	font-weight: 600;
	box-shadow: 0 14px 40px rgba(31,18,70,.12);
}

.pg-auth-loading__spinner {
	width: 17px;
	height: 17px;
	flex: 0 0 auto;
	border: 2px solid rgba(111,44,255,.18);
	border-top-color: #6f2cff;
	border-radius: 50%;
	animation: pg-auth-spin .68s linear infinite;
}

@keyframes pg-auth-spin {
	to { transform: rotate(360deg); }
}

.pg-auth-panel--forgot .pg-auth-back {
	display: block;
	margin: 18px auto 0;
}

[hidden] {
	display: none !important;
}

@media (max-width: 767px) {
	.pg-login-heading {
		margin-bottom: 22px;
	}

	.pg-login-heading h2 {
		font-size: 25px;
	}

	.pg-auth-options {
		gap: 10px;
	}

	.pg-auth-loading {
		inset: -4px;
		border-radius: 14px;
	}
}


/* =========================================================
   PAKTOGRAF — SOCIAL LOGIN
   ========================================================= */

.pg-auth-social {
    margin-top: 20px;
    width: 100%;
}

.pg-auth-social .wrapper-social-login,
.pg-auth-social .inner-social {
    width: 100%;
}

/* "ili nastavite sa" */
.pg-auth-social .line-header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0 0 14px;
    color: #98a2b3;
    font-size: 13px;
}

.pg-auth-social .line-header::before,
.pg-auth-social .line-header::after {
    content: "";
    flex: 1;
    height: 1px;
    background: #e6e8ec;
}

.pg-auth-social .line-header span {
    padding: 0 12px;
    white-space: nowrap;
}

/* Dugmad jedno ispod drugog */
.pg-auth-social .inner-social {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

.pg-auth-social .facebook-login-btn-wrapper,
.pg-auth-social .google-login-btn-wrapper {
    width: 100% !important;
    margin: 0 !important;
}

/* Facebook + Google zajednički stil */
.pg-auth-social .facebook-login-btn,
.pg-auth-social .google-login-btn {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;

    width: 100% !important;
    min-height: 52px;

    padding: 12px 16px !important;

    border: 1px solid #dfe3ea !important;
    border-radius: 10px !important;

    background: #fff !important;
    color: #344054 !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1 !important;

    text-decoration: none !important;
    box-shadow: none !important;

    transition:
        border-color .18s ease,
        background .18s ease,
        transform .18s ease;
}

.pg-auth-social .facebook-login-btn:hover,
.pg-auth-social .google-login-btn:hover {
	
	
    border-color: #c7ccd4 !important;
    background: #6f2cff !important;
    transform: translateY(-1px);

}

/* Ikone */
.pg-auth-social .facebook-login-btn i,
.pg-auth-social .google-login-btn i {
    font-size: 18px;
}

/* Zadržavamo originalne brand boje ikona */
.pg-auth-social .facebook-login-btn i {
    color: #1877f2;
}

.pg-auth-social .google-login-btn i {
    color: #ea4335;
}

/* Social login hover — bijeli tekst */
.pg-auth-social .facebook-login-btn:hover,
.pg-auth-social .google-login-btn:hover {
    color: #fff !important;
}

/* Ikone takođe bijele na hover */
.pg-auth-social .facebook-login-btn:hover i,
.pg-auth-social .google-login-btn:hover i {
    color: #fff !important;
}


@media (max-width: 767px) {
	body.pg-project-submit-page.pg-create-sheet-open,
	body.pg-service-submit-page.pg-create-sheet-open {
		overflow: hidden !important;
		height: 100dvh !important;
		min-height: 100dvh !important;
		touch-action: none !important;
	}

	.pg-create-sheet-backdrop {
		position: fixed;
		inset: 0;
		z-index: 999980;
		display: block;
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		border: 0;
		background: rgba(16, 24, 40, .58);
		opacity: 0;
		cursor: default;
		transition: opacity .2s ease;
	}

	.pg-create-sheet-backdrop.is-visible {
		opacity: 1;
	}

	.pg-create-sheet {
		position: fixed !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		z-index: 999990 !important;
		width: 100% !important;
		max-width: none !important;
		max-height: calc(100dvh - 14px) !important;
		margin: 0 !important;
		padding: 0 16px calc(24px + env(safe-area-inset-bottom)) !important;
		overflow-x: hidden !important;
		overflow-y: auto !important;
		overscroll-behavior: contain;
		-webkit-overflow-scrolling: touch;
		border-radius: 24px 24px 0 0 !important;
		background: #fff !important;
		box-shadow: 0 -24px 70px rgba(16, 24, 40, .24) !important;
		transform: translateY(104%);
		transition: transform .24s cubic-bezier(.22, .8, .32, 1);
		touch-action: pan-y !important;
	}

	.pg-create-sheet.is-open {
		transform: translateY(0);
	}

	.pg-create-sheet-chrome {
		position: sticky;
		top: 0;
		z-index: 100;
		display: flex;
		min-height: 34px;
		align-items: center;
		justify-content: center;
		margin: 0 -16px 4px;
		padding: 7px 16px 4px;
		background: linear-gradient(#fff 78%, rgba(255,255,255,0));
	}

	.pg-create-sheet-handle {
		display: block;
		width: 42px;
		height: 5px;
		border-radius: 99px;
		background: #d0d5dd;
	}

	.pg-create-sheet-close {
		position: absolute;
		right: 12px;
		top: 5px;
		display: inline-flex;
		width: 30px;
		height: 30px;
		align-items: center;
		justify-content: center;
		margin: 0;
		padding: 0;
		border: 0;
		border-radius: 50%;
		background: #f2f4f7;
		color: #344054;
		font-size: 23px;
		font-weight: 400;
		line-height: 1;
	}

	body.pg-project-submit-page .pg-post-project-page,
	body.pg-service-submit-page .pg-post-service-page {
		position: static !important;
		min-height: 100dvh !important;
		background: #f2f4f7 !important;
	}

	body.pg-project-submit-page .pg-post-project-page__container.pg-create-sheet,
	body.pg-service-submit-page .pg-create-sheet {
		height: auto !important;
	}

	.pg-create-sheet--project .pg-post-project-page__back,
	.pg-create-sheet--service .pg-service-wizard-back-link {
		display: none !important;
	}

	.pg-create-sheet--project .pg-post-project-page__hero,
	.pg-create-sheet--service .pg-service-wizard-hero {
		margin-top: 2px !important;
	}

	.pg-create-sheet .select2-container,
	.pg-create-sheet input,
	.pg-create-sheet select,
	.pg-create-sheet textarea {
		max-width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.pg-create-sheet,
	.pg-create-sheet-backdrop {
		transition: none !important;
	}
}
.pg-registration-consent {
	margin: 18px 0;
}

.pg-registration-consent > label {
	display: grid;
	grid-template-columns: 20px minmax(0, 1fr);
	gap: 10px;
	align-items: start;
	margin: 0;
	color: #475467;
	font-size: 13px;
	line-height: 1.55;
	cursor: pointer;
}

.pg-registration-consent input[type="checkbox"] {
	width: 18px;
	height: 18px;
	margin: 2px 0 0;
	accent-color: #6d28d9;
}

.pg-registration-consent a {
	color: #6d28d9;
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.pg-registration-consent__error {
	margin: 9px 0 0 30px;
	color: #b42318;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.45;
}

.pg-registration-consent.is-invalid {
	padding: 12px;
	border: 1px solid #fda29b;
	border-radius: 10px;
	background: #fffbfa;
}

/* Onboarding: mirna, istaknuta opcija za odlazak na Signale. */
.pkt-choice--later {
	border-color: #f2d463;
	background: linear-gradient(135deg, #fffdf3 0%, #fff8d9 100%);
	box-shadow: 0 10px 26px rgba(189, 145, 0, .09);
}

.pkt-choice--later span {
	background: #ffed9d;
	color: #6f5200;
}

.pkt-choice--later:hover,
.pkt-choice--later.is-selected {
	border-color: #e4b900;
	background: #fff5c7;
}

/* Objavi servis: Paktograf kartice kategorija, procjena cijene i upload. */
body.pg-service-submit-page > h1:first-of-type,
body.page-id-0 > h1:first-of-type {
	/* JS uklanja tačan Freeio naslov; selektor je samo zaštita za poznati template. */
}

.pg-service-category-native {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
	opacity: 0 !important;
}

.pg-service-category-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
}

.pg-service-category-grid .pg-service-category-card {
	display: flex;
	min-height: 108px;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 9px;
	padding: 15px;
	border: 1px solid #ddd7eb;
	border-radius: 18px;
	background: #fff;
	color: #19122c;
	text-align: center;
	transition: .18s ease;
}

.pg-service-category-grid .pg-service-category-card > span { font-size: 28px; }
.pg-service-category-grid .pg-service-category-card > strong { font-size: 14px; line-height: 1.25; }
.pg-service-category-grid .pg-service-category-card:hover,
.pg-service-category-grid .pg-service-category-card.is-selected { border-color: #6f2cff; background: #faf7ff; box-shadow: 0 10px 24px rgba(111,44,255,.10); }

.pg-service-price-advice {
	margin-top: 10px;
	padding: 12px 14px;
	border: 1px solid #e7e1ef;
	border-radius: 14px;
	background: #faf8fc;
	color: #686174;
	font-size: 13px;
	font-weight: 700;
}
.pg-service-price-advice.is-low { border-color:#ffd7ad; background:#fff9f1; color:#9a4e00; }
.pg-service-price-advice.is-good { border-color:#bdebd0; background:#f1fff7; color:#08783e; }
.pg-service-price-advice.is-high { border-color:#dac8ff; background:#faf7ff; color:#5c28bc; }
.pg-service-currency-select { width:132px !important; min-height:48px !important; margin-top:10px !important; border:1px solid #d9dfea !important; border-radius:14px !important; background:#fff !important; color:#19122c !important; font-weight:800 !important; }

.pg-service-location-tools {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin-bottom: 12px;
	padding: 14px;
	border: 1px solid #e2d7fa;
	border-radius: 16px;
	background: #fbf9ff;
}
.pg-service-location-tools > span:first-child { display:flex; align-items:center; gap:10px; }
.pg-service-location-tools strong,
.pg-service-location-tools small { display:block; }
.pg-service-location-tools small { color:#756e82; font-size:12px; }
.pg-service-location-actions { display:flex; gap:8px; }
.pg-service-location-actions button { min-height:38px; padding:0 12px; border:1px solid #d9ccf5; border-radius:999px; background:#fff; color:#6128d7; font-size:12px; font-weight:800; }
.pg-service-location-search { width:100%; min-height:54px; margin-bottom:8px; padding:0 16px; border:1px solid #d9dfea; border-radius:16px; background:#fff; font-size:15px; }
.pg-service-location-native { position:absolute !important; width:1px !important; height:1px !important; opacity:0 !important; overflow:hidden !important; }
.pg-service-location-results { position:relative; z-index:20; margin-top:4px; }

.pg-service-upload-help {
	display:flex;
	align-items:flex-start;
	gap:12px;
	margin-bottom:14px;
	padding:15px;
	border:1px solid #e2d7fa;
	border-radius:16px;
	background:#fbf9ff;
}
.pg-service-upload-help > span { display:inline-flex; width:42px; height:42px; align-items:center; justify-content:center; flex:0 0 42px; border-radius:13px; background:#f0e7ff; font-size:20px; }
.pg-service-upload-help strong,
.pg-service-upload-help small { display:block; }
.pg-service-upload-help small { margin-top:3px; color:#756e82; font-size:12px; line-height:1.4; }
.pg-service-upload-button,
.pg-service-upload-row .button,
.pg-service-upload-row button:not(.media-modal-close) { min-height:46px !important; padding:0 18px !important; border:1px solid #6f2cff !important; border-radius:13px !important; background:#fff !important; color:#6f2cff !important; font-weight:850 !important; box-shadow:none !important; }

@media (max-width: 680px) {
	.pg-service-category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.pg-service-location-tools { align-items:flex-start; flex-direction:column; }
	.pg-service-location-actions { width:100%; flex-wrap:wrap; }
}
/* =========================================================
   PAKTOGRAF SIGNALI V1.3 — stvarni feed, site navigacija, desktop
   ========================================================= */
body.pg-signals-page {
    overflow: hidden !important;
    background: #f7f4ff !important;
}

/* Signals owns the viewport directly below navigation. Theme header borders
   and pseudo-elements must never leak through as a black separator. */
body.pg-signals-page #apus-header,
body.pg-signals-page .site-header,
body.pg-signals-page .header-mobile,
body.pg-signals-page .main-sticky-header {
    border-bottom: 0 !important;
    box-shadow: none !important;
}
body.pg-signals-page #apus-header::before,
body.pg-signals-page #apus-header::after,
body.pg-signals-page .site-header::before,
body.pg-signals-page .site-header::after,
body.pg-signals-page .header-mobile::before,
body.pg-signals-page .header-mobile::after {
    border: 0 !important;
    height: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
body.pg-signals-page .pkt-signals-app,
body.pg-signals-page .pkt-signals-feed { border-top: 0 !important; }

body.pg-signals-page .pkt-signals-app {
    position: fixed !important;
    top: 60px !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    transform: none !important;
    z-index: 800 !important;
    background: #f7f4ff !important;
    box-shadow: none !important;
}

body.pg-signals-page .pkt-signals-feed {
    width: min(760px, 100%) !important;
    height: 100% !important;
    margin: 0 auto !important;
    background: #08080b !important;
    box-shadow: 0 0 70px rgba(34, 18, 64, .18) !important;
}

body.pg-signals-page .pkt-signal,
body.pg-signals-page .pkt-signal-inner {
    height: 100% !important;
    min-height: 100% !important;
}

body.pg-signals-page #apus-header,
body.pg-signals-page .pg-mobile-header,
body.pg-signals-page .pg-mobile-bottom-nav {
    transition: transform .24s ease, opacity .2s ease !important;
}

body.pg-signals-page.pg-signals-nav-hidden #apus-header,
body.pg-signals-page.pg-signals-nav-hidden .pg-mobile-header {
    transform: translateY(-110%) !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

body.pg-signals-page.pg-signals-nav-hidden .pg-mobile-bottom-nav {
    transform: translateY(115%) !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.pkt-signals-auth {
    position: fixed;
    inset: 0;
    z-index: 120000;
    display: none;
    align-items: flex-end;
    justify-content: center;
}

.pkt-signals-auth.is-open { display: flex; }
.pkt-signals-auth__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(8, 6, 15, .68);
    backdrop-filter: blur(8px);
}

.pkt-signals-auth__sheet {
    position: relative;
    z-index: 1;
    width: min(560px, 100%);
    padding: 36px 28px max(28px, env(safe-area-inset-bottom));
    border-radius: 30px 30px 0 0;
    background: #fff;
    color: #171126;
    text-align: center;
    box-shadow: 0 -20px 60px rgba(20, 10, 40, .22);
}

.pkt-signals-auth__close {
    position: absolute;
    top: 16px;
    right: 18px;
    width: 42px;
    height: 42px;
    border: 0;
    border-radius: 50%;
    background: #f4f1f9;
    color: #4d4659;
    font-size: 28px;
}

.pkt-signals-auth__mark {
    display: inline-flex;
    width: 52px;
    height: 52px;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    border-radius: 15px;
    background: #702cff;
    color: #fff;
    font-size: 24px;
    font-weight: 800;
}

.pkt-signals-auth h2 { margin: 0 0 12px; font-size: 28px; color: #171126; }
.pkt-signals-auth p { margin: 0 auto 24px; max-width: 440px; color: #716a80; line-height: 1.6; }
.pkt-signals-auth__primary,
.pkt-signals-auth__secondary {
    display: flex;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    border-radius: 999px;
    font-weight: 800;
    text-decoration: none;
}
.pkt-signals-auth__primary { background: #702cff; color: #fff; }
.pkt-signals-auth__secondary { border: 1px solid #ddd4ec; color: #702cff; background: #fff; }

@media (min-width: 1200px) {
    body.pg-signals-page #apus-header { display: block !important; }
    body.pg-signals-page .pg-mobile-header,
    body.pg-signals-page .pg-mobile-bottom-nav { display: none !important; }
    body.pg-signals-page .pkt-signal-inner { padding: 82px 110px 42px 58px !important; }
    body.pg-signals-page .pkt-signal-headline { font-size: clamp(48px, 5vw, 72px) !important; }
    body.pg-signals-page .pkt-signal-body { font-size: 21px !important; }
    .pkt-signals-auth { align-items: center; }
    .pkt-signals-auth__sheet { border-radius: 30px; }
}

@media (max-width: 1199px) {
    body.pg-signals-page .pg-mobile-header { display: block !important; }
    body.pg-signals-page #apus-header { display: none !important; }
    body.pg-signals-page .pkt-signals-app { top: 64px !important; bottom: 0 !important; }
    body.logged-in.pg-signals-page .pkt-signals-app { bottom: 74px !important; }
    body.logged-in.pg-signals-page .pg-mobile-bottom-nav { display: flex !important; }
}

/* =========================================================
   PAKTOGRAF — MOBILE BIOGRAFIJA / UVIJEK VIDLJIVO SPREMANJE
   Polja su jedini scrollabilni dio; akcije ostaju u sigurnoj zoni.
   ========================================================= */
@media (max-width: 767px) {
    .pg-bio-modal__panel {
        height: min(86dvh, 760px) !important;
        max-height: calc(100dvh - max(42px, env(safe-area-inset-top))) !important;
    }

    .pg-bio-modal__panel > form {
        height: 100% !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }

    .pg-bio-modal [data-pg-bio-fields] {
        min-height: 0 !important;
        padding-bottom: 28px !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .pg-bio-modal__actions {
        position: relative !important;
        inset: auto !important;
        z-index: 30 !important;
        flex: 0 0 auto !important;
        display: grid !important;
        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
        padding: 12px 16px max(14px, env(safe-area-inset-bottom)) !important;
        background: rgba(255, 255, 255, .98) !important;
    }

    .pg-bio-modal__cancel,
    .pg-bio-modal__save {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .pg-bio-modal__save {
        min-height: 54px !important;
    }
}

@media (max-width: 767px) and (max-height: 620px) {
    .pg-bio-modal__panel {
        height: calc(100dvh - max(24px, env(safe-area-inset-top))) !important;
        max-height: calc(100dvh - max(24px, env(safe-area-inset-top))) !important;
    }

    .pg-bio-modal__head {
        padding-top: 8px !important;
        padding-bottom: 10px !important;
    }
}

/* Paktograf — vidljiva, ali diskretna oznaka potpuno potvrđenog identiteta. */
.pg-public-avatar-verified {
    position: absolute !important;
    right: 10px !important;
    bottom: 10px !important;
    z-index: 4 !important;
    display: inline-flex !important;
    width: 28px !important;
    height: 28px !important;
    align-items: center !important;
    justify-content: center !important;
    border: 3px solid #fff !important;
    border-radius: 999px !important;
    background: #12a866 !important;
    color: #fff !important;
    box-shadow: 0 6px 16px rgba(18, 168, 102, .28) !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
}

.pg-menu-verified-label {
    display: inline-flex !important;
    min-height: 23px !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: auto !important;
    padding: 0 8px !important;
    border: 1px solid #bcebd2 !important;
    border-radius: 999px !important;
    background: #eafaf2 !important;
    color: #087a45 !important;
    font-size: 9px !important;
    font-weight: 900 !important;
    letter-spacing: .02em !important;
}

/* Svijetli Signal backgroundi bez slika; usklađeni s bijelim navbarima. */
.pkt-signal--generated{--sg-a:#eee5ff;--sg-b:#d9c5ff;--sg-c:#fff2c9;background:linear-gradient(145deg,var(--sg-a),var(--sg-b) 58%,var(--sg-c))!important;color:#1b1230!important;isolation:isolate!important;box-shadow:inset 0 14px 24px rgba(63,37,88,.04),inset 0 -16px 28px rgba(63,37,88,.07)!important}
.pkt-signal--generated[data-palette="sky"]{--sg-a:#e8f4ff;--sg-b:#c9ddff;--sg-c:#eee4ff}
.pkt-signal--generated[data-palette="mint"]{--sg-a:#e3faf4;--sg-b:#c7eee7;--sg-c:#e9e0ff}
.pkt-signal--generated[data-palette="rose"]{--sg-a:#fff0f6;--sg-b:#f5cee0;--sg-c:#e8dcff}
.pkt-signal--generated[data-palette="sunset"]{--sg-a:#fff3ce;--sg-b:#ffdbb9;--sg-c:#eadbff}
.pkt-signal--generated[data-palette="pearl"]{--sg-a:#f8f6ff;--sg-b:#e4dff2;--sg-c:#d8eef5}
.pkt-signal--generated:before,.pkt-signal--generated:after{content:"";position:absolute;z-index:0;border-radius:999px;pointer-events:none}.pkt-signal--generated:before{width:min(66vw,520px);height:min(66vw,520px);right:-20%;top:-17%;background:radial-gradient(circle,rgba(112,44,255,.24),rgba(112,44,255,0) 68%);animation:pgSignalGlow 9s ease-in-out infinite alternate}.pkt-signal--generated:after{width:min(48vw,390px);height:min(48vw,390px);left:-14%;bottom:-10%;background:radial-gradient(circle,rgba(255,191,0,.2),rgba(255,191,0,0) 70%);animation:pgSignalGlow 11s 1.2s ease-in-out infinite alternate-reverse}
.pkt-signal--generated .pkt-signal-overlay{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.16) 55%,rgba(255,255,255,.34))!important}.pkt-signal--generated .pkt-signal-inner,.pkt-signal--generated .pkt-signal-side-actions{z-index:4!important}.pkt-signal--generated .pkt-signal-headline{color:#1b1230!important;text-shadow:none!important}.pkt-signal--generated .pkt-signal-body{color:#554d63!important;text-shadow:none!important}.pkt-signal--generated .pkt-signal-location,.pkt-signal--generated .pkt-signal-location strong{color:#51475d!important}.pkt-signal--generated .pkt-signal-location__pin{color:#702cff!important}.pkt-signal--generated .pkt-signal-stats{color:#211632!important}.pkt-signal--generated .pkt-signal-statitem:not(:last-child){border-right-color:rgba(39,24,56,.18)!important}.pkt-signal--generated .pkt-signal-statitem small{color:#716779!important}.pkt-signal--generated .pkt-side-icon{border-color:rgba(79,49,109,.18)!important;background:rgba(255,255,255,.65)!important;color:#251735!important;box-shadow:0 10px 28px rgba(53,31,78,.09)!important;backdrop-filter:blur(12px)!important}.pkt-signal--generated .pkt-signal-send{background:#702cff!important;color:#fff!important;box-shadow:0 12px 30px rgba(112,44,255,.24)!important}.pkt-signal--generated .pkt-signal-swipe-hint{color:#5b3a79!important}
@keyframes pgSignalGlow{from{transform:translate3d(-2%,0,0) scale(.96);opacity:.72}to{transform:translate3d(3%,2%,0) scale(1.05);opacity:1}}@media(prefers-reduced-motion:reduce){.pkt-signal--generated:before,.pkt-signal--generated:after{animation:none!important}}

/* Kompozicija se mijenja kroz feed, ne samo nijansa. */
.pkt-signal--generated:nth-of-type(3n+2):before{right:auto;left:-18%;top:8%;width:min(54vw,440px);height:min(54vw,440px)}
.pkt-signal--generated:nth-of-type(3n+2):after{right:-12%;left:auto;bottom:-4%;width:min(58vw,470px);height:min(58vw,470px);background:radial-gradient(circle,rgba(35,174,190,.19),rgba(35,174,190,0) 70%)}
.pkt-signal--generated:nth-of-type(3n+3):before{right:-8%;top:35%;width:min(48vw,400px);height:min(48vw,400px);background:radial-gradient(circle,rgba(232,72,146,.17),rgba(232,72,146,0) 68%)}
.pkt-signal--generated:nth-of-type(3n+3):after{left:8%;bottom:auto;top:-16%;background:radial-gradient(circle,rgba(255,191,0,.2),rgba(255,191,0,0) 70%)}
.pkt-signal--generated:nth-of-type(4n+1) .pkt-signal-overlay{background-image:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.3)),radial-gradient(circle at 12px 12px,rgba(69,43,93,.055) 1.2px,transparent 1.5px)!important;background-size:auto,24px 24px!important}
.pkt-signal--generated:nth-of-type(4n+3) .pkt-signal-overlay{background-image:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.3)),repeating-linear-gradient(125deg,rgba(80,49,108,.035) 0,rgba(80,49,108,.035) 1px,transparent 1px,transparent 22px)!important}

.pg-bio-smart-location{position:relative}.pg-bio-location-results{position:absolute;z-index:80;top:78px;right:0;left:0;max-height:230px;padding:6px;overflow:auto;border:1px solid #e1d7ed;border-radius:15px;background:#fff;box-shadow:0 18px 45px rgba(32,17,52,.18)}.pg-bio-location-results button{display:grid;width:100%;gap:3px;padding:10px 11px;border:0;border-radius:11px;background:#fff;color:#19122c;text-align:left}.pg-bio-location-results button:hover,.pg-bio-location-results button:focus{background:#f7f1ff;outline:none}.pg-bio-location-results strong{font-size:13px}.pg-bio-location-results small{color:#777080;font-size:10px}.pg-bio-location-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.pg-bio-location-summary span{display:grid;gap:2px;padding:9px 10px;border:1px solid #ece5f3;border-radius:12px;background:#fbf9fe;color:#8a8193;font-size:9px;font-weight:800;text-transform:uppercase}.pg-bio-location-summary strong{overflow:hidden;color:#332a3d;font-size:11px;text-overflow:ellipsis;text-transform:none;white-space:nowrap}

/* Mobilna biografija V5 — Sačuvaj je uvijek dio vidljivog panela. */
@media (max-width: 767px) {
    .pg-bio-modal {
        align-items: flex-end !important;
        padding: max(10px, env(safe-area-inset-top)) 0 0 !important;
    }

    .pg-bio-modal__panel {
        display: grid !important;
        grid-template-rows: auto auto minmax(0, 1fr) !important;
        width: 100% !important;
        height: min(86dvh, 760px) !important;
        max-height: calc(100dvh - max(10px, env(safe-area-inset-top))) !important;
        overflow: hidden !important;
        padding: 0 !important;
        border-radius: 28px 28px 0 0 !important;
    }

    .pg-bio-modal__panel > form {
        display: grid !important;
        grid-template-rows: minmax(0, 1fr) auto !important;
        height: 100% !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }

    .pg-bio-modal [data-pg-bio-fields] {
        min-height: 0 !important;
        overflow-y: auto !important;
        padding: 16px 16px 22px !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .pg-bio-modal__actions {
        position: relative !important;
        inset: auto !important;
        z-index: 50 !important;
        display: grid !important;
        grid-template-columns: 1fr 1.35fr !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 10px 16px max(10px, env(safe-area-inset-bottom)) !important;
        border-top: 1px solid #ece8f3 !important;
        background: #fff !important;
        transform: none !important;
    }

    .pg-bio-modal__actions button,
    .pg-bio-modal__save,
    .pg-bio-modal__cancel {
        display: inline-flex !important;
        min-height: 52px !important;
        align-items: center !important;
        justify-content: center !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}