*, ::after, ::before {    box-sizing: border-box;}.gd-container{    width: 100%;    max-width: 100%;    /*    padding-right: 15px;    padding-left: 15px;    */    margin-right: auto;    margin-left: auto;}.gd-container .row{    display: flex;    flex-wrap: wrap;    margin-inline: calc((var(--wd-sp, 30px) / 2)* -1);    margin-right: -15px;    margin-left: -15px;}.gd-col-4{    flex: 0 0 33.3333%;    max-width: 33.3333%;    position: relative;    width: 100%;    min-height: 1px;    padding-inline: calc(var(--wd-sp, 30px) / 2);    padding-right: 15px;    padding-left: 15px;}.gd-col-all-4{    flex: 0 0 33.3333%;    max-width: 33.3333%;    position: relative;    width: 100%;    min-height: 1px;    padding-inline: calc(var(--wd-sp, 30px) / 2);    padding-right: 15px;    padding-left: 15px;}.gd-col-12{    flex: 0 0 100%;    max-width: 100%;    position: relative;    width: 100%;    min-height: 1px;    padding-inline: calc(var(--wd-sp, 30px) / 2);    padding-right: 15px;    padding-left: 15px;}.gd-col-6{    flex: 0 0 50%;    max-width: 50%;    position: relative;    width: 100%;    min-height: 1px;    padding-inline: calc(var(--wd-sp, 30px) / 2);    padding-right: 15px;    padding-left: 15px;}.gd-col-2{    flex: 0 0 25%;    max-width: 25%;    position: relative;    width: 100%;    min-height: 1px;    padding-inline: calc(var(--wd-sp, 30px) / 2);    padding-right: 15px;    padding-left: 15px;}.gd-col-3{    flex: 0 0 16.66666667%;    max-width: 16.66666667%;    position: relative;    width: 100%;    min-height: 1px;    padding-inline: calc(var(--wd-sp, 30px) / 2);    padding-right: 15px;    padding-left: 15px;}.gd-col-1{    flex: 0 0 10%;    max-width: 10%;    position: relative;    width: 100%;    min-height: 1px;    padding-inline: calc(var(--wd-sp, 30px) / 2);    padding-right: 15px;    padding-left: 15px;}.gd-col-11{    flex: 0 0 90%;    max-width: 90%;    position: relative;    width: 100%;    min-height: 1px;    padding-inline: calc(var(--wd-sp, 30px) / 2);    padding-right: 15px;    padding-left: 15px;}.gd-col-10{    flex: 0 0 83.33333333%;    max-width: 83.33333333%;    position: relative;    width: 100%;    min-height: 1px;    padding-inline: calc(var(--wd-sp, 30px) / 2);    padding-right: 15px;    padding-left: 15px;}.gd-col-8{    flex: 0 0 66.66666667%;    max-width: 66.66666667%;    position: relative;    width: 100%;    min-height: 1px;    padding-inline: calc(var(--wd-sp, 30px) / 2);    padding-right: 15px;    padding-left: 15px;}.gd-col-all-8{    flex: 0 0 66.66666667%;    max-width: 66.66666667%;    position: relative;    width: 100%;    min-height: 1px;    padding-inline: calc(var(--wd-sp, 30px) / 2);    padding-right: 15px;    padding-left: 15px;}.gd-col-9{    flex: 0 0 75%;    max-width: 75%;    position: relative;    width: 100%;    min-height: 1px;    padding-inline: calc(var(--wd-sp, 30px) / 2);    padding-right: 15px;    padding-left: 15px;}.col-all-custom-12{    flex: 0 0 100%;    max-width: 100%;    position: relative;    width: 100%;    min-height: 1px;    padding-inline: calc(var(--wd-sp, 30px) / 2);    padding-right: 15px;    padding-left: 15px;}.gd-front-frame-tiles{    display: block;}#gd_filter_wrap{    margin-bottom: 40px;}@media(max-width:767px){    .gd-front-frame-tiles{        display: table;        margin: auto !important;    }    .single-event-tile{        text-align:center;    }    .col-all-custom-12{        flex: 0 0 50%;        max-width: 50%;        position: relative;        width: 100%;        min-height: 1px;        padding-inline: calc(var(--wd-sp, 30px) / 2);        padding-right: 15px;        padding-left: 15px;    }    .gd-col-6{        flex: 0 0 100%;        max-width: 100%;        position: relative;        width: 100%;        min-height: 1px;        padding-inline: calc(var(--wd-sp, 30px) / 2);        padding-right: 15px;        padding-left: 15px;    }    .gd-col-4{        flex: 0 0 100%;        max-width: 100%;        position: relative;        width: 100%;        min-height: 1px;        padding-inline: calc(var(--wd-sp, 30px) / 2);        padding-right: 15px;        padding-left: 15px;    }    .gd-col-8{        flex: 0 0 100%;        max-width: 100%;        position: relative;        width: 100%;        min-height: 1px;        padding-inline: calc(var(--wd-sp, 30px) / 2);        padding-right: 15px;        padding-left: 15px;    }}.gd-single-input{    margin-bottom: 10px;    float: left;    width: 100%;    position: relative;}.gd-single-input label{    font-size: 16px;    font-weight: 600;}.gd-single-input input[type=text],.gd-single-input input[type=email],.gd-single-input input[type=password]{    border: 1px solid rgba(0, 0, 0, 0.2);    padding: 10px;    width: 100%;    border-radius: 3px;}.gd-single-input textarea{    border: 1px solid rgba(0, 0, 0, 0.2);    padding: 10px;    width: 100%;    border-radius: 3px;}.gd-single-input input[type=submit]{    padding: 10px 15px;    background: #000;    border-radius: 3px;    border: none;    color: var(--t3white);    font-weight: 600;    cursor: pointer;    position: relative;}.gd-single-input select{    border: 1px solid rgba(0, 0, 0, 0.2);    padding: 10px;    width: 100%;    border-radius: 3px;}.gd-single-input button{    /*    padding: 10px 40px;    background: #000;    border-radius: 3px;    border: none;    color: #fff;    font-weight: 600;    cursor: pointer;    */    position: relative;}.select-arrow{    position: absolute;    top: 38px;    right: 10px;}#loader-1 {    position: absolute;    top: 7px;    right: 10px;    display: none;}#loader-r {    position: absolute;    top: 7px;    right: 10px;    display: none;}.loader-r {    position: absolute;    top: 7px;    right: 10px;    display: none;}#loader-pdf {    position: absolute;    top: 7px;    right: 10px;    display: none;}.gd-form-wrap{    width: 100%;    max-width: 500px;    margin: auto;}.pass-wrap{    position: relative;}.pass-toggle{    position: absolute;    right: 15px;    top: 12px;}.form-returns{    margin: 10px 0;    background: rgba(0, 0, 0, 0.2);    padding: 5px;    border-radius: 5px;    display: none;    float: left;    width: 100%;}.form-returns-l{    margin: 10px 0;    background: rgba(0, 0, 0, 0.2);    padding: 5px;    border-radius: 5px;    display: none;    float: left;    width: 100%;}.form-returns-r{    margin: 10px 0;    background: rgba(0, 0, 0, 0.2);    padding: 5px;    border-radius: 5px;    display: none;}.gd-single-input input[type=checkbox]{    width: 15px;    height: 15px;    float: left;    margin-top: 4px;    margin-right: 8px;    margin-left: 0px;    border: 1px solid rgba(0, 0, 0, 0.2);}.report{    font-weight: 900;    height: 16px;    font-size: 12px;    margin-bottom: 0;}#clearBtn{    background: #000;    color: var(--t3white);    margin-top: 10px;    display: inline-block;    padding: 3px 10px;    border-radius: 5px;}   #pdfbutton{    background: #000;    color: var(--t3white);    margin-top: 10px;    display: inline-block;    padding: 3px 10px;    border-radius: 5px;    margin-bottom: 40px;}   .order-again{    display: none;}.content-type strong{    font-weight: 900;}.content-ul{    padding-left: 20px;}.share-ul{    padding: 0;    margin: 0;}.share-ul li{    list-style: none;    display: inline-block;    margin-right: 10px;}.gd-notification-wrap{    padding: 20px;    border: 1px solid red;    border-radius: 5px;    margin-bottom: 30px;    position: relative;}.gd-disable-noti{    position: absolute;    right: 15px;    top: 15px;}#gd-othergender-input-inner{    border: 1px solid rgba(0, 0, 0, 0.1);    padding: 10px;    position: relative;    margin-top: 12px;}.gd-othergender-input-inner-svg{    position: absolute;    top: -20px;    left: 168px;}.verify-icon{    position: absolute;    top: 36px;    left: 8px;}.devider-gd{    background: transparent;    height: 1px;    width: 100%;    margin-bottom: 15px;    margin-top: 10px;}.gd-account-model{    position: fixed;    background: rgba(0, 0, 0, 0.8);    width: 100%;    height: 100%;    top: 0;    left: 0;    z-index: 999;    display: none;}.gd-account-model-inner{    position: absolute;    background: var(--t3blue-bg);    left: 0;    right: 0;    margin-top: 5%;    width: 100%;    max-width: 500px;    margin-left: auto;    margin-right: auto;    padding: 20px;    border-radius: 10px;    z-index: 9;}.gd-account-model-close{    position: absolute;    right: 20px;    top: 20px;}.gd-approve-model{    position: fixed;    background: rgba(0, 0, 0, 0.8);    width: 100%;    height: 100%;    top: 0;    left: 0;    z-index: 999;    display: none;}.gd-approve-model-inner{    position: absolute;    background: var(--t3blue-bg);    left: 0;    right: 0;    margin-top: 5%;    width: 100%;    max-width: 600px;    margin-left: auto;    margin-right: auto;    padding: 20px;    border-radius: 10px;    z-index: 9;}.gd-approve-model-close{    position: absolute;    right: 20px;    top: 20px;}.psoudo-dom{    content: "";    position: absolute;    left: 0;    top: 0;    width: 100%;    height: 100%;}#gd-account-model-loader{    position: absolute;    top: 0;    left: 0;    right: 0;    text-align: center;    background: rgba(0, 0, 0, 0.3);    height: 100%;    width: 100%;    padding-top: 17%;    z-index: 99999;    display: none;}.gd-remove-filters{    background: var(--t3card);    width: 100%;    border-radius: 5px;    padding: 7px;    display: none;    float: left;}.gd-remove-filters svg{    float: left;    margin-top: 5px;    margin-right: 10px;}.gd-remove-filters span{    float: left;    font-weight: 900;}body.events-template-default header.tm-header{    position: absolute;    top: 0;    left: 0;    right: 0;}body.events-template-default header.tm-header .uk-navbar-container{    background: var(--t3blue-bg);}body.events-template-default #tm-main{    padding: 0;}body.events-template-default #tm-main > .uk-container{    max-width: 100%;    padding-left: 0;    padding-right: 0;}body.t3d-app-page header.tm-header{    position: absolute;    top: 0;    left: 0;    right: 0;}body.t3d-app-page header.tm-header .uk-navbar-container{    background: var(--t3blue-bg);}body.t3d-app-page #tm-main{    padding: 0;}body.t3d-app-page #tm-main > .uk-container{    max-width: 100%;    padding-left: 0;    padding-right: 0;}#single_event_for_mobile{    display: none;}@media(max-width:767px){    #single_event_for_desktop{        display:none;    }    #single_event_for_mobile{        display: block;    }}#events_front_out img{    width: 200px;    height: 200px;}body.t3d-app-page table tbody tr{    position: relative;}.canceldbyadmin{    background: rgba(255, 0, 0, 0.6) !important;    padding: 2px 6px;    color: var(--t3white);    font-weight: 900;    position: absolute;    left: 0;    right: 0;    margin: auto;    padding-left: 15px;    padding-right: 15px;    height: 100%;    top: 0;    font-weight: 900;    text-align: center;    padding-top: 20px;    font-size: 20px;}

/* ============================================================ */
/* SPRINT 1 v5 (21.05.2026): TAB PROFIL - desktop fixed          */
/* ============================================================ */

/* Reset agresiv pe container pentru a învinge YOOtheme */
.t3d-profile-wrap {
  --t3d-bg: var(--t3bg);
  --t3d-blue-light: var(--t3blue-bg);
  --t3d-blue-mid: var(--t3line);
  --t3d-blue-accent: var(--t3blue-l);
  --t3d-blue-dark: var(--t3blue-d);
  --t3d-black: #1a1a1a;
  --t3d-text: var(--t3txt);
  --t3d-muted: var(--t3muted);
  --t3d-line: var(--t3line);
  --t3d-line-dashed: var(--t3line);
  --t3d-white: var(--t3white);
  --t3d-success: var(--t3green);
  --t3d-warning: #d97e1c;
  --t3d-danger: var(--t3red);
  --t3d-yellow: var(--t3amber-bg);
  --t3d-yellow-dark: var(--t3amber-ln);
  --t3d-yellow-border: var(--t3amber-ln);
  
  font-family: inherit !important;
  color: var(--t3d-text) !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}

.t3d-profile-wrap *, 
.t3d-profile-wrap *::before, 
.t3d-profile-wrap *::after {
  box-sizing: border-box !important;
}

/* Anulează grid-uri YOOtheme parent care influenteaza */
#Tab1 .t3d-profile-wrap > * {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
}

/* =============== TABS cu iconițe =============== */
.t3d-tabs {
  display: flex !important;
  gap: 0 !important;
  flex-wrap: wrap !important;
}
.t3d-tabs .tablinks {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
}
.t3d-tabs .tablinks svg {
  display: inline-block !important;
  vertical-align: middle !important;
}

/* =============== IDENTITY BLOCK - FIX DESKTOP =============== */
.t3d-profile-wrap .t3d-identity-block {
  margin-bottom: 18px !important;
  width: 100% !important;
}
.t3d-profile-wrap .t3d-identity-block .tm-box-decoration-secondary {
  padding: 20px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.t3d-profile-wrap .t3d-identity-inner {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  align-items: center !important;
  text-align: center !important;
  width: 100% !important;
}

/* AVATAR - FIX CHIRURGICAL desktop */
.t3d-profile-wrap .t3d-avatar-wrap {
  flex-shrink: 0 !important;
  position: relative !important;
  width: 92px !important;
  height: 92px !important;
  display: block !important;
}
.t3d-profile-wrap .t3d-avatar {
  width: 92px !important;
  height: 92px !important;
  min-width: 92px !important;
  min-height: 92px !important;
  max-width: 92px !important;
  max-height: 92px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  border: 4px solid var(--t3d-white) !important;
  box-shadow: 0 4px 14px color-mix(in srgb, var(--t3blue-d) 18%, transparent) !important;
  padding: 0 !important;
  margin: 0 !important;
  display: block !important;
  position: relative !important;
}
.t3d-profile-wrap .t3d-avatar-initials {
  background: linear-gradient(135deg, var(--t3blue-l), var(--t3blue-d)) !important;
  color: var(--t3d-white) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  letter-spacing: -1px !important;
}
.t3d-profile-wrap .t3d-avatar img,
.t3d-profile-wrap .t3d-avatar-has-image img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
}

/* Iconiță aparat foto pe avatar */
.t3d-profile-wrap .t3d-avatar-camera-btn {
  position: absolute !important;
  bottom: 0 !important;
  right: 0 !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 50% !important;
  background: var(--t3d-blue-dark) !important;
  border: 2px solid var(--t3d-white) !important;
  cursor: pointer !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2) !important;
  transition: transform .15s, background .15s !important;
  z-index: 2 !important;
}
.t3d-profile-wrap .t3d-avatar-camera-btn:hover {
  background: var(--t3d-blue-accent) !important;
  transform: scale(1.08) !important;
}

/* Identity text */
.t3d-profile-wrap .t3d-identity-text {
  width: 100% !important;
  word-break: break-word !important;
  flex: 1 !important;
  min-width: 0 !important;
}
.t3d-profile-wrap .t3d-identity-name {
  font-size: 20px !important;
  font-weight: 700 !important;
  margin: 0 0 4px !important;
  color: var(--t3d-blue-dark) !important;
  line-height: 1.3 !important;
  padding: 0 !important;
}
.t3d-profile-wrap .t3d-name-flag {
  display: inline-block !important;
  font-size: 22px !important;
  vertical-align: middle !important;
  margin-left: 4px !important;
}
.t3d-profile-wrap .t3d-identity-email {
  color: var(--t3d-muted) !important;
  font-size: 13px !important;
  margin: 0 0 8px !important;
  word-break: break-all !important;
  padding: 0 !important;
}

/* Linie compactă: vârsta  gen  steag (cu spații) */
.t3d-profile-wrap .t3d-identity-quickline {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 14px !important;
  justify-content: center !important;
  margin: 0 0 6px !important;
  padding: 0 !important;
  font-size: 14px !important;
  color: var(--t3d-text) !important;
}
.t3d-profile-wrap .t3d-quickitem {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  font-weight: 600 !important;
  color: var(--t3d-blue-dark) !important;
}
.t3d-profile-wrap .t3d-quickitem-warning {
  color: var(--t3amber) !important;
}
.t3d-profile-wrap .t3d-quickitem-warning-text {
  margin-left: 6px !important;
  font-size: 11px !important;
  color: var(--t3d-danger) !important;
  font-weight: 700 !important;
  text-transform: none !important;
}
.t3d-profile-wrap .t3d-quickitem-sep {
  color: var(--t3d-line) !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  user-select: none !important;
}
.t3d-profile-wrap .t3d-quickitem-gender {
  font-size: 18px !important;
  line-height: 1 !important;
  color: var(--t3d-blue-dark) !important;
  font-weight: 600 !important;
}
.t3d-profile-wrap .t3d-quickitem-flag {
  font-size: 20px !important;
  line-height: 1 !important;
}
.t3d-profile-wrap .t3d-identity-member {
  color: var(--t3d-muted) !important;
  font-size: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
}
.t3d-profile-wrap .t3d-identity-member strong {
  color: var(--t3d-text) !important;
  font-weight: 600 !important;
}

/* =============== LANGUAGE NOTICE =============== */
.t3d-profile-wrap .t3d-language-notice {
  margin: 0 0 18px !important;
  background: var(--t3card) !important;
  border: 1.5px solid var(--t3red-ln) !important;
  border-left: 4px solid var(--t3d-danger) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  transition: all .25s !important;
  width: 100% !important;
}
.t3d-profile-wrap .t3d-language-notice-bottom {
  margin: 24px 0 12px !important;
}
.t3d-profile-wrap .t3d-language-notice-header {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 12px 14px !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  text-align: left !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #8a1f1f !important;
}
.t3d-profile-wrap .t3d-language-notice-header:hover {
  background: var(--t3red-bg) !important;
}
.t3d-profile-wrap .t3d-language-notice-icon {
  flex-shrink: 0 !important;
  width: 24px !important;
  height: 24px !important;
  background: var(--t3d-danger) !important;
  color: var(--t3white) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 900 !important;
  font-size: 15px !important;
}
.t3d-profile-wrap .t3d-language-notice-title {
  flex: 1 !important;
  line-height: 1.4 !important;
}
.t3d-profile-wrap .t3d-language-notice-body {
  max-height: 0 !important;
  overflow: hidden !important;
  transition: max-height .3s, padding .3s !important;
  padding: 0 14px 0 48px !important;
}
.t3d-profile-wrap .t3d-language-notice-open .t3d-language-notice-body {
  max-height: 500px !important;
  padding: 4px 14px 14px 48px !important;
}
.t3d-profile-wrap .t3d-language-notice-body p {
  margin: 0 0 8px !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  color: #5a3a3a !important;
}
.t3d-profile-wrap .t3d-language-notice-body p:last-child { margin-bottom: 0 !important; }
.t3d-profile-wrap .t3d-language-notice-body strong { color: #8a1f1f !important; }

/* =============== EDIT TOOLBAR =============== */
.t3d-profile-wrap .t3d-edit-toolbar {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  align-items: stretch !important;
  margin-bottom: 18px !important;
  width: 100% !important;
}
.t3d-profile-wrap .t3d-edit-title {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: var(--t3d-blue-dark) !important;
  margin: 0 !important;
}

/* =============== BUTTONS =============== */
.t3d-profile-wrap .t3d-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 11px 22px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  border-radius: 6px !important;
  border: 1.5px solid transparent !important;
  cursor: pointer !important;
  text-decoration: none !important;
  font-family: inherit !important;
  line-height: 1.2 !important;
  transition: all .15s !important;
  width: auto !important;
  text-transform: none !important;
}
.t3d-profile-wrap .t3d-btn-primary {
  background: var(--t3d-blue-dark) !important;
  color: var(--t3d-white) !important;
  border-color: var(--t3d-blue-dark) !important;
}
.t3d-profile-wrap .t3d-btn-primary:hover {
  background: var(--t3d-yellow-dark) !important;
  color: var(--t3d-blue-dark) !important;
  border-color: var(--t3d-yellow-dark) !important;
  transform: translateY(-1px) !important;
}
.t3d-profile-wrap .t3d-btn-ghost {
  background: transparent !important;
  color: var(--t3d-blue-dark) !important;
  border-color: var(--t3d-blue-accent) !important;
}
.t3d-profile-wrap .t3d-btn-ghost:hover {
  background: var(--t3d-blue-light) !important;
  color: var(--t3d-blue-dark) !important;
}
.t3d-profile-wrap .t3d-btn-large {
  padding: 14px 28px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}

/* =============== VIEW MODE =============== */
.t3d-profile-wrap .t3d-card-view .t3d-card-header {
  margin-bottom: 14px !important;
  padding-bottom: 12px !important;
}

/* =============== EDIT MODE CARDS =============== */
.t3d-profile-wrap .t3d-card {
  background: var(--t3d-white) !important;
  border: 1px solid var(--t3d-line) !important;
  border-radius: 10px !important;
  padding: 18px !important;
  margin-bottom: 16px !important;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--t3blue-d) 3%, transparent) !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.t3d-profile-wrap .t3d-card-header {
  display: flex !important;
  gap: 12px !important;
  align-items: flex-start !important;
  margin-bottom: 18px !important;
  padding-bottom: 14px !important;
  border-bottom: 1px dashed var(--t3d-line-dashed) !important;
}
.t3d-profile-wrap .t3d-card-icon {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  background: var(--t3d-blue-light) !important;
  border-radius: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}
.t3d-profile-wrap .t3d-card-title {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--t3d-text) !important;
  margin: 0 !important;
  line-height: 1.3 !important;
  padding: 0 !important;
}
.t3d-profile-wrap .t3d-card-subtitle {
  font-size: 12px !important;
  color: var(--t3d-muted) !important;
  margin: 2px 0 0 !important;
  line-height: 1.4 !important;
  padding: 0 !important;
}

.t3d-profile-wrap .t3d-subsection {
  margin: 18px 0 12px !important;
  padding-top: 14px !important;
  border-top: 1px dashed var(--t3d-line-dashed) !important;
}
.t3d-profile-wrap .t3d-subsection h5 {
  margin: 0 0 4px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--t3d-blue-dark) !important;
}
.t3d-profile-wrap .t3d-confidential {
  display: inline-block !important;
  font-size: 11px !important;
  color: var(--t3d-muted) !important;
  background: var(--t3bg) !important;
  padding: 3px 10px !important;
  border-radius: 999px !important;
}

/* =============== FORM =============== */
.t3d-profile-wrap .t3d-form-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 14px !important;
}
.t3d-profile-wrap .t3d-field {
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
}
.t3d-profile-wrap .t3d-field.t3d-full {
  grid-column: 1 / -1 !important;
}
.t3d-profile-wrap .t3d-field label {
  display: block !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--t3d-text) !important;
  margin-bottom: 6px !important;
}
.t3d-profile-wrap .t3d-req {
  color: var(--t3d-danger) !important;
  font-weight: 700 !important;
  margin-left: 2px !important;
}
.t3d-profile-wrap .t3d-hint {
  color: var(--t3d-muted) !important;
  font-weight: 400 !important;
  font-size: 12px !important;
}

.t3d-profile-wrap .el-input,
.t3d-profile-wrap .uk-input {
  width: 100% !important;
  padding: 10px 14px !important;
  font-size: 14px !important;
  border: 1.5px solid var(--t3d-line) !important;
  border-radius: 6px !important;
  background: var(--t3d-white) !important;
  color: var(--t3d-text) !important;
  font-family: inherit !important;
  transition: border .15s, box-shadow .15s !important;
  line-height: 1.4 !important;
  height: auto !important;
}
.t3d-profile-wrap textarea.el-input,
.t3d-profile-wrap textarea.uk-input {
  min-height: 80px !important;
  resize: vertical !important;
  line-height: 1.5 !important;
}
.t3d-profile-wrap select.el-input,
.t3d-profile-wrap select.uk-input {
  padding-right: 36px !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}
.t3d-profile-wrap .el-input:focus,
.t3d-profile-wrap .uk-input:focus {
  outline: none !important;
  border-color: var(--t3d-blue-accent) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--t3blue-l) 20%, transparent) !important;
}
.t3d-profile-wrap .t3d-field .select-arrow {
  position: absolute !important;
  right: 10px !important;
  top: 36px !important;
  pointer-events: none !important;
}

/* RADIO PILLS */
.t3d-profile-wrap .t3d-radio-pills {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin-top: 2px !important;
}
.t3d-profile-wrap .t3d-radio-pill {
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
}
.t3d-profile-wrap .t3d-radio-pill input[type=radio] {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 1px !important;
  height: 1px !important;
}
.t3d-profile-wrap .t3d-radio-pill-content {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 8px 14px !important;
  border: 1.5px solid var(--t3d-line) !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  background: var(--t3d-white) !important;
  color: var(--t3d-text) !important;
  user-select: none !important;
  transition: all .15s !important;
  white-space: nowrap !important;
}
.t3d-profile-wrap .t3d-radio-pill:hover .t3d-radio-pill-content {
  border-color: var(--t3d-blue-accent) !important;
}
.t3d-profile-wrap .t3d-radio-pill input[type=radio]:checked + .t3d-radio-pill-content {
  background: var(--t3d-blue-dark) !important;
  border-color: var(--t3d-blue-dark) !important;
  color: var(--t3d-white) !important;
}
.t3d-profile-wrap .t3d-radio-pills-small .t3d-radio-pill-content {
  padding: 6px 11px !important;
  font-size: 12px !important;
}
.t3d-profile-wrap .t3d-gender-pills .t3d-radio-pill-content {
  padding: 7px 12px !important;
  font-size: 13px !important;
}
.t3d-profile-wrap .t3d-gender-symbol {
  display: inline-flex !important;
  align-items: center;
  vertical-align: middle;
  line-height: 1 !important;
}
.t3d-gender-ico { vertical-align: middle; flex-shrink: 0; }
.t3d-phead-gender .t3d-gender-ico { color: var(--t3muted); }

/* YN list */
.t3d-profile-wrap .t3d-yn-list {
  margin-bottom: 12px !important;
}
.t3d-profile-wrap .t3d-yn-row {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  padding: 12px 0 !important;
  border-bottom: 1px dashed var(--t3d-line) !important;
}
.t3d-profile-wrap .t3d-yn-row:last-child { border-bottom: none !important; }
.t3d-profile-wrap .t3d-yn-label {
  font-size: 13px !important;
  color: var(--t3d-text) !important;
  line-height: 1.4 !important;
}

.t3d-profile-wrap .t3d-extra-details {
  background: var(--t3d-yellow) !important;
  border-left: 3px solid var(--t3d-yellow-border) !important;
  padding: 12px 14px !important;
  border-radius: 4px !important;
  margin-top: 12px !important;
}
.t3d-profile-wrap .t3d-extra-details label {
  color: #6a5a1f !important;
}

/* GENDER OTHER */
.t3d-profile-wrap .t3d-gender-wrap #gd-othergender-input {
  margin-top: 10px !important;
}
.t3d-profile-wrap .t3d-gender-wrap #gd-othergender-input-inner {
  background: var(--t3bg) !important;
  padding: 10px !important;
  border-radius: 6px !important;
  border: 1px solid var(--t3d-line) !important;
  margin-top: 6px !important;
}
.t3d-profile-wrap .t3d-gender-wrap #gd-othergender-input-inner label {
  font-size: 12px !important;
  margin-bottom: 4px !important;
}

/* INPUT WITH ICON */
.t3d-profile-wrap .t3d-input-icon-wrap {
  position: relative !important;
}
.t3d-profile-wrap .t3d-input-icon-wrap .el-input,
.t3d-profile-wrap .t3d-input-icon-wrap .uk-input {
  padding-left: 42px !important;
}
.t3d-profile-wrap .t3d-input-prefix-icon {
  position: absolute !important;
  left: 10px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
  z-index: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* FILE UPLOAD */
.t3d-profile-wrap .t3d-file-upload-label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 16px !important;
  border: 1.5px dashed var(--t3d-blue-accent) !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  font-size: 13px !important;
  color: var(--t3d-blue-dark) !important;
  background: var(--t3d-blue-light) !important;
  transition: all .15s !important;
  position: relative !important;
}
.t3d-profile-wrap .t3d-file-upload-label:hover {
  background: var(--t3d-blue-mid) !important;
}
.t3d-profile-wrap .t3d-file-upload-label input[type=file] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
}

/* =============== SAVE BAR =============== */
.t3d-profile-wrap .t3d-save-bar {
  margin-top: 18px !important;
  padding: 18px 20px !important;
  background: var(--t3d-white) !important;
  border: 2px solid var(--t3d-blue-dark) !important;
  border-radius: 10px !important;
  box-shadow: 0 4px 14px color-mix(in srgb, var(--t3blue-d) 8%, transparent) !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.t3d-profile-wrap .t3d-save-bar-content {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  align-items: stretch !important;
}
.t3d-profile-wrap .t3d-save-bar-reminder {
  margin: 0 !important;
  color: var(--t3d-danger) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-align: center !important;
  line-height: 1.4 !important;
  padding: 0 !important;
}
.t3d-profile-wrap .t3d-save-bar .t3d-form-message,
.t3d-profile-wrap .t3d-save-bar .form-returns-r {
  /* FĂRĂ !important pe culoare (16 sep 2026). Cu el, regula asta bătea stilul
     inline pus din JS, deci în toată bara de salvare a profilului „Salvat!"
     verde și erorile roșii ieșeau amândouă albastre: distincția succes/eroare
     era moartă. Albastrul rămâne culoarea implicită, pentru mesajele care nu-și
     cer una anume; restul !important-urilor rămân neatinse, ele țin așezarea. */
  color: var(--t3d-blue-dark);
  margin: 12px 0 0 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  background: transparent !important;
  padding: 0 !important;
  width: 100% !important;
  float: none !important;
  text-align: center !important;
}

/* =============== TABLET+ (640px+) =============== */
@media (min-width: 640px) {
  .t3d-profile-wrap .t3d-identity-inner {
    flex-direction: row !important;
    text-align: left !important;
    align-items: center !important;
    gap: 20px !important;
  }
  .t3d-profile-wrap .t3d-identity-text {
    flex: 1 !important;
  }
  .t3d-profile-wrap .t3d-identity-quickline {
    justify-content: flex-start !important;
  }
  .t3d-profile-wrap .t3d-identity-member {
    text-align: left !important;
  }
  
  /* AVATAR PE DESKTOP - 110px - CU FORȚĂ */
  .t3d-profile-wrap .t3d-avatar-wrap {
    width: 110px !important;
    height: 110px !important;
  }
  .t3d-profile-wrap .t3d-avatar {
    width: 110px !important;
    height: 110px !important;
    min-width: 110px !important;
    min-height: 110px !important;
    max-width: 110px !important;
    max-height: 110px !important;
  }
  .t3d-profile-wrap .t3d-avatar-initials {
    font-size: 38px !important;
  }
  .t3d-profile-wrap .t3d-identity-name {
    font-size: 22px !important;
  }
  
  .t3d-profile-wrap .t3d-identity-block .tm-box-decoration-secondary {
    padding: 24px 28px !important;
  }
  
  .t3d-profile-wrap .t3d-card {
    padding: 22px 24px !important;
  }
  
  .t3d-profile-wrap .t3d-form-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 16px 20px !important;
  }
  
  .t3d-profile-wrap .t3d-form-grid-3 {
    grid-template-columns: 1fr 1fr 1fr !important;
  }
  
  .t3d-profile-wrap .t3d-edit-toolbar {
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
  }
  
  .t3d-profile-wrap .t3d-save-bar {
    padding: 20px 24px !important;
  }
  .t3d-profile-wrap .t3d-save-bar-content {
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 20px !important;
  }
  .t3d-profile-wrap .t3d-save-bar-reminder {
    text-align: left !important;
    flex: 1 !important;
  }
  .t3d-profile-wrap .t3d-save-bar .t3d-btn-save {
    flex-shrink: 0 !important;
  }
  .t3d-profile-wrap .t3d-save-bar .t3d-form-message,
  .t3d-profile-wrap .t3d-save-bar .form-returns-r {
    text-align: left !important;
  }
  
  .t3d-profile-wrap .t3d-yn-row {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
  }
}

/* =============== DESKTOP (1024px+) =============== */
@media (min-width: 1024px) {
  .t3d-profile-wrap .t3d-identity-block .tm-box-decoration-secondary {
    padding: 28px 32px !important;
  }
  .t3d-profile-wrap .t3d-identity-name {
    font-size: 24px !important;
  }
  .t3d-profile-wrap .t3d-card {
    padding: 26px 30px !important;
  }
}

/* Clasa purta pana pe 19-09-2026 un nume care pomenea steagul, dar emoji-ul a iesit
   din optiuni in aceeasi zi: `<img>` nu e permis intr-un `<option>`, iar pe Windows
   nu exista glifa de steag, deci acolo se vedea codul tarii in loc de steag.
   Regula ramane si face ceva real: forteaza optiunile sa foloseasca fontul sitului,
   nu pe cel de sistem. Doar numele nu mai era adevarat. */
.t3d-profile-wrap .t3d-select-country option {
  font-family: inherit !important;
}


/* ============================================================ */
/* SPRINT 2 v3 (21.05.2026): Ascundere titlu pagină + fix-uri    */
/* ============================================================ */

/* Ascundere titlu paginii "My T3D Account" */
#myaccount_container,
#myaccount_container h1,
#profile_tabs_wrap h1:first-child {
  display: none !important;
}

/* ============================================================ */
/* SPRINT 2 v4 (22.05.2026): UI pentru utilizatori nelogati      */
/* ============================================================ */

.t3d-loggedout-wrap {
  --t3d-blue-light: var(--t3blue-bg);
  --t3d-blue-mid: var(--t3line);
  --t3d-blue-accent: var(--t3blue-l);
  --t3d-blue-dark: var(--t3blue-d);
  --t3d-text: var(--t3txt);
  --t3d-muted: var(--t3muted);
  --t3d-line: var(--t3line);
  --t3d-white: var(--t3white);
  
  max-width: 720px !important;
  margin: 30px auto !important;
  padding: 20px !important;
  font-family: inherit !important;
  color: var(--t3d-text) !important;
  display: block !important;
}

.t3d-loggedout-wrap *, 
.t3d-loggedout-wrap *::before, 
.t3d-loggedout-wrap *::after {
  box-sizing: border-box !important;
}

/* Vintage frame box - cele 4 straturi vizibile */
.t3d-loggedout-wrap .t3d-loggedout-box {
  position: relative !important;
  background: var(--t3d-blue-light) !important;
  padding: 40px 32px !important;
  text-align: center !important;
}

.t3d-loggedout-wrap .t3d-loggedout-icon {
  width: 90px !important;
  height: 90px !important;
  background: var(--t3d-white) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 20px !important;
  border: 2px solid var(--t3d-blue-accent) !important;
}

.t3d-loggedout-wrap .t3d-loggedout-title {
  font-size: 24px !important;
  font-weight: 700 !important;
  color: var(--t3d-blue-dark) !important;
  margin: 0 0 12px !important;
  line-height: 1.3 !important;
}

.t3d-loggedout-wrap .t3d-loggedout-text {
  font-size: 14px !important;
  color: var(--t3d-text) !important;
  line-height: 1.6 !important;
  margin: 0 0 10px !important;
  max-width: 520px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.t3d-loggedout-wrap .t3d-loggedout-text-small {
  font-size: 13px !important;
  color: var(--t3d-muted) !important;
  margin-bottom: 24px !important;
}

.t3d-loggedout-wrap .t3d-loggedout-actions {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  align-items: stretch !important;
  max-width: 360px !important;
  margin: 0 auto 20px !important;
}

.t3d-loggedout-wrap .t3d-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 12px 22px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  border-radius: 6px !important;
  border: 1.5px solid transparent !important;
  cursor: pointer !important;
  text-decoration: none !important;
  font-family: inherit !important;
  line-height: 1.2 !important;
  transition: all .15s !important;
}

.t3d-loggedout-wrap .t3d-btn-primary {
  background: var(--t3d-blue-dark) !important;
  color: var(--t3d-white) !important;
  border-color: var(--t3d-blue-dark) !important;
}
.t3d-loggedout-wrap .t3d-btn-primary:hover {
  background: var(--t3d-blue-accent) !important;
  color: var(--t3d-blue-dark) !important;
  border-color: var(--t3d-blue-accent) !important;
}

.t3d-loggedout-wrap .t3d-btn-ghost {
  background: var(--t3d-white) !important;
  color: var(--t3d-blue-dark) !important;
  border-color: var(--t3d-blue-accent) !important;
}
.t3d-loggedout-wrap .t3d-btn-ghost:hover {
  background: var(--t3d-blue-mid) !important;
}

.t3d-loggedout-wrap .t3d-btn-large {
  padding: 14px 28px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}

.t3d-loggedout-wrap .t3d-loggedout-secondary {
  margin-top: 8px !important;
}

.t3d-loggedout-wrap .t3d-loggedout-link {
  color: var(--t3d-blue-dark) !important;
  font-size: 13px !important;
  text-decoration: underline !important;
  font-weight: 500 !important;
  display: inline-block !important;
}
.t3d-loggedout-wrap .t3d-loggedout-link:hover {
  color: var(--t3d-blue-accent) !important;
}

@media (max-width: 480px) {
  .t3d-loggedout-wrap .t3d-loggedout-box {
    padding: 30px 20px !important;
  }
  .t3d-loggedout-wrap .t3d-loggedout-title {
    font-size: 20px !important;
  }
}


/* ============================================================ */
/* SPRINT 2 v1 (21.05.2026): TAB CONT + MODAL DELETE ACCOUNT     */
/* ============================================================ */

.t3d-account-wrap {
  --t3d-bg: var(--t3bg);
  --t3d-blue-light: var(--t3blue-bg);
  --t3d-blue-mid: var(--t3line);
  --t3d-blue-accent: var(--t3blue-l);
  --t3d-blue-dark: var(--t3blue-d);
  --t3d-text: var(--t3txt);
  --t3d-muted: var(--t3muted);
  --t3d-line: var(--t3line);
  --t3d-line-dashed: var(--t3line);
  --t3d-white: var(--t3white);
  --t3d-success: var(--t3green);
  --t3d-warning: #d97e1c;
  --t3d-danger: var(--t3red);
  --t3d-danger-light: var(--t3card);
  --t3d-danger-border: var(--t3red-ln);
  
  font-family: inherit !important;
  color: var(--t3d-text) !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}

.t3d-account-wrap *, 
.t3d-account-wrap *::before, 
.t3d-account-wrap *::after {
  box-sizing: border-box !important;
}

#Tab4 .t3d-account-wrap > * {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
}

/* =============== INTRO BANNER =============== */
.t3d-account-wrap .t3d-account-intro {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 12px 16px !important;
  background: var(--t3d-blue-light) !important;
  border-left: 4px solid var(--t3d-blue-dark) !important;
  border-radius: 6px !important;
  margin-bottom: 18px !important;
  font-size: 13px !important;
  color: var(--t3d-blue-dark) !important;
}
.t3d-account-wrap .t3d-account-intro svg {
  flex-shrink: 0 !important;
}

/* =============== CARDS (similare cu Tab Profil) =============== */
.t3d-account-wrap .t3d-card {
  background: var(--t3d-white) !important;
  border: 1px solid var(--t3d-line) !important;
  border-radius: 10px !important;
  padding: 18px !important;
  margin-bottom: 16px !important;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--t3blue-d) 3%, transparent) !important;
  width: 100% !important;
}
.t3d-account-wrap .t3d-card-header {
  display: flex !important;
  gap: 12px !important;
  align-items: flex-start !important;
  margin-bottom: 18px !important;
  padding-bottom: 14px !important;
  border-bottom: 1px dashed var(--t3d-line-dashed) !important;
}
.t3d-account-wrap .t3d-card-icon {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  background: var(--t3d-blue-light) !important;
  border-radius: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}
.t3d-account-wrap .t3d-card-icon-danger {
  background: var(--t3red-bg) !important;
}
.t3d-account-wrap .t3d-card-title {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--t3d-text) !important;
  margin: 0 !important;
  line-height: 1.3 !important;
}
.t3d-account-wrap .t3d-card-title-danger {
  color: var(--t3d-danger) !important;
}
.t3d-account-wrap .t3d-card-subtitle {
  font-size: 12px !important;
  color: var(--t3d-muted) !important;
  margin: 2px 0 0 !important;
  line-height: 1.4 !important;
}

/* Card 3 - Zonă periculoasă */
.t3d-account-wrap .t3d-card-danger {
  border-color: var(--t3d-danger-border) !important;
  background: var(--t3d-danger-light) !important;
}

/* =============== EMAIL READONLY =============== */
.t3d-account-wrap .t3d-acc-field {
  margin: 0 !important;
}
.t3d-account-wrap .t3d-acc-field label {
  display: block !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--t3d-text) !important;
  margin-bottom: 6px !important;
}
.t3d-account-wrap .t3d-acc-readonly {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 14px !important;
  background: var(--t3bg) !important;
  border: 1.5px solid var(--t3d-line) !important;
  border-radius: 6px !important;
  font-size: 14px !important;
  color: var(--t3d-text) !important;
  font-weight: 500 !important;
  word-break: break-all !important;
}
.t3d-account-wrap .t3d-acc-readonly svg {
  flex-shrink: 0 !important;
}
.t3d-account-wrap .t3d-acc-hint {
  margin: 10px 0 0 !important;
  font-size: 12px !important;
  color: var(--t3d-muted) !important;
  line-height: 1.5 !important;
  padding: 0 !important;
}
.t3d-account-wrap .t3d-acc-link {
  color: var(--t3d-blue-dark) !important;
  text-decoration: underline !important;
  font-weight: 600 !important;
}
.t3d-account-wrap .t3d-acc-link:hover {
  color: var(--t3d-blue-accent) !important;
}

/* =============== FORM GRID + FIELDS =============== */
.t3d-account-wrap .t3d-form-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 14px !important;
}
.t3d-account-wrap .t3d-field {
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
}
.t3d-account-wrap .t3d-field.t3d-full {
  grid-column: 1 / -1 !important;
}
.t3d-account-wrap .t3d-field label {
  display: block !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--t3d-text) !important;
  margin-bottom: 6px !important;
}
.t3d-account-wrap .t3d-req {
  color: var(--t3d-danger) !important;
  font-weight: 700 !important;
  margin-left: 2px !important;
}

.t3d-account-wrap .el-input,
.t3d-account-wrap .uk-input {
  width: 100% !important;
  padding: 10px 44px 10px 14px !important;
  font-size: 14px !important;
  border: 1.5px solid var(--t3d-line) !important;
  border-radius: 6px !important;
  background: var(--t3d-white) !important;
  color: var(--t3d-text) !important;
  font-family: inherit !important;
  line-height: 1.4 !important;
  height: auto !important;
}
.t3d-account-wrap .el-input:focus,
.t3d-account-wrap .uk-input:focus {
  outline: none !important;
  border-color: var(--t3d-blue-accent) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--t3blue-l) 20%, transparent) !important;
}

/* =============== PASSWORD WRAP =============== */
.t3d-account-wrap .t3d-pass-wrap {
  position: relative !important;
}
.t3d-account-wrap .t3d-pass-wrap .pass-toggle {
  position: absolute !important;
  right: 10px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  cursor: pointer !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 4px !important;
}

/* Password strength meter */
.t3d-account-wrap .t3d-pass-strength {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-top: 6px !important;
}
.t3d-account-wrap .t3d-pass-strength-bar {
  flex: 1 !important;
  height: 4px !important;
  background: var(--t3d-line) !important;
  border-radius: 999px !important;
  overflow: hidden !important;
}
.t3d-account-wrap .t3d-pass-strength-fill {
  height: 100% !important;
  width: 0% !important;
  background: var(--t3d-danger) !important;
  border-radius: 999px !important;
  transition: width .2s, background .2s !important;
}
.t3d-account-wrap .t3d-pass-strength-text {
  font-size: 11px !important;
  font-weight: 600 !important;
  color: var(--t3d-danger) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.3px !important;
  min-width: 90px !important;
  text-align: right !important;
}

/* =============== BUTTONS =============== */
.t3d-account-wrap .t3d-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 11px 22px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  border-radius: 6px !important;
  border: 1.5px solid transparent !important;
  cursor: pointer !important;
  text-decoration: none !important;
  font-family: inherit !important;
  line-height: 1.2 !important;
  transition: all .15s !important;
  width: auto !important;
}
.t3d-account-wrap .t3d-btn-primary {
  background: var(--t3d-blue-dark) !important;
  color: var(--t3d-white) !important;
  border-color: var(--t3d-blue-dark) !important;
}
.t3d-account-wrap .t3d-btn-primary:hover {
  background: var(--t3d-blue-accent) !important;
  color: var(--t3d-blue-dark) !important;
  border-color: var(--t3d-blue-accent) !important;
}
.t3d-account-wrap .t3d-btn-ghost {
  background: transparent !important;
  color: var(--t3d-blue-dark) !important;
  border-color: var(--t3d-blue-accent) !important;
}
.t3d-account-wrap .t3d-btn-ghost:hover {
  background: var(--t3d-blue-light) !important;
}
.t3d-account-wrap .t3d-btn-danger {
  background: var(--t3d-danger) !important;
  color: var(--t3d-white) !important;
  border-color: var(--t3d-danger) !important;
}
.t3d-account-wrap .t3d-btn-danger:hover {
  background: var(--t3red-h) !important;
  border-color: var(--t3red-h) !important;
}
.t3d-account-wrap .t3d-btn-large {
  padding: 14px 28px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}

/* =============== SAVE PASSWORD ACTIONS =============== */
.t3d-account-wrap .t3d-acc-actions {
  margin-top: 16px !important;
  display: flex !important;
  justify-content: flex-end !important;
}
.t3d-account-wrap .form-returns-l,
.t3d-account-wrap .t3d-form-message {
  margin: 14px 0 0 !important;
  padding: 10px 14px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-align: center !important;
  background: var(--t3bg) !important;
  border-radius: 6px !important;
  float: none !important;
  width: 100% !important;
  display: none;
  border: 1px solid var(--t3d-line) !important;
}
.t3d-account-wrap .form-returns-l:empty,
.t3d-account-wrap .t3d-form-message:empty {
  display: none !important;
}

/* =============== DANGER ROWS =============== */
.t3d-account-wrap .t3d-danger-row {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  padding: 14px !important;
  background: var(--t3d-white) !important;
  border: 1.5px solid var(--t3d-danger-border) !important;
  border-radius: 8px !important;
  margin-bottom: 12px !important;
}
.t3d-account-wrap .t3d-danger-row:last-child {
  margin-bottom: 0 !important;
}
.t3d-account-wrap .t3d-danger-row-light {
  border-color: var(--t3d-line) !important;
  background: var(--t3bg) !important;
}
.t3d-account-wrap .t3d-danger-info h5 {
  margin: 0 0 4px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--t3d-text) !important;
}
.t3d-account-wrap .t3d-danger-info p {
  margin: 0 !important;
  font-size: 12px !important;
  color: var(--t3d-muted) !important;
  line-height: 1.4 !important;
}

/* =============== TABLET+ =============== */
@media (min-width: 640px) {
  .t3d-account-wrap .t3d-card {
    padding: 22px 24px !important;
  }
  .t3d-account-wrap .t3d-form-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 16px 20px !important;
  }
  .t3d-account-wrap .t3d-danger-row {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 16px 20px !important;
  }
  .t3d-account-wrap .t3d-danger-info {
    flex: 1 !important;
  }
  .t3d-account-wrap .t3d-danger-row .t3d-btn {
    flex-shrink: 0 !important;
  }
}

@media (min-width: 1024px) {
  .t3d-account-wrap .t3d-card {
    padding: 26px 30px !important;
  }
}


/* ============================================================ */
/* MODAL DELETE ACCOUNT - styling unitar                          */
/* ============================================================ */

/* Modal overlay - container existent .gd-account-model */
.gd-account-model {
  display: none;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 9999 !important;
  background: rgba(0, 0, 0, 0.55) !important;
}
.gd-account-model .psoudo-dom {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  cursor: pointer !important;
}
.gd-account-model .gd-account-model-inner.t3d-modal-inner {
  position: relative !important;
  z-index: 2 !important;
  background: var(--t3card) !important;
  border-radius: 12px !important;
  padding: 28px 24px !important;
  width: 100% !important;
  max-width: 460px !important;
  margin: 0 auto !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3) !important;
  text-align: center !important;
}

.gd-account-model .t3d-modal-close {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  padding: 4px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: var(--t3bg) !important;
  width: 32px !important;
  height: 32px !important;
  transition: background .15s !important;
}
.gd-account-model .t3d-modal-close:hover {
  background: var(--t3line) !important;
}

.gd-account-model .t3d-modal-icon {
  width: 70px !important;
  height: 70px !important;
  background: var(--t3red-bg) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 16px !important;
}

.gd-account-model .t3d-modal-title {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: var(--t3red) !important;
  margin: 0 0 14px !important;
  line-height: 1.3 !important;
}

.gd-account-model .t3d-modal-text {
  font-size: 14px !important;
  color: var(--t3txt) !important;
  line-height: 1.5 !important;
  margin: 0 0 10px !important;
  text-align: center !important;
}
.gd-account-model .t3d-modal-text strong {
  color: var(--t3red) !important;
}

.gd-account-model .t3d-modal-field {
  text-align: left !important;
  margin: 20px 0 16px !important;
}
.gd-account-model .t3d-modal-field label {
  display: block !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--t3txt) !important;
  margin-bottom: 6px !important;
}
.gd-account-model .t3d-modal-field .el-input,
.gd-account-model .t3d-modal-field .uk-input {
  width: 100% !important;
  padding: 10px 44px 10px 14px !important;
  font-size: 14px !important;
  border: 1.5px solid var(--t3line) !important;
  border-radius: 6px !important;
  background: var(--t3card) !important;
  color: var(--t3txt) !important;
  font-family: inherit !important;
  line-height: 1.4 !important;
  height: auto !important;
}
.gd-account-model .t3d-modal-field .el-input:focus,
.gd-account-model .t3d-modal-field .uk-input:focus {
  outline: none !important;
  border-color: var(--t3red) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--t3red) 15%, transparent) !important;
}
.gd-account-model .t3d-modal-field .t3d-pass-wrap {
  position: relative !important;
}
.gd-account-model .t3d-modal-field .pass-toggle {
  position: absolute !important;
  right: 10px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  cursor: pointer !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 4px !important;
}

.gd-account-model .t3d-modal-error {
  margin: 8px 0 0 !important;
  padding: 8px 12px !important;
  font-size: 12px !important;
  color: var(--t3red) !important;
  background: var(--t3card) !important;
  border-left: 3px solid var(--t3red) !important;
  border-radius: 4px !important;
  text-align: left !important;
  font-weight: 500 !important;
}

.gd-account-model .t3d-modal-actions {
  display: flex !important;
  gap: 10px !important;
  margin-top: 20px !important;
  flex-direction: column !important;
}
.gd-account-model .t3d-modal-actions .t3d-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px 24px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  border-radius: 6px !important;
  border: 1.5px solid transparent !important;
  cursor: pointer !important;
  text-decoration: none !important;
  font-family: inherit !important;
  line-height: 1.2 !important;
  transition: all .15s !important;
  width: 100% !important;
}
.gd-account-model .t3d-modal-actions .t3d-btn-ghost {
  background: transparent !important;
  color: var(--t3ink) !important;
  border-color: var(--t3blue-l) !important;
}
.gd-account-model .t3d-modal-actions .t3d-btn-ghost:hover {
  background: var(--t3blue-bg) !important;
}
.gd-account-model .t3d-modal-actions .t3d-btn-danger {
  background: var(--t3red) !important;
  color: var(--t3white) !important;
  border-color: var(--t3red) !important;
}
.gd-account-model .t3d-modal-actions .t3d-btn-danger:hover {
  background: var(--t3red-h) !important;
}

@media (min-width: 480px) {
  .gd-account-model .t3d-modal-actions {
    flex-direction: row !important;
  }
}

/* Success state */
.gd-account-model .t3d-modal-success {
  padding: 20px 0 !important;
  text-align: center !important;
}
.gd-account-model .t3d-modal-success svg {
  display: block !important;
  margin: 0 auto 12px !important;
}
.gd-account-model .t3d-modal-success p {
  font-size: 14px !important;
  color: var(--t3green) !important;
  font-weight: 600 !important;
  margin: 0 !important;
}


/* ============================================================ */
/* SPRINT 2.5+2.6 (22.05.2026): 9 cereri noi + fix-uri           */
/* ============================================================ */

/* === Iconiță ⓘ "Oportunități reduse" lângă titlu === */
.t3d-info-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: middle !important;
  margin-left: 6px !important;
  color: var(--t3ink) !important;
  cursor: pointer !important;
  text-decoration: none !important;
  border-radius: 50% !important;
  width: 22px !important;
  height: 22px !important;
  background: var(--t3blue-bg) !important;
  border: 1.5px solid var(--t3line) !important;
  transition: all .15s !important;
  position: relative !important;
  top: -2px !important;
}
.t3d-info-icon:hover {
  background: var(--t3blue-l) !important;
  color: var(--t3white) !important;
  border-color: var(--t3blue-l) !important;
  transform: scale(1.1) !important;
}
.t3d-info-icon svg {
  width: 14px !important;
  height: 14px !important;
}

/* === SPRINT 2.6.1: Simbol gen mai mic (cât steagurile) === */
.t3d-quickitem-gender,
.t3d-identity-meta .t3d-quickitem-gender {
  font-size: 16px !important;
  width: auto !important;
  min-width: 22px !important;
  height: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 4px !important;
  vertical-align: middle !important;
  line-height: 1 !important;
  background: transparent !important;
  border-radius: 0 !important;
  color: var(--t3red) !important;
}
.t3d-quickitem-gender.t3d-gender-male {
  color: var(--t3ink) !important;
}
.t3d-quickitem-gender.t3d-gender-female {
  color: var(--t3pink) !important;
}
.t3d-quickitem-gender.t3d-gender-other {
  color: var(--t3muted) !important;
}
/* Steaguri uniformizate ca mărime cu simbol gen */
.t3d-quickitem-flag {
  font-size: 16px !important;
  line-height: 1 !important;
  vertical-align: middle !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 22px !important;
}
.t3d-quickitem-flag svg,
.t3d-quickitem-flag img {
  width: 24px !important;
  height: auto !important;
  display: block !important;
  border-radius: 2px !important;
}

/* === Application8 wrap === */
#myaccount_container .t3d-app8-wrap {
  background: var(--t3orange-bg) !important;
  border-left: 3px solid #d97e1c !important;
  padding: 14px 16px !important;
  border-radius: 6px !important;
  margin-top: 10px !important;
  margin-bottom: 20px !important;
}
#myaccount_container .t3d-app8-wrap label {
  display: block !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--t3txt) !important;
  margin-bottom: 8px !important;
}
#myaccount_container .t3d-app8-wrap textarea {
  width: 100% !important;
  padding: 10px 14px !important;
  border: 1.5px solid var(--t3line) !important;
  border-radius: 6px !important;
  font-family: inherit !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  min-height: 100px !important;
  background: var(--t3card) !important;
}

/* === Modal Info Oportunități reduse === */
.t3d-info-model {
  position: fixed !important;
  background: rgba(0, 0, 0, 0.8) !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 10000 !important;
  display: none;
}
.t3d-info-model .t3d-modal-overlay-bg {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 1 !important;
}
.t3d-info-model .t3d-modal-inner {
  position: absolute !important;
  background: var(--t3blue-bg) !important;
  left: 0 !important;
  right: 0 !important;
  margin-top: 5% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
  max-width: 640px !important;
  padding: 32px 28px !important;
  border-radius: 10px !important;
  z-index: 9 !important;
  text-align: left !important;
}
.t3d-info-model .t3d-modal-close {
  position: absolute !important;
  right: 20px !important;
  top: 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  text-decoration: none !important;
  z-index: 10 !important;
}
.t3d-info-model .t3d-modal-close:hover {
  background: rgba(0, 0, 0, 0.1) !important;
}
.t3d-modal-info-icon {
  width: 60px !important;
  height: 60px !important;
  background: var(--t3blue-bg) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 16px !important;
}
.t3d-modal-title-info {
  text-align: center !important;
  color: var(--t3ink) !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  margin: 0 0 18px !important;
  line-height: 1.3 !important;
}
.t3d-modal-info-content {
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: var(--t3txt) !important;
  max-height: 60vh !important;
  overflow-y: auto !important;
  padding: 4px 8px !important;
}
.t3d-modal-info-content p { margin: 0 0 12px !important; }
.t3d-modal-info-content ul {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 0 !important;
}
.t3d-modal-info-content ul li {
  position: relative !important;
  padding-left: 22px !important;
  margin-bottom: 10px !important;
  line-height: 1.5 !important;
  font-size: 13px !important;
}
.t3d-modal-info-content ul li::before {
  content: "▸" !important;
  position: absolute !important;
  left: 4px !important;
  top: 0 !important;
  color: var(--t3ink) !important;
  font-weight: bold !important;
}
.t3d-modal-info-content strong { color: var(--t3ink) !important; }
.t3d-info-model .t3d-modal-actions {
  margin-top: 24px !important;
  display: flex !important;
  justify-content: center !important;
  padding-top: 16px !important;
  border-top: 1px solid color-mix(in srgb, var(--t3blue-d) 15%, transparent) !important;
}
.t3d-info-model .t3d-modal-actions .t3d-btn,
.t3d-info-model .t3d-modal-actions a.t3d-btn-primary {
  min-width: 180px !important;
  min-height: 44px !important;
  padding: 12px 28px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  background: var(--t3blue-d) !important;
  color: var(--t3white) !important;
  border: none !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all .15s !important;
  box-shadow: 0 2px 6px color-mix(in srgb, var(--t3blue-d) 20%, transparent) !important;
}
.t3d-info-model .t3d-modal-actions .t3d-btn:hover,
.t3d-info-model .t3d-modal-actions a.t3d-btn-primary:hover {
  background: var(--t3navy2) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 10px color-mix(in srgb, var(--t3blue-d) 30%, transparent) !important;
}

/* === Hint clarification pentru câmp obligatoriu === */
.form-returns-r {
  margin-top: 12px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  border-radius: 6px !important;
  line-height: 1.5 !important;
}

/* === SPRINT 2.6.5: Modale Auth (sign-in/sign-up/lost-password) === */
.t3d-auth-modal {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 99999 !important;
  display: none;
  overflow-y: auto !important;
  padding: 20px !important;
  box-sizing: border-box !important;
}
.t3d-auth-modal-overlay {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: rgba(0, 0, 0, 0.8) !important;
  z-index: 1 !important;
  cursor: pointer !important;
}
.t3d-auth-modal-inner {
  position: relative !important;
  background: var(--t3card) !important;
  max-width: 480px !important;
  margin: 5vh auto 5vh !important;
  padding: 36px 32px 28px !important;
  border-radius: 16px !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3) !important;
  z-index: 2 !important;
  animation: t3d-auth-modal-in 0.3s ease-out !important;
}
@keyframes t3d-auth-modal-in {
  from { opacity: 0; transform: translateY(-20px) scale(0.95); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
.t3d-auth-modal-close {
  position: absolute !important;
  right: 16px !important;
  top: 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  text-decoration: none !important;
  background: var(--t3bg) !important;
  transition: all .15s !important;
  z-index: 3 !important;
}
.t3d-auth-modal-close:hover {
  background: var(--t3line) !important;
  transform: rotate(90deg) !important;
}
.t3d-auth-modal-icon {
  width: 72px !important;
  height: 72px !important;
  background: var(--t3blue-bg) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 16px !important;
}
.t3d-auth-modal-title {
  text-align: center !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: var(--t3ink) !important;
  margin: 0 0 8px !important;
  line-height: 1.2 !important;
}
.t3d-auth-modal-subtitle {
  text-align: center !important;
  font-size: 14px !important;
  color: var(--t3muted) !important;
  margin: 0 0 24px !important;
  line-height: 1.4 !important;
}
.t3d-auth-form {
  max-width: 100% !important;
}
.t3d-auth-form .t3d-auth-field {
  margin-bottom: 14px !important;
  width: 100% !important;
}
.t3d-auth-form .t3d-auth-field label {
  display: block !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--t3txt) !important;
  margin-bottom: 6px !important;
}
.t3d-auth-form .t3d-auth-field input[type="email"],
.t3d-auth-form .t3d-auth-field input[type="password"],
.t3d-auth-form .t3d-auth-field input[type="text"] {
  width: 100% !important;
  padding: 12px 14px !important;
  border: 1.5px solid var(--t3line) !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  background: var(--t3card) !important;
  transition: border-color .15s !important;
  box-sizing: border-box !important;
}
.t3d-auth-form .t3d-auth-field input:focus {
  border-color: var(--t3blue-d) !important;
  outline: none !important;
}
.t3d-auth-pass-wrap {
  position: relative !important;
}
.t3d-auth-pass-wrap .pass-toggle {
  position: absolute !important;
  right: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background: none !important;
  border: none !important;
  cursor: pointer !important;
  padding: 4px !important;
  display: inline-flex !important;
  align-items: center !important;
  text-decoration: none !important;
}
.t3d-auth-checkbox label {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--t3txt) !important;
  cursor: pointer !important;
  margin-bottom: 0 !important;
}
.t3d-auth-checkbox input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
}
.t3d-auth-form button[type="submit"] {
  width: 100% !important;
  background: var(--t3blue-d) !important;
  color: var(--t3white) !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 14px 24px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: all .15s !important;
  box-shadow: 0 2px 6px color-mix(in srgb, var(--t3blue-d) 20%, transparent) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 48px !important;
}
.t3d-auth-form button[type="submit"]:hover {
  background: var(--t3navy2) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 10px color-mix(in srgb, var(--t3blue-d) 30%, transparent) !important;
}
.t3d-auth-form .form-returns {
  margin: 12px 0 0 !important;
  padding: 10px 14px !important;
  border-radius: 6px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-align: center !important;
  background: rgba(0, 0, 0, 0.05) !important;
  display: none;
}
.t3d-auth-form .form-returns:not(:empty) {
  display: block !important;
}
.t3d-auth-form .report {
  font-size: 12px !important;
  color: var(--t3red) !important;
  margin: 4px 0 0 !important;
  min-height: 16px !important;
}
.t3d-auth-links {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin-top: 20px !important;
  padding-top: 16px !important;
  border-top: 1px solid var(--t3line) !important;
  flex-wrap: wrap !important;
}
.t3d-auth-link {
  font-size: 13px !important;
  color: var(--t3ink) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: color .15s !important;
}
.t3d-auth-link:hover {
  color: var(--t3navy2) !important;
  text-decoration: underline !important;
}
.t3d-auth-divider {
  color: #c0c6cf !important;
  font-size: 12px !important;
}
/* Mobile responsive */
@media (max-width: 640px) {
  .t3d-auth-modal {
    padding: 12px !important;
  }
  .t3d-auth-modal-inner {
    padding: 28px 20px 22px !important;
    margin: 2vh auto !important;
    border-radius: 12px !important;
  }
  .t3d-auth-modal-icon {
    width: 60px !important;
    height: 60px !important;
  }
  .t3d-auth-modal-title {
    font-size: 20px !important;
  }
  .t3d-auth-modal-subtitle {
    font-size: 13px !important;
  }
  .t3d-auth-links {
    flex-direction: column !important;
    gap: 6px !important;
  }
  .t3d-auth-divider {
    display: none !important;
  }
}

/* === SPRINT 2.6.4: Mesaj global succes salvare - SUS sub card utilizator === */
.t3d-success-message-global {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  background: linear-gradient(135deg, var(--t3green-bg) 0%, var(--t3green-bg) 100%) !important;
  color: #1a6e3a !important;
  border: 2px solid var(--t3green) !important;
  border-radius: 12px !important;
  padding: 18px 24px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 12px color-mix(in srgb, var(--t3green) 15%, transparent) !important;
  margin: 0 0 18px !important;
  animation: t3d-slide-down-in 0.4s ease-out !important;
}
@keyframes t3d-slide-down-in {
  from { opacity: 0; transform: translateY(-20px); max-height: 0; padding-top: 0; padding-bottom: 0; }
  to { opacity: 1; transform: translateY(0); max-height: 200px; padding-top: 18px; padding-bottom: 18px; }
}
@keyframes t3d-slide-up-out {
  from { opacity: 1; transform: translateY(0); max-height: 200px; padding-top: 18px; padding-bottom: 18px; margin-bottom: 18px; }
  to { opacity: 0; transform: translateY(-20px); max-height: 0; padding-top: 0; padding-bottom: 0; margin-bottom: 0; }
}
.t3d-success-message-global > span {
  flex: 1 !important;
  line-height: 1.4 !important;
}
.t3d-success-message-global .t3d-success-close {
  margin-left: 10px !important;
  cursor: pointer !important;
  background: color-mix(in srgb, var(--t3green) 10%, transparent) !important;
  border: none !important;
  color: #1a6e3a !important;
  font-size: 22px !important;
  font-weight: bold !important;
  padding: 0 !important;
  line-height: 1 !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all .15s !important;
  flex-shrink: 0 !important;
}
.t3d-success-message-global .t3d-success-close:hover {
  background: color-mix(in srgb, var(--t3red) 15%, transparent) !important;
  color: var(--t3red) !important;
}

/* Ascund mesajul mic vechi "Details updated!" în engleză (acum afișăm cel global) */
.form-returns-r.t3d-hide-old-success {
  display: none !important;
}

/* === SPRINT 2.6.2: Welcome banner & Returning banner === */
.t3d-welcome-banner,
.t3d-returning-banner {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 18px 22px !important;
  border-radius: 12px !important;
  margin: 0 0 18px !important;
  animation: t3d-banner-fade-in 0.5s ease-out !important;
  box-shadow: 0 4px 12px color-mix(in srgb, var(--t3blue-d) 8%, transparent) !important;
}
.t3d-welcome-banner {
  background: linear-gradient(135deg, var(--t3green-bg) 0%, var(--t3green-bg) 100%) !important;
  border: 2px solid #5cb678 !important;
}
.t3d-returning-banner {
  background: linear-gradient(135deg, var(--t3blue-bg) 0%, var(--t3line) 100%) !important;
  border: 2px solid var(--t3blue-l) !important;
}
@keyframes t3d-banner-fade-in {
  from { opacity: 0; transform: translateY(-10px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes t3d-banner-fade-out {
  from { opacity: 1; transform: translateY(0); max-height: 200px; }
  to { opacity: 0; transform: translateY(-10px); max-height: 0; margin: 0; padding: 0; }
}
.t3d-welcome-emoji {
  font-size: 36px !important;
  line-height: 1 !important;
  flex-shrink: 0 !important;
}
.t3d-welcome-icon {
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  background: color-mix(in srgb, var(--t3green) 15%, transparent) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}
.t3d-welcome-content {
  flex: 1 !important;
  min-width: 0 !important;
}
.t3d-welcome-title {
  margin: 0 0 6px !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  color: var(--t3ink) !important;
  line-height: 1.3 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.t3d-welcome-text {
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: var(--t3txt) !important;
}
.t3d-returning-text {
  margin: 0 !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  color: var(--t3ink) !important;
  font-weight: 500 !important;
}
.t3d-returning-text strong {
  color: var(--t3ink) !important;
  font-weight: 700 !important;
}
.t3d-welcome-dismiss {
  background: var(--t3green) !important;
  color: var(--t3white) !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 10px 18px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
  transition: all .15s !important;
  box-shadow: 0 2px 6px color-mix(in srgb, var(--t3green) 20%, transparent) !important;
  white-space: nowrap !important;
}
.t3d-welcome-dismiss:hover {
  background: #1a6e3a !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 10px color-mix(in srgb, var(--t3green) 30%, transparent) !important;
}
/* Pentru returning banner - buton albastru */
.t3d-returning-banner .t3d-welcome-dismiss {
  background: var(--t3blue-d) !important;
  box-shadow: 0 2px 6px color-mix(in srgb, var(--t3blue-d) 20%, transparent) !important;
}
.t3d-returning-banner .t3d-welcome-dismiss:hover {
  background: var(--t3navy2) !important;
  box-shadow: 0 4px 10px color-mix(in srgb, var(--t3blue-d) 30%, transparent) !important;
}
/* Mobile responsive (≤640px) - layout vertical + titlu pe 2 rânduri OK */
@media (max-width: 640px) {
  .t3d-welcome-banner,
  .t3d-returning-banner {
    flex-direction: column !important;
    text-align: center !important;
    padding: 18px 16px !important;
  }
  .t3d-welcome-title {
    white-space: normal !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
  }
  .t3d-welcome-text {
    font-size: 13px !important;
  }
  .t3d-welcome-dismiss {
    width: 100% !important;
    padding: 12px 18px !important;
    font-size: 14px !important;
  }
}
/* Tablet (641-1023px) - titlul poate face 2 linii dacă necesar */
@media (min-width: 641px) and (max-width: 1023px) {
  .t3d-welcome-title {
    white-space: normal !important;
  }
}

/* === SPRINT 2.6.2: Mesaj engleză ASCUNS automat dacă profil complet === */
/* Selector strict: data-profile-complete="true" ascunde notice-ul */
.t3d-profile-wrap[data-profile-complete="true"] #t3d-lang-notice,
.t3d-profile-wrap[data-profile-complete="true"] #t3d-lang-notice-edit {
  display: none !important;
}
/* Badge verde apare doar când profil e complet */
.t3d-profile-wrap[data-profile-complete="true"] .t3d-profile-complete-badge {
  display: inline-flex !important;
}
.t3d-profile-wrap[data-profile-complete="false"] .t3d-profile-complete-badge {
  display: none !important;
}

/* === SPRINT 2.6.1: Profile Complete Badge === */
.t3d-profile-complete-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 16px !important;
  background: linear-gradient(135deg, var(--t3green-bg) 0%, var(--t3green-bg) 100%) !important;
  color: var(--t3green) !important;
  border: 1.5px solid #5cb678 !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  margin: 16px 0 !important;
  box-shadow: 0 1px 3px color-mix(in srgb, var(--t3green) 10%, transparent) !important;
}
.t3d-profile-complete-badge svg {
  flex-shrink: 0 !important;
}

/* CNP: stilurile au fost scoase (16-09-2026). Platforma nu mai cere CNP. */
/* === SPRINT 2.6: Tab Cont separare logout / ștergere === */
.t3d-account-wrap .t3d-card-logout {
  background: var(--t3d-white) !important;
  border: 1px solid var(--t3d-line) !important;
  border-radius: 10px !important;
  padding: 18px !important;
  margin-bottom: 16px !important;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--t3blue-d) 3%, transparent) !important;
}
.t3d-account-wrap .t3d-card-logout .t3d-card-header {
  display: flex !important;
  gap: 12px !important;
  align-items: flex-start !important;
  margin-bottom: 18px !important;
  padding-bottom: 14px !important;
  border-bottom: 1px dashed var(--t3d-line-dashed) !important;
}
.t3d-account-wrap .t3d-card-logout .t3d-card-icon {
  background: var(--t3orange-bg) !important;
}
.t3d-account-wrap .t3d-card-logout .t3d-logout-row {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}
@media (min-width: 640px) {
  .t3d-account-wrap .t3d-card-logout .t3d-logout-row {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
  }
}

/* === SPRINT 2.6.4: BUTOANE TAB CONT - uniformizate + poziționate identic === */
/* Container pentru fiecare card cu un buton la dreapta */
.t3d-account-wrap .t3d-card-pass-form,
.t3d-account-wrap .t3d-logout-row,
.t3d-account-wrap .t3d-danger-row {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}
@media (min-width: 640px) {
  /* Pe desktop: layout în 2 coloane, butoanele la dreapta */
  .t3d-account-wrap .t3d-logout-row,
  .t3d-account-wrap .t3d-danger-row {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;
  }
}

/* Butoane uniformizate - toate au aceeași dimensiune și aliniate la DREAPTA */
.t3d-account-wrap .t3d-card .t3d-btn,
.t3d-account-wrap .t3d-card button.t3d-btn,
.t3d-account-wrap .t3d-card a.t3d-btn {
  min-height: 44px !important;
  min-width: 180px !important;
  max-width: 220px !important;
  padding: 12px 24px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  line-height: 1.3 !important;
  text-align: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
}

/* Container card-uri Tab Cont: alignment de jos cu buton la dreapta */
.t3d-account-wrap .t3d-card form {
  display: flex !important;
  flex-direction: column !important;
}
.t3d-account-wrap .t3d-card form .t3d-card-actions,
.t3d-account-wrap .t3d-card form .t3d-form-actions,
.t3d-account-wrap .t3d-card .t3d-card-actions-pass,
.t3d-account-wrap .t3d-card .t3d-acc-actions {
  display: flex !important;
  justify-content: flex-end !important;
  margin-top: 16px !important;
  width: 100% !important;
}
/* Buton "Salvează parola" - alignment la dreapta + dimensiune standard */
.t3d-account-wrap .t3d-acc-actions button[type="submit"],
.t3d-account-wrap .t3d-acc-actions .t3d-btn,
.t3d-account-wrap form#t3d-password-form button[type="submit"],
.t3d-account-wrap #t3d-password-form .t3d-btn-primary {
  margin-left: auto !important;
  margin-right: 0 !important;
  align-self: flex-end !important;
  min-width: 180px !important;
  max-width: 220px !important;
  min-height: 44px !important;
  padding: 12px 24px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}
/* ANULEAZĂ t3d-btn-large pe butonul Salvează parola din Tab Cont */
.t3d-account-wrap .t3d-acc-actions .t3d-btn-large {
  min-height: 44px !important;
  min-width: 180px !important;
  padding: 12px 24px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

/* Logout row - buton la dreapta */
.t3d-account-wrap .t3d-card-logout .t3d-logout-row a.t3d-btn,
.t3d-account-wrap .t3d-card-logout .t3d-logout-row .t3d-btn {
  margin-left: auto !important;
}

/* Buton Șterge contul - MAI MIC pentru descurajare, dar aliniat la dreapta */
.t3d-account-wrap .t3d-card-danger .t3d-btn-danger,
.t3d-account-wrap .t3d-card-danger button.t3d-btn-danger,
.t3d-account-wrap .t3d-danger-row .t3d-btn-danger {
  min-height: 36px !important;
  min-width: 140px !important;
  max-width: 160px !important;
  padding: 8px 16px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  margin-left: auto !important;
}

/* === SPRINT 2.6.1: Bara putere parolă - ascunsă inițial === */
.t3d-account-wrap .t3d-pass-strength {
  display: none !important;
}
.t3d-account-wrap .t3d-pass-strength.t3d-strength-visible {
  display: flex !important;
}

/* === BARA PROGRES — desktop OLD (rămâne fără efect acum că am scos progress din identity-block) === */
@media (min-width: 1024px) {
  .t3d-identity-block .tm-box-decoration-secondary {
    /* Rămâne layout normal pe desktop (fără grid) */
  }
}

/* === SPRINT 2.6.1: Modal ștergere cont - avertizare aplicații/evenimente === */
.gd-account-model .t3d-modal-warning-box {
  display: flex !important;
  gap: 12px !important;
  align-items: flex-start !important;
  background: var(--t3orange-bg) !important;
  border-left: 4px solid #d97e1c !important;
  border-radius: 6px !important;
  padding: 14px 16px !important;
  margin: 12px 0 16px !important;
  text-align: left !important;
}
.gd-account-model .t3d-modal-warning-icon {
  flex-shrink: 0 !important;
  margin-top: 2px !important;
}
.gd-account-model .t3d-modal-warning-text {
  flex: 1 !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  color: var(--t3txt) !important;
}
.gd-account-model .t3d-modal-warning-text strong {
  color: #b16209 !important;
}
.gd-account-model .t3d-modal-warning-text ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 8px 0 !important;
}
.gd-account-model .t3d-modal-warning-text ul li {
  position: relative !important;
  padding-left: 18px !important;
  margin-bottom: 6px !important;
  line-height: 1.4 !important;
}
.gd-account-model .t3d-modal-warning-text ul li::before {
  content: "•" !important;
  position: absolute !important;
  left: 6px !important;
  top: 0 !important;
  color: #d97e1c !important;
  font-weight: bold !important;
}

/* ============================================================
 * SPRINT 2.7a — Tab "Eu și TED": stiluri statistici + badge-uri
 * ============================================================ */


/* =============== HEADER SECȚIUNE =============== */

/* =============== STATISTICI (4 CARDURI) =============== */
.t3d-stats-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 12px !important;
  margin-bottom: 36px !important;
}
.t3d-stat-card {
  border-radius: 12px !important;
  padding: 16px !important;
  border: 1px solid !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
  box-sizing: border-box !important;
}
.t3d-stat-card:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
}
.t3d-stat-icon-wrap {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 10px !important;
}
.t3d-stat-label {
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  margin-bottom: 4px !important;
}
.t3d-stat-value {
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}
.t3d-stat-value-date {
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}
.t3d-stat-hint {
  font-size: 11px !important;
  color: var(--t3muted) !important;
  margin-top: 4px !important;
}

/* Variante colorate */
.t3d-stat-card.t3d-stat-blue { background: var(--t3blue-bg) !important; border-color: var(--t3blue-l) !important; }
.t3d-stat-card.t3d-stat-blue .t3d-stat-icon-wrap { background: var(--t3blue) !important; }
.t3d-stat-card.t3d-stat-blue .t3d-stat-label,
.t3d-stat-card.t3d-stat-blue .t3d-stat-value,
.t3d-stat-card.t3d-stat-blue .t3d-stat-value-date { color: var(--t3ink) !important; }

.t3d-stat-card.t3d-stat-green { background: var(--t3green-bg) !important; border-color: #97c459 !important; }
.t3d-stat-card.t3d-stat-green .t3d-stat-icon-wrap { background: var(--t3green) !important; }
.t3d-stat-card.t3d-stat-green .t3d-stat-label,
.t3d-stat-card.t3d-stat-green .t3d-stat-value { color: #27500A !important; }

.t3d-stat-card.t3d-stat-amber { background: var(--t3amber-bg) !important; border-color: var(--t3orange) !important; }
.t3d-stat-card.t3d-stat-amber .t3d-stat-icon-wrap { background: #BA7517 !important; }
.t3d-stat-card.t3d-stat-amber .t3d-stat-label,
.t3d-stat-card.t3d-stat-amber .t3d-stat-value { color: #412402 !important; }

.t3d-stat-card.t3d-stat-purple { background: var(--t3violet-bg) !important; border-color: #AFA9EC !important; }
.t3d-stat-card.t3d-stat-purple .t3d-stat-icon-wrap { background: var(--t3violet) !important; }
.t3d-stat-card.t3d-stat-purple .t3d-stat-label,
.t3d-stat-card.t3d-stat-purple .t3d-stat-value { color: #26215C !important; }

/* Mobile: stats pe 2 coloane */
@media (max-width: 768px) {
  .t3d-stats-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }
  .t3d-stat-value { font-size: 24px !important; }
  .t3d-stat-value-date { font-size: 15px !important; }
}
@media (max-width: 400px) {
  .t3d-stats-grid {
    grid-template-columns: 1fr !important;
  }
}

/* =============== BADGE-URI =============== */
.t3d-badges-section {
  margin-bottom: 32px !important;
}
.t3d-badges-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 18px !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}
.t3d-badges-title {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: var(--t3ink) !important;
  margin: 0 !important;
}
.t3d-badges-counter {
  font-size: 12px !important;
  color: var(--t3muted) !important;
  font-weight: 600 !important;
  background: var(--t3bg) !important;
  padding: 4px 12px !important;
  border-radius: 12px !important;
  border: 1px solid var(--t3line) !important;
}

.t3d-badges-category {
  margin-bottom: 24px !important;
}
.t3d-badges-category-label {
  font-size: 11px !important;
  color: var(--t3muted) !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  font-weight: 700 !important;
  margin-bottom: 12px !important;
  padding-bottom: 6px !important;
  border-bottom: 1px solid var(--t3line2) !important;
}

.t3d-badges-grid {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 10px !important;
}

.t3d-badge-card {
  background: var(--t3card) !important;
  border: 2px solid #d3d1c7 !important;
  border-radius: 12px !important;
  padding: 14px 8px !important;
  text-align: center !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  position: relative !important;
  box-sizing: border-box !important;
  user-select: none !important;
}
.t3d-badge-card:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(0,0,0,0.08) !important;
}

.t3d-badge-unlocked {
  border-color: var(--badge-color, var(--t3blue)) !important;
  background: var(--t3card) !important;
}
.t3d-badge-locked {
  opacity: 0.55 !important;
  background: var(--t3card) !important;
  border-color: #d3d1c7 !important;
}
.t3d-badge-locked:hover {
  opacity: 0.75 !important;
}

.t3d-badge-icon-circle {
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 8px !important;
  background: var(--badge-bg, var(--t3card)) !important;
  transition: transform 0.2s ease !important;
}
.t3d-badge-locked .t3d-badge-icon-circle {
  background: var(--t3card) !important;
}
.t3d-badge-card:hover .t3d-badge-icon-circle {
  transform: scale(1.08) !important;
}

.t3d-badge-name {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: var(--t3ink) !important;
  line-height: 1.25 !important;
  margin: 0 !important;
}
.t3d-badge-locked .t3d-badge-name {
  color: var(--t3muted) !important;
}

.t3d-badge-hint {
  font-size: 9px !important;
  color: #888780 !important;
  margin-top: 3px !important;
  line-height: 1.3 !important;
}

/* Mobile: 3 pe rând, apoi 2 */
@media (max-width: 768px) {
  .t3d-badges-grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
@media (max-width: 480px) {
  .t3d-badges-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
  }
  .t3d-badge-card { padding: 12px 6px !important; }
  .t3d-badge-icon-circle { width: 44px !important; height: 44px !important; }
}

/* =============== MODAL BADGE DETAIL =============== */
.t3d-badge-modal {
  position: fixed !important;
  top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
  width: 100% !important; height: 100% !important;
  z-index: 99999 !important;
  display: none;
}
.t3d-badge-modal[style*="display: block"] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 20px !important;
  box-sizing: border-box !important;
}
.t3d-badge-modal-overlay {
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
  background: rgba(0, 0, 0, 0.7) !important;
  cursor: pointer !important;
}
.t3d-badge-modal-inner {
  position: relative !important;
  background: var(--t3card) !important;
  max-width: 380px !important;
  width: 100% !important;
  border-radius: 16px !important;
  padding: 32px 28px 24px !important;
  text-align: center !important;
  z-index: 2 !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.4) !important;
  animation: t3d-modal-pop 0.25s ease-out !important;
}
@keyframes t3d-modal-pop {
  from { opacity: 0; transform: scale(0.92); }
  to { opacity: 1; transform: scale(1); }
}
.t3d-badge-modal-close {
  position: absolute !important;
  top: 12px !important;
  right: 14px !important;
  background: transparent !important;
  border: none !important;
  font-size: 28px !important;
  color: var(--t3muted) !important;
  cursor: pointer !important;
  width: 32px !important;
  height: 32px !important;
  line-height: 1 !important;
  padding: 0 !important;
  border-radius: 50% !important;
  transition: background 0.15s ease !important;
}
.t3d-badge-modal-close:hover {
  background: var(--t3bg) !important;
}

.t3d-badge-modal-icon-circle {
  width: 96px !important;
  height: 96px !important;
  border-radius: 50% !important;
  border: 3px solid var(--t3blue) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 18px !important;
  background: var(--t3blue-bg) !important;
}
.t3d-badge-modal-icon-circle svg {
  width: 48px !important;
  height: 48px !important;
}

.t3d-badge-modal-name {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: var(--t3ink) !important;
  margin: 0 0 8px !important;
}
.t3d-badge-modal-status {
  display: inline-block !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 4px 14px !important;
  border-radius: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  margin-bottom: 16px !important;
}
.t3d-badge-modal-status-unlocked {
  background: var(--t3green-bg) !important;
  color: var(--t3green) !important;
}
.t3d-badge-modal-status-locked {
  background: var(--t3card) !important;
  color: var(--t3muted) !important;
}
.t3d-badge-modal-hint {
  font-size: 14px !important;
  color: var(--t3muted) !important;
  line-height: 1.5 !important;
  background: var(--t3bg) !important;
  border-radius: 10px !important;
  padding: 14px 16px !important;
  border: 1px dashed var(--t3line) !important;
}

/* =============== COMING SOON CARD =============== */


/* ============================================================
 * SPRINT 2.7.2 HOTFIX — Ascund honeypot Website + fix modal mobile
 * ============================================================ */

/* Honeypot-ul Website trebuie să fie INVIZIBIL pentru utilizatori
 * (e doar pentru detectare boti - dacă-l completează un bot, refuzăm submit-ul).
 * Folosim "position: absolute + left: -9999px" în loc de display: none
 * pentru că unele bot-uri detectează display: none și ignoră câmpul. */
.t3d-honeypot-wrap {
  position: absolute !important;
  left: -9999px !important;
  top: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.t3d-honeypot-wrap label,
.t3d-honeypot-wrap input {
  position: absolute !important;
  left: -9999px !important;
  visibility: hidden !important;
}

/* Modal auth - FIX UNIVERSAL pentru toate rezoluțiile
 * Modal-ul trebuie să se încadreze în înălțimea ecranului indiferent de cât e
 * Folosim flex center + max-height + overflow-y: auto pe inner pentru scroll intern */
.t3d-auth-modal {
  display: none;
}
.t3d-auth-modal[style*="display: block"],
.t3d-auth-modal[style*="display:block"] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 16px !important;
}
.t3d-auth-modal-inner {
  margin: 0 auto !important;
  max-height: calc(100vh - 32px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

/* Form-ul intern și toate fieldurile - 100% width, no overflow */
.t3d-auth-modal-inner .t3d-auth-form,
.t3d-auth-modal-inner .gd-single-input,
.t3d-auth-modal-inner .t3d-auth-field {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
.t3d-auth-modal-inner input,
.t3d-auth-modal-inner select,
.t3d-auth-modal-inner textarea,
.t3d-auth-modal-inner button {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Linkurile de jos (Ai uitat parola? / Nu ai cont?) - asigur că rămân în modal */
.t3d-auth-modal-inner .t3d-auth-links {
  width: 100% !important;
  box-sizing: border-box !important;
  position: static !important;
  float: none !important;
}
.t3d-auth-modal-inner .t3d-auth-link {
  display: inline-block !important;
  position: static !important;
  float: none !important;
}

/* Pe ecrane joase (sub 800px înălțime) reducem padding să încapă mai bine */
@media (max-height: 800px) {
  .t3d-auth-modal-inner {
    padding: 24px 24px 20px !important;
  }
  .t3d-auth-modal-title {
    font-size: 20px !important;
    margin-bottom: 4px !important;
  }
  .t3d-auth-modal-subtitle {
    font-size: 13px !important;
    margin-bottom: 14px !important;
  }
  .t3d-auth-modal-icon {
    width: 56px !important;
    height: 56px !important;
    margin-bottom: 10px !important;
  }
}
@media (max-height: 650px) {
  .t3d-auth-modal-inner {
    padding: 20px 20px 16px !important;
  }
  .t3d-auth-modal-icon {
    width: 48px !important;
    height: 48px !important;
  }
}


/* ============================================================
 * SPRINT 2.7.3 HOTFIX — CSS lipsa pentru checkbox "Nu sunt robot"
 * (HTML-ul .t3d-arb-* exista in functions.php dar n-avea stiluri)
 * ============================================================ */

/* Container exterior */
.t3d-arb-wrap {
  margin: 14px 0 18px !important;
  box-sizing: border-box !important;
}

/* Rândul în care apar: pătrat checkbox + text + logo TED */
.t3d-arb-row {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px 16px !important;
  background: var(--t3bg) !important;
  border: 1.5px solid var(--t3line) !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  user-select: none !important;
  box-sizing: border-box !important;
}
.t3d-arb-row:hover {
  border-color: var(--t3blue-l) !important;
  background: var(--t3blue-bg) !important;
}
.t3d-arb-row:focus,
.t3d-arb-row:focus-visible {
  outline: 2px solid var(--t3blue) !important;
  outline-offset: 2px !important;
}

/* Pătratul checkbox (în stânga, alb cu border) */
.t3d-arb-box {
  flex-shrink: 0 !important;
  width: 26px !important;
  height: 26px !important;
  background: var(--t3card) !important;
  border: 2px solid var(--t3line) !important;
  border-radius: 4px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.2s ease !important;
}

/* SVG-ul cu bifa albă - ASCUNS implicit, apare la "checked" */
.t3d-arb-check {
  opacity: 0 !important;
  transform: scale(0.5) !important;
  transition: all 0.2s ease !important;
}

/* Textul "Nu sunt robot" */
.t3d-arb-text {
  flex: 1 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--t3ink) !important;
  font-family: inherit !important;
  line-height: 1.3 !important;
}

/* Logo TED în dreapta (cerc + text "TED") */
.t3d-arb-logo {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  flex-shrink: 0 !important;
}
.t3d-arb-logo svg {
  display: block !important;
}
.t3d-arb-logo-text {
  font-size: 9px !important;
  font-weight: 700 !important;
  color: var(--t3blue) !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
}

/* STAREA CHECKED — apare după ce utilizatorul a dat click */
.t3d-arb-row.t3d-arb-checked,
.t3d-arb-row[aria-checked="true"] {
  background: var(--t3green-bg) !important;
  border-color: var(--t3green) !important;
  cursor: default !important;
}
.t3d-arb-row.t3d-arb-checked .t3d-arb-box,
.t3d-arb-row[aria-checked="true"] .t3d-arb-box {
  background: var(--t3green) !important;
  border-color: var(--t3green) !important;
}
.t3d-arb-row.t3d-arb-checked .t3d-arb-check,
.t3d-arb-row[aria-checked="true"] .t3d-arb-check {
  opacity: 1 !important;
  transform: scale(1) !important;
}
.t3d-arb-row.t3d-arb-checked .t3d-arb-text,
.t3d-arb-row[aria-checked="true"] .t3d-arb-text {
  color: var(--t3green) !important;
}

/* Pe ecrane mai mici reducem dimensiunea */
@media (max-width: 480px) {
  .t3d-arb-row {
    padding: 10px 12px !important;
    gap: 10px !important;
  }
  .t3d-arb-text {
    font-size: 14px !important;
  }
  .t3d-arb-box {
    width: 22px !important;
    height: 22px !important;
  }
}


/* ============================================================
 * SPRINT 2.7a — Badge "BETA" lang tab "Eu si TED" (admin only)
 * ============================================================ */
.t3d-tab-admin-only {
  position: relative !important;
}
.t3d-tab-beta-badge {
  display: inline-block !important;
  background: var(--t3orange) !important;
  color: var(--t3white) !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  padding: 2px 6px !important;
  border-radius: 8px !important;
  margin-left: 6px !important;
  vertical-align: middle !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

/* Pe mobile, badge-ul BETA mai mic ca să încapă */
@media (max-width: 768px) {
  .t3d-tab-beta-badge {
    font-size: 8px !important;
    padding: 1px 4px !important;
    margin-left: 4px !important;
  }
}


/* ============================================================
 * SPRINT 2.7a v2 REDESIGN — Hartă globală + statistici cool + header gradient
 * Pentru toti utilizatorii. Stil modern gen Z, NU corporativ.
 * ============================================================ */

/* =============== HEADER GRADIENT EROIC =============== */
@keyframes t3d-plane-fly {
  0%, 100% { transform: translateX(0) translateY(0); }
  50% { transform: translateX(6px) translateY(-3px); }
}
@keyframes t3d-spin {
  to { transform: rotate(360deg); }
}

/* =============== STATISTICI V2 (3 CARDURI COLORATE COOL) =============== */
.t3d-stats-grid-v2 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 12px !important;
  margin-bottom: 24px !important;
}

.t3d-stat-card-v2 {
  position: relative !important;
  border-radius: 14px !important;
  padding: 18px 14px !important;
  text-align: center !important;
  border: 1px solid !important;
  overflow: hidden !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
  box-sizing: border-box !important;
}
.t3d-stat-card-v2:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 20px rgba(0,0,0,0.08) !important;
}
.t3d-stat-card-bg-emoji {
  position: absolute !important;
  top: -10px !important;
  right: -10px !important;
  font-size: 55px !important;
  opacity: 0.15 !important;
  pointer-events: none !important;
  line-height: 1 !important;
}
.t3d-stat-card-label {
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  margin-bottom: 4px !important;
  position: relative !important;
  z-index: 2 !important;
}
.t3d-stat-card-value {
  font-size: 32px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  margin-bottom: 4px !important;
  position: relative !important;
  z-index: 2 !important;
}
.t3d-stat-card-hint {
  font-size: 11px !important;
  font-weight: 600 !important;
  position: relative !important;
  z-index: 2 !important;
}

/* Variante colorate v2 */
.t3d-stat-amber-v2 {
  background: linear-gradient(135deg, var(--t3orange-bg), var(--t3amber-bg)) !important;
  border-color: var(--t3orange-ln) !important;
}
.t3d-stat-amber-v2 .t3d-stat-card-label { color: var(--t3amber) !important; }
.t3d-stat-amber-v2 .t3d-stat-card-value { color: #412402 !important; }
.t3d-stat-amber-v2 .t3d-stat-card-hint { color: var(--t3amber) !important; }

.t3d-stat-blue-v2 {
  background: linear-gradient(135deg, var(--t3blue-bg), var(--t3blue-bg)) !important;
  border-color: var(--t3blue-l) !important;
}
.t3d-stat-blue-v2 .t3d-stat-card-label { color: var(--t3blue-d) !important; }
.t3d-stat-blue-v2 .t3d-stat-card-value { color: #042C53 !important; }
.t3d-stat-blue-v2 .t3d-stat-card-hint { color: var(--t3blue-d) !important; }

.t3d-stat-green-v2 {
  background: linear-gradient(135deg, var(--t3green-bg), var(--t3green-bg)) !important;
  border-color: #97c459 !important;
}
.t3d-stat-green-v2 .t3d-stat-card-label { color: #27500A !important; }
.t3d-stat-green-v2 .t3d-stat-card-value { color: #173404 !important; }
.t3d-stat-green-v2 .t3d-stat-card-hint { color: #27500A !important; }

/* Mobile stats v2 */
@media (max-width: 600px) {
  .t3d-stats-grid-v2 {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 8px !important;
  }
  .t3d-stat-card-v2 { padding: 14px 8px !important; }
  .t3d-stat-card-value { font-size: 24px !important; }
  .t3d-stat-card-label { font-size: 10px !important; }
  .t3d-stat-card-hint { font-size: 10px !important; }
  .t3d-stat-card-bg-emoji { font-size: 42px !important; }
}
@media (max-width: 380px) {
  .t3d-stats-grid-v2 {
    grid-template-columns: 1fr !important;
  }
}

/* =============== CARD MEMBRU =============== */
.t3d-member-card {
  background: var(--t3card) !important;
  border-radius: 14px !important;
  padding: 16px 20px !important;
  border: 1px solid var(--t3line2) !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  margin-bottom: 20px !important;
}
.t3d-member-card-icon {
  width: 54px !important;
  height: 54px !important;
  background: linear-gradient(135deg, var(--t3blue), var(--t3blue-h)) !important;
  border-radius: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 28px !important;
  flex-shrink: 0 !important;
}
.t3d-member-card-info {
  flex: 1 !important;
  min-width: 0 !important;
}
.t3d-member-card-title {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--t3ink) !important;
  margin-bottom: 3px !important;
}
.t3d-member-card-hint {
  font-size: 12px !important;
  color: var(--t3muted) !important;
  line-height: 1.4 !important;
}

/* =============== COMING SOON V2 =============== */

/* =============== ICONIȚE TABS NOI (MAI MODERNE) =============== */
/* Iconițele SVG noi sunt mai mari (20px), au stil mai cool */
.tablinks .t3d-tab-icon {
  width: 20px !important;
  height: 20px !important;
  flex-shrink: 0 !important;
  transition: transform 0.2s ease !important;
}
.tablinks:hover .t3d-tab-icon {
  transform: scale(1.1) !important;
}
.tablinks.active .t3d-tab-icon {
  transform: scale(1.05) !important;
}

/* Pe mobile, hide text și show doar iconițe pentru economia spațiului */
@media (max-width: 600px) {
  .t3d-member-card {
    padding: 14px 16px !important;
  }
  .t3d-member-card-icon {
    width: 48px !important;
    height: 48px !important;
    font-size: 24px !important;
  }
}

/* Stiluri pentru țări pe hartă */
.t3d-country-path {
  fill: var(--t3white) !important;
  stroke: #c8d6e2 !important;
  stroke-width: 0.4 !important;
  cursor: pointer !important;
  transition: fill 0.15s ease, stroke-width 0.15s ease !important;
  vector-effect: non-scaling-stroke !important;
}
.t3d-country-home {
  fill: var(--t3green) !important;
  stroke: var(--t3green) !important;
}
.t3d-country-ted {
  fill: var(--t3blue) !important;
  stroke: var(--t3blue-h) !important;
}
.t3d-country-manual {
  fill: var(--t3orange) !important;
  stroke: #BA7517 !important;
}
.t3d-country-hover {
  stroke: var(--t3blue-d) !important;
  stroke-width: 1.2 !important;
  filter: brightness(1.15) !important;
}
@keyframes t3d-spin-v3 {
  to { transform: rotate(360deg); }
}
.t3d-tag-home { background: var(--t3green) !important; color: var(--t3white) !important; }
.t3d-tag-ted { background: var(--t3blue) !important; color: var(--t3white) !important; }
.t3d-tag-manual { background: var(--t3orange) !important; color: var(--t3white) !important; }
.t3d-legend-home { background: var(--t3green) !important; border: 1px solid var(--t3green) !important; }
.t3d-legend-ted { background: var(--t3blue) !important; border: 1px solid var(--t3blue-h) !important; }
.t3d-legend-manual { background: var(--t3orange) !important; border: 1px solid #BA7517 !important; }
.t3d-legend-empty { background: var(--t3card) !important; border: 1px solid #c8d6e2 !important; }

/* =============== STATISTICI v3 (SIMPLE, CONSISTENTE) =============== */
.t3d-stats-grid-v3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 12px !important;
  margin-bottom: 20px !important;
}
.t3d-stat-card-v3 {
  background: var(--t3card) !important;
  border: 1px solid var(--t3line2) !important;
  border-radius: 8px !important;
  padding: 14px 16px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  transition: border-color 0.15s, box-shadow 0.15s !important;
}
.t3d-stat-card-v3:hover {
  border-color: var(--t3blue-l) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
}
.t3d-stat-card-icon-v3 {
  width: 38px !important;
  height: 38px !important;
  background: var(--t3blue-bg) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}
.t3d-stat-card-info-v3 {
  flex: 1 !important;
  min-width: 0 !important;
}
.t3d-stat-card-value-v3 {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: var(--t3ink) !important;
  line-height: 1 !important;
  margin-bottom: 2px !important;
}
.t3d-stat-card-label-v3 {
  font-size: 12px !important;
  color: var(--t3muted) !important;
  font-weight: 500 !important;
}

/* Mobile stats */
@media (max-width: 600px) {
  .t3d-stats-grid-v3 {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }
}

/* =============== CARD MEMBRU v3 (consistent) =============== */
.t3d-member-card-v3 {
  background: var(--t3card) !important;
  border: 1px solid var(--t3line2) !important;
  border-radius: 8px !important;
  padding: 14px 16px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 16px !important;
}
.t3d-member-card-icon-v3 {
  width: 40px !important;
  height: 40px !important;
  background: var(--t3blue-bg) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}
.t3d-member-card-info-v3 {
  flex: 1 !important;
  min-width: 0 !important;
}
.t3d-member-card-title-v3 {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--t3ink) !important;
  margin-bottom: 2px !important;
}
.t3d-member-card-hint-v3 {
  font-size: 12px !important;
  color: var(--t3muted) !important;
}

/* ===== ICONIȚE TABURI: CONSISTENȚĂ DESKTOP & MOBILE ===== */
/* Pe DESKTOP iconițele și textul trebuie sa fie mai consistente, gen mobile */
.t3d-tabs {
  /* Container taburi consistent */
  background: var(--t3card) !important;
}
.t3d-tabs .tablinks {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 14px 12px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.2px !important;
  color: var(--t3muted) !important;
  border: none !important;
  background: transparent !important;
  cursor: pointer !important;
  transition: color 0.15s, background 0.15s !important;
  position: relative !important;
}
.t3d-tabs .tablinks:hover {
  color: var(--t3blue) !important;
  background: var(--t3card) !important;
}
.t3d-tabs .tablinks.active {
  color: var(--t3blue) !important;
  background: var(--t3card) !important;
  font-weight: 700 !important;
}
.t3d-tabs .tablinks.active::after {
  content: '' !important;
  position: absolute !important;
  bottom: -1px !important;
  left: 0 !important;
  right: 0 !important;
  height: 3px !important;
  background: var(--t3blue) !important;
  border-radius: 3px 3px 0 0 !important;
}
.t3d-tabs .tablinks .t3d-tab-icon {
  width: 20px !important;
  height: 20px !important;
  flex-shrink: 0 !important;
  display: inline-block !important;
  vertical-align: middle !important;
}
.t3d-tabs .tablinks span {
  display: inline-block !important;
  vertical-align: middle !important;
  font-size: 14px !important;
  white-space: nowrap !important;
}

/* Mobile: text mai mic, păstrăm iconițe */
@media (max-width: 600px) {
  .t3d-tabs .tablinks {
    padding: 12px 6px !important;
    gap: 4px !important;
    flex-direction: column !important;
  }
  .t3d-tabs .tablinks span {
    font-size: 11px !important;
  }
  .t3d-tabs .tablinks .t3d-tab-icon {
    width: 22px !important;
    height: 22px !important;
  }
}


/* ============================================================
 * SPRINT 2.7a v3.3 — TABURI TRANSPARENT + PIN-URI + POPUP + PROGRES APPS
 * ============================================================ */

/* ===== TABURI FUNDAL TRANSPARENT (cerință user) ===== */
.t3d-tabs {
  background: transparent !important;
}
.t3d-tabs .tablinks {
  background: transparent !important;
}
.t3d-tabs .tablinks:hover {
  background: color-mix(in srgb, var(--t3blue) 6%, transparent) !important;
  color: var(--t3blue) !important;
}
.t3d-tabs .tablinks.active {
  background: transparent !important;
  color: var(--t3blue) !important;
}

/* ===== TAG URGENT (Ultima zi!) ===== */
.t3d-tag-urgent {
  background: var(--t3orange) !important;
  color: var(--t3white) !important;
}

/* ===== PIN-URI PE HARTĂ (v3.3) ===== */
.t3d-event-pin {
  cursor: pointer !important;
  vector-effect: non-scaling-stroke !important;
  transition: r 0.15s ease !important;
}
.t3d-event-pin-open {
  fill: var(--t3green) !important;
  stroke: var(--t3white) !important;
  stroke-width: 2 !important;
}
.t3d-event-pin-urgent {
  fill: var(--t3orange) !important;
  stroke: var(--t3white) !important;
  stroke-width: 2 !important;
}

/* Pulse animation pe pin-uri (atrage atenția) */
.t3d-event-pin-pulse {
  fill: transparent !important;
  stroke-width: 1.5 !important;
  vector-effect: non-scaling-stroke !important;
  animation: t3d-pin-pulse 2s ease-out infinite !important;
  opacity: 0 !important;
}
.t3d-event-pin-pulse-open {
  stroke: var(--t3green) !important;
}
.t3d-event-pin-pulse-urgent {
  stroke: var(--t3orange) !important;
  animation-duration: 1.2s !important; /* mai rapid pentru urgent */
}
@keyframes t3d-pin-pulse {
  0% { opacity: 0.8; r: 5; }
  100% { opacity: 0; r: 18; }
}

/* ===== POPUP PIN EVENIMENT (v3.3) ===== */
.t3d-pin-popup {
  position: absolute !important;
  background: var(--t3card) !important;
  border: 1px solid var(--t3line) !important;
  border-radius: 8px !important;
  padding: 14px 16px !important;
  z-index: 12 !important;
  min-width: 240px !important;
  max-width: 280px !important;
  box-shadow: 0 6px 18px rgba(0,0,0,0.15) !important;
}
.t3d-pin-popup-close {
  position: absolute !important;
  top: 6px !important;
  right: 8px !important;
  width: 22px !important;
  height: 22px !important;
  background: transparent !important;
  border: none !important;
  font-size: 20px !important;
  line-height: 1 !important;
  color: #888 !important;
  cursor: pointer !important;
  padding: 0 !important;
  border-radius: 50% !important;
}
.t3d-pin-popup-close:hover {
  background: var(--t3bg) !important;
  color: var(--t3ink) !important;
}
.t3d-pin-popup-badge {
  display: inline-block !important;
  padding: 3px 10px !important;
  border-radius: 4px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  margin-bottom: 8px !important;
}
.t3d-pin-popup-badge-open {
  background: var(--t3green) !important;
  color: var(--t3white) !important;
}
.t3d-pin-popup-badge-urgent {
  background: var(--t3orange) !important;
  color: var(--t3white) !important;
}
.t3d-pin-popup-title {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--t3ink) !important;
  line-height: 1.3 !important;
  margin-bottom: 8px !important;
  padding-right: 22px !important;
}
.t3d-pin-popup-meta {
  font-size: 12px !important;
  color: var(--t3muted) !important;
  margin-bottom: 12px !important;
  line-height: 1.6 !important;
}
.t3d-pin-popup-meta > div {
  margin-bottom: 2px !important;
}
.t3d-pin-popup-deadline {
  color: var(--t3orange) !important;
  font-weight: 600 !important;
}
.t3d-pin-popup-cta {
  display: block !important;
  background: var(--t3blue) !important;
  color: var(--t3white) !important;
  border: none !important;
  padding: 9px 14px !important;
  border-radius: 6px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  width: 100% !important;
  text-align: center !important;
  text-decoration: none !important;
  transition: background 0.15s !important;
  box-sizing: border-box !important;
}
.t3d-pin-popup-cta:hover {
  background: var(--t3blue-h) !important;
  color: var(--t3white) !important;
  text-decoration: none !important;
}

/* ===== MINI-BAR PROGRES APLICAȚII (v3.3) ===== */
.t3d-apps-progress-section {
  order: 3 !important; /* Între member-card și hartă */
  background: var(--t3card) !important;
  border: 1px solid var(--t3line2) !important;
  border-radius: 8px !important;
  padding: 16px 18px !important;
  margin-bottom: 16px !important;
}

.t3d-apps-progress-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 12px !important;
}
.t3d-apps-progress-title {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--t3ink) !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.t3d-apps-progress-total {
  font-size: 12px !important;
  color: var(--t3blue) !important;
  background: var(--t3blue-bg) !important;
  padding: 3px 10px !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
}

/* Bar segmente */
.t3d-apps-progress-bar {
  display: flex !important;
  width: 100% !important;
  height: 10px !important;
  border-radius: 5px !important;
  overflow: hidden !important;
  background: var(--t3bg) !important;
  margin-bottom: 10px !important;
}
.t3d-apps-bar-segment {
  height: 100% !important;
  transition: width 0.3s ease !important;
}
.t3d-apps-bar-accepted { background: var(--t3green) !important; }
.t3d-apps-bar-review { background: var(--t3blue) !important; }
.t3d-apps-bar-pending { background: var(--t3orange) !important; }
.t3d-apps-bar-rejected { background: var(--t3red) !important; }

/* Legendă progres */
.t3d-apps-progress-legend {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
}
.t3d-apps-legend-item {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 12px !important;
  color: var(--t3muted) !important;
}
.t3d-apps-legend-item strong {
  color: var(--t3ink) !important;
  font-weight: 700 !important;
}
.t3d-apps-legend-dot {
  width: 10px !important;
  height: 10px !important;
  border-radius: 3px !important;
  display: inline-block !important;
  flex-shrink: 0 !important;
}
.t3d-apps-dot-accepted { background: var(--t3green) !important; }
.t3d-apps-dot-review { background: var(--t3blue) !important; }
.t3d-apps-dot-pending { background: var(--t3orange) !important; }
.t3d-apps-dot-rejected { background: var(--t3red) !important; }

@media (max-width: 600px) {
  .t3d-apps-progress-section { padding: 12px 14px !important; }
  .t3d-apps-progress-legend { gap: 8px !important; }
  .t3d-apps-legend-item { font-size: 11px !important; }
}


/* ============================================================
 * SPRINT 2.7a v3.3.1 — REDESIGN MARKETER-DRIVEN
 * Ierarhie clară: CTA hero → Stats compacte → Apps emoționale → 
 * Hartă (exploration) → Member compact → Coming soon
 * ============================================================ */

/* ===== NOUĂ ORDINE VIZUALĂ (CTA HERO sus, hartă jos) ===== */
/* Dezactivez order-ul vechi al t3d-apps-progress-section (e înlocuit) */

/* ===== HERO CTA — PROMINENT, ACȚIONABIL ===== */
.t3d-hero-cta {
  background: linear-gradient(135deg, var(--t3bg) 0%, var(--t3card) 100%) !important;
  border: 1px solid var(--t3line) !important;
  border-left: 4px solid var(--t3blue) !important;
  border-radius: 10px !important;
  padding: 16px 20px !important;
  margin-bottom: 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
}
.t3d-hero-cta-content {
  flex: 1 !important;
  min-width: 220px !important;
}
.t3d-hero-cta-label {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: var(--t3orange) !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  margin-bottom: 4px !important;
}
.t3d-hero-cta-title {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: var(--t3ink) !important;
  margin-bottom: 4px !important;
  line-height: 1.25 !important;
}
.t3d-hero-cta-subtitle {
  font-size: 13px !important;
  color: var(--t3muted) !important;
  line-height: 1.4 !important;
}
.t3d-hero-cta-btn {
  background: var(--t3blue) !important;
  color: var(--t3white) !important;
  border: none !important;
  padding: 12px 22px !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  transition: background 0.15s, transform 0.15s !important;
}
.t3d-hero-cta-btn:hover {
  background: var(--t3blue-h) !important;
  color: var(--t3white) !important;
  text-decoration: none !important;
  transform: translateY(-1px) !important;
}

@media (max-width: 600px) {
  .t3d-hero-cta {
    padding: 14px 16px !important;
  }
  .t3d-hero-cta-title {
    font-size: 16px !important;
  }
  .t3d-hero-cta-btn {
    width: 100% !important;
    justify-content: center !important;
    padding: 11px 18px !important;
  }
}

/* ===== STATS GRID COMPACT (mai mici, mai dense - sunt date secundare) ===== */
.t3d-stats-grid-compact .t3d-stat-card-v3 {
  padding: 10px 12px !important;
  gap: 10px !important;
}
.t3d-stats-grid-compact .t3d-stat-card-icon-v3 {
  width: 32px !important;
  height: 32px !important;
}
.t3d-stats-grid-compact .t3d-stat-card-value-v3 {
  font-size: 18px !important;
}
.t3d-stats-grid-compact .t3d-stat-card-label-v3 {
  font-size: 11px !important;
}

/* ===== APLICAȚII — DESIGN EMOȚIONAL ===== */
.t3d-apps-status-section {
  background: var(--t3card) !important;
  border: 1px solid var(--t3line2) !important;
  border-radius: 8px !important;
  padding: 16px 18px !important;
  margin-bottom: 16px !important;
}
.t3d-apps-status-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 12px !important;
}
.t3d-apps-status-title {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--t3ink) !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.t3d-apps-status-link {
  font-size: 12px !important;
  color: var(--t3blue) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}
.t3d-apps-status-link:hover {
  color: var(--t3blue-h) !important;
  text-decoration: underline !important;
}

/* Carduri cu stare emoțională */
.t3d-apps-status-cards {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
  gap: 10px !important;
  margin-bottom: 0 !important;
}
.t3d-app-status-card {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 12px 14px !important;
  border-radius: 8px !important;
  border: 1px solid !important;
}
.t3d-app-status-card-number {
  width: 34px !important;
  height: 34px !important;
  border-radius: 7px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--t3white) !important;
  flex-shrink: 0 !important;
}
.t3d-app-status-card-info {
  flex: 1 !important;
  min-width: 0 !important;
}
.t3d-app-status-card-label {
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  margin-bottom: 2px !important;
}
.t3d-app-status-card-hint {
  font-size: 11px !important;
  color: var(--t3muted) !important;
  line-height: 1.3 !important;
}

/* Variante colorate carduri */
.t3d-app-status-accepted {
  background: var(--t3green-bg) !important;
  border-color: var(--t3green-ln) !important;
}
.t3d-app-status-accepted .t3d-app-status-card-number {
  background: var(--t3green) !important;
}
.t3d-app-status-accepted .t3d-app-status-card-label {
  color: var(--t3green) !important;
}

.t3d-app-status-review {
  background: var(--t3blue-bg) !important;
  border-color: #b8dff4 !important;
}
.t3d-app-status-review .t3d-app-status-card-number {
  background: var(--t3blue) !important;
}
.t3d-app-status-review .t3d-app-status-card-label {
  color: var(--t3blue-d) !important;
}

.t3d-app-status-pending {
  background: var(--t3orange-bg) !important;
  border-color: var(--t3orange-ln) !important;
}
.t3d-app-status-pending .t3d-app-status-card-number {
  background: var(--t3orange) !important;
}
.t3d-app-status-pending .t3d-app-status-card-label {
  color: var(--t3amber) !important;
}

/* Empty state (când doar refuzate) */
.t3d-apps-status-empty {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 12px 14px !important;
  background: var(--t3card) !important;
  border: 1px dashed var(--t3line) !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  color: var(--t3muted) !important;
  flex-wrap: wrap !important;
}
.t3d-apps-status-empty-icon {
  font-size: 18px !important;
}
.t3d-apps-status-empty-cta {
  color: var(--t3blue) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  margin-left: auto !important;
}
.t3d-apps-status-empty-cta:hover {
  color: var(--t3blue-h) !important;
  text-decoration: underline !important;
}

/* Footer link discret pentru istoric refuzate */
.t3d-apps-status-footer {
  margin-top: 10px !important;
  padding-top: 10px !important;
  border-top: 1px dashed var(--t3line2) !important;
  text-align: right !important;
}
.t3d-apps-status-footer-link {
  font-size: 11px !important;
  color: #888 !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}
.t3d-apps-status-footer-link:hover {
  color: var(--t3muted) !important;
  text-decoration: underline !important;
}
.t3d-apps-status-footer-dot {
  width: 6px !important;
  height: 6px !important;
  background: var(--t3red) !important;
  border-radius: 50% !important;
  display: inline-block !important;
  opacity: 0.5 !important;
}

@media (max-width: 600px) {
  .t3d-apps-status-cards {
    grid-template-columns: 1fr !important;
  }
}

/* ===== MEMBER CARD SUPER COMPACT (1 rând discret) ===== */
.t3d-member-card-compact {
  padding: 10px 14px !important;
  margin-bottom: 12px !important;
}
.t3d-member-card-compact .t3d-member-card-icon-v3 {
  width: 30px !important;
  height: 30px !important;
}
.t3d-member-card-compact .t3d-member-card-title-v3 {
  font-size: 12px !important;
  color: var(--t3muted) !important;
  font-weight: 500 !important;
  margin-bottom: 0 !important;
}
.t3d-member-card-compact .t3d-member-card-title-v3 {
  /* Wrap nicely pe mobile */
  line-height: 1.4 !important;
}


/* ============================================================
 * SPRINT 2.8 — TAB APLICAȚII REDESIGN (card-based + tracker progres)
 * Mobile-first, marketer-driven, consistent cu stilul T3D
 * ============================================================ */

.t3d-apps-wrap {
  max-width: 820px;
  margin: 0 auto;
  padding: 4px 0;
}

/* ===== EMPTY STATE ===== */
.t3d-apps-empty-state {
  text-align: center;
  padding: 48px 24px;
  background: var(--t3card);
  border: 1px solid var(--t3line2);
  border-radius: 12px;
}
.t3d-apps-empty-icon {
  width: 80px;
  height: 80px;
  margin: 0 auto 18px;
  background: var(--t3blue-bg);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.t3d-apps-empty-title {
  font-size: 18px;
  font-weight: 700;
  color: var(--t3ink);
  margin: 0 0 8px;
}
.t3d-apps-empty-text {
  font-size: 14px;
  color: var(--t3muted);
  line-height: 1.5;
  max-width: 420px;
  margin: 0 auto 20px;
}
.t3d-apps-empty-cta {
  display: inline-block;
  background: var(--t3blue);
  color: var(--t3white);
  border: none;
  padding: 12px 26px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: background 0.15s, transform 0.15s;
}
.t3d-apps-empty-cta:hover {
  background: var(--t3blue-h);
  color: var(--t3white);
  text-decoration: none;
  transform: translateY(-1px);
}

/* ===== CARD APLICAȚIE ===== */
.t3d-app-card {
  background: var(--t3card);
  border: 1px solid var(--t3line2);
  border-left: 4px solid var(--t3faint);
  border-radius: 12px;
  padding: 0;
  margin-bottom: 14px;
}

/* ===== CARD PLIABIL: header compact clickabil + body ===== */
.t3d-app-card-header {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 13px 15px;
  cursor: pointer;
  transition: background 0.14s;
  border-radius: 11px;
}
.t3d-app-card.is-open .t3d-app-card-header { border-radius: 11px 11px 0 0; }
.t3d-app-card-header:hover { background: var(--t3bg); }
.t3d-app-card-header .t3d-app-card-headinfo { flex: 1; min-width: 0; }
.t3d-app-card-header .t3d-app-card-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
}
.t3d-app-card-hbadge {
  font-size: 11.5px;
  font-weight: 700;
  padding: 5px 10px;
  border-radius: 20px;
  white-space: nowrap;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  line-height: 1.2;
}
.t3d-app-card-hbadge svg, .t3d-app-card-hbadge .t3d-ico { width: 13px; height: 13px; }
.t3d-app-card-chevron { flex-shrink: 0; color: var(--t3faint); transition: transform 0.2s; }
.t3d-app-card.is-open .t3d-app-card-chevron { transform: rotate(180deg); }
.t3d-app-card-body { border-top: 1px solid var(--t3line2); padding: 16px 15px; }
@media (max-width: 600px) {
  .t3d-app-card-header { gap: 10px; padding: 12px; flex-wrap: wrap; }
  .t3d-app-card-hbadge { font-size: 11px; padding: 5px 11px; order: 1; flex-basis: 100%; justify-content: center; margin-top: 7px; }
  .t3d-app-card-body { padding: 14px 12px; }
}
.t3d-app-card-head {
  margin-bottom: 16px;
}
.t3d-app-card-badge {
  display: flex;
  width: fit-content;
  max-width: 100%;
  align-items: center;
  gap: 5px;
  font-size: 10px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 4px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0;
}
/* Icoană SVG inline unitară (badge-uri, meta, infopack etc.) */
.t3d-ico { flex-shrink: 0; vertical-align: middle; }
.t3d-app-card-badge .t3d-ico { width: 13px; height: 13px; }
.t3d-app-card-title {
  font-size: 16px;
  font-weight: 700;
  color: var(--t3ink);
  line-height: 1.3;
}
a.t3d-app-card-title { display: inline-block; text-decoration: none; transition: color .15s; }
a.t3d-app-card-title:hover { color: var(--t3blue); text-decoration: underline; }
.t3d-app-card-meta {
  font-size: 12px;
  color: var(--t3muted);
  margin-top: 4px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.t3d-app-card-date { display: inline-flex; align-items: center; gap: 5px; }
.t3d-app-card-date .t3d-ico, .t3d-app-card-loc .t3d-ico { width: 14px; height: 14px; color: var(--t3faint); }

/* ===== TRACKER PROGRES ===== */
.t3d-app-tracker {
  display: flex;
  align-items: flex-start;
  margin-bottom: 16px;
}
.t3d-track-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 0 0 auto;
  width: 56px;
}
.t3d-track-dot {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  flex-shrink: 0;
}
.t3d-track-done {
  background: var(--t3green);
  color: var(--t3white);
}
.t3d-track-current {
  background: var(--t3orange);
  color: var(--t3white);
  animation: t3d-track-pulse 1.5s infinite;
}
.t3d-track-todo {
  background: var(--t3blue-bg);
  color: var(--t3faint);
}
@keyframes t3d-track-pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.12); }
}
.t3d-track-label {
  font-size: 9px;
  font-weight: 600;
  margin-top: 4px;
  text-align: center;
  line-height: 1.2;
}
.t3d-track-label-done { color: var(--t3green); }
.t3d-track-label-current { color: var(--t3amber); font-weight: 700; }
.t3d-track-label-todo { color: var(--t3faint); }
.t3d-track-sub {
  font-size: 8px;
  color: var(--t3faint);
  font-weight: 600;
  margin-top: 2px;
  text-align: center;
  line-height: 1.1;
}
.t3d-track-line {
  flex: 1 1 auto;
  height: 2px;
  margin-top: 13px;
  min-width: 8px;
}
.t3d-track-line-done { background: var(--t3green); }
.t3d-track-line-todo { background: var(--t3bg); }

/* ===== ZONA ACȚIUNE (CTA) — bandă unificată, butonul rămâne colorat ===== */
.t3d-app-action {
  border-radius: 8px;
  padding: 12px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  background: var(--t3bg);
}
.t3d-app-action-text {
  font-size: 13px;
  font-weight: 400;
  flex: 1;
  min-width: 180px;
  line-height: 1.4;
  color: #4a5a6e;
}
.t3d-app-action-text strong { font-weight: 600; }
.t3d-app-action-btn {
  border: none;
  padding: 10px 20px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  color: var(--t3white);
  transition: background 0.15s, transform 0.15s;
}
.t3d-app-action-btn:hover {
  color: var(--t3white);
  text-decoration: none;
  transform: translateY(-1px);
}
.t3d-app-btn-warning { background: var(--t3orange); }
.t3d-app-btn-warning:hover { background: #d68a15; color: var(--t3white); }
.t3d-app-btn-info { background: var(--t3blue); }
.t3d-app-btn-info:hover { background: var(--t3blue-h); color: var(--t3white); }

/* ===== BANDĂ STARE — pastilă cu cerc + iconiță (design editorial) ===== */
.t3d-app-status-msg {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 14px 16px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.45;
  color: var(--t3dnp-tx);
  background: var(--t3bg);
  border: 1.5px solid var(--t3line);
  clip-path: polygon(var(--t3dnp-cut-s) 0,100% 0,100% calc(100% - var(--t3dnp-cut-s)),calc(100% - var(--t3dnp-cut-s)) 100%,0 100%,0 var(--t3dnp-cut-s));
}
.t3d-app-status-msg::before {
  content: "";
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #8090a2 center/20px 20px no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='6' r='1.6' fill='white'/%3E%3Crect x='10.7' y='10' width='2.6' height='9' rx='1.3' fill='white'/%3E%3C/svg%3E");
}
.t3d-app-status-msg strong { font-weight: 900; color: var(--t3dnp-ink); }
/* variante colorate pe familie */
.t3d-app-msg-success { background:var(--t3green-bg); border-color:var(--t3green-ln); }
.t3d-app-msg-success::before { background-color:var(--t3dnp-good); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20 6L9 17l-5-5' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.t3d-app-msg-info { background:var(--t3blue-bg); border-color:#bcdff5; }
.t3d-app-msg-info::before { background-color:var(--t3dnp-accent); }
.t3d-app-msg-warning { background:var(--t3orange-bg); border-color:var(--t3orange-ln); }
.t3d-app-msg-warning::before { background-color:var(--t3dnp-amber,var(--t3orange)); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Crect x='10.7' y='4' width='2.6' height='10' rx='1.3' fill='white'/%3E%3Ccircle cx='12' cy='18' r='1.6' fill='white'/%3E%3C/svg%3E"); }
.t3d-app-msg-muted { background:var(--t3bg); border-color:var(--t3line); }

/* ===== FOOTER CARD (retragere discret) ===== */
.t3d-app-card-footer {
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px dashed var(--t3line2);
  text-align: right;
}
.t3d-app-withdraw-link {
  font-size: 11px;
  color: var(--t3faint);
  text-decoration: none;
}
.t3d-app-withdraw-link:hover {
  color: var(--t3red);
  text-decoration: underline;
}

/* ===== ISTORIC (finalizate negativ) ===== */
.t3d-apps-history {
  margin-top: 24px;
  border-top: 1px solid var(--t3line2);
  padding-top: 8px;
}

/* ===== APLICAȚII CURENTE (toggle, implicit deschis) ===== */
.t3d-apps-current {
  margin-top: 10px;
}
.t3d-apps-empty-current {
  text-align: center;
  padding: 18px 16px 24px;
}
.t3d-apps-empty-current p {
  font-size: 14px;
  color: var(--t3muted);
  line-height: 1.5;
  max-width: 440px;
  margin: 0 auto 14px;
}
.t3d-apps-history-toggle {
  width: 100%;
  background: transparent;
  border: none;
  cursor: pointer;
  font-size: 15px;
  font-weight: 700;
  color: var(--t3muted);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 12px;
  transition: color 0.15s;
}
.t3d-apps-history-toggle .t3d-ico { width: 18px; height: 18px; color: var(--t3faint); }
.t3d-apps-history-toggle:hover { color: var(--t3ink); }
.t3d-apps-history-toggle:hover .t3d-ico { color: var(--t3blue); }
.t3d-apps-history-chevron {
  transition: transform 0.2s;
}
.t3d-apps-history-toggle.open .t3d-apps-history-chevron {
  transform: rotate(180deg);
}
.t3d-apps-history-list {
  margin-top: 10px;
}
.t3d-app-history-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  background: var(--t3card);
  border: 1px solid var(--t3bg);
  border-radius: 8px;
  margin-bottom: 8px;
}
.t3d-app-history-icon {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--t3bg);
  color: var(--t3faint);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  flex-shrink: 0;
}
.t3d-app-history-info { flex: 1; min-width: 0; }
.t3d-app-history-title {
  font-size: 13px;
  font-weight: 600;
  color: var(--t3muted);
  line-height: 1.3;
}
.t3d-app-history-meta {
  font-size: 11px;
  color: var(--t3faint);
  margin-top: 2px;
}

/* ===== MOBILE ===== */
@media (max-width: 600px) {
  .t3d-app-card { padding: 14px; }
  .t3d-track-step { width: 44px; }
  .t3d-track-label { font-size: 8px; }
  .t3d-track-dot { width: 24px; height: 24px; font-size: 11px; }
  .t3d-app-action-btn { width: 100%; text-align: center; }
  .t3d-app-card-meta { gap: 8px; font-size: 11px; }
}


/* ============================================================
 * SPRINT 2.8 v2 — îmbunătățiri Tab Aplicații
 * rezumat, thumbnail, tag tip, steag, infopack, footer, full-width
 * ============================================================ */

/* Full-width (scoatem centrarea 820px) */
.t3d-apps-wrap {
  max-width: 100% !important;
  margin: 0 !important;
}

/* ===== REZUMAT SUS ===== */
/* ===== URMĂTORUL PAS — card CTA prioritar (apare doar dacă există o acțiune) ===== */
.t3d-apps-nextstep {
  display: flex;
  align-items: center;
  gap: 18px;
  background: var(--t3card);
  border: 1px solid var(--t3orange-ln);
  border-left: 5px solid var(--t3orange);
  border-radius: 14px;
  padding: 18px 22px;
  margin-bottom: 16px;
  box-shadow: 0 3px 14px color-mix(in srgb, var(--t3orange) 12%, transparent);
}
.t3d-apps-nextstep-ico {
  width: 50px;
  height: 50px;
  border-radius: 13px;
  flex-shrink: 0;
  background: linear-gradient(135deg, #f9b94a, var(--t3orange));
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px color-mix(in srgb, var(--t3orange) 35%, transparent);
  animation: t3d-nextstep-pulse 2.2s ease-in-out infinite;
}
@keyframes t3d-nextstep-pulse { 0%,100%{ transform: scale(1);} 50%{ transform: scale(1.06);} }
.t3d-apps-nextstep-body { flex: 1; min-width: 0; }
.t3d-apps-nextstep-kicker {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #C77B0A;
  margin-bottom: 3px;
}
.t3d-apps-nextstep-title { font-size: 17px; font-weight: 800; color: var(--t3txt); }
.t3d-apps-nextstep-desc { font-size: 13.5px; color: #777; margin-top: 2px; line-height: 1.4; }
.t3d-apps-nextstep-cta {
  flex-shrink: 0;
  background: var(--t3orange);
  color: var(--t3white) !important;
  border: none;
  padding: 12px 22px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 800;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none;
  box-shadow: 0 3px 10px color-mix(in srgb, var(--t3orange) 30%, transparent);
  transition: transform .15s, background .15s;
}
.t3d-apps-nextstep-cta:hover { transform: translateY(-1px); background: #d68a15; color: var(--t3white) !important; text-decoration: none; }
@media (max-width: 720px) {
  .t3d-apps-nextstep { flex-wrap: wrap; gap: 14px; }
  .t3d-apps-nextstep-cta { width: 100%; text-align: center; }
}

.t3d-apps-summary {
  background: var(--t3card);
  border: 1px solid var(--t3line2);
  border-radius: 12px;
  padding: 16px 18px;
  margin-bottom: 16px;
}
.t3d-apps-summary-title {
  font-size: 14px;
  font-weight: 700;
  color: var(--t3ink);
  margin-bottom: 12px;
}
.t3d-apps-summary-grid {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.t3d-apps-stat {
  flex: 1;
  min-width: 90px;
  text-align: center;
  border-radius: 8px;
  padding: 10px 6px;
}
.t3d-apps-stat-num { font-size: 22px; font-weight: 700; line-height: 1; }
.t3d-apps-stat-label { font-size: 10px; font-weight: 600; margin-top: 3px; }
.t3d-apps-stat-total { background: var(--t3bg); }
.t3d-apps-stat-total .t3d-apps-stat-num { color: var(--t3ink); }
.t3d-apps-stat-total .t3d-apps-stat-label { color: var(--t3muted); }
.t3d-apps-stat-action { background: var(--t3orange-bg); }
.t3d-apps-stat-action .t3d-apps-stat-num { color: var(--t3orange); }
.t3d-apps-stat-action .t3d-apps-stat-label { color: var(--t3amber); }
.t3d-apps-stat-waiting { background: var(--t3bg); }
.t3d-apps-stat-waiting .t3d-apps-stat-num { color: var(--t3muted); }
.t3d-apps-stat-waiting .t3d-apps-stat-label { color: var(--t3muted); }
.t3d-apps-stat-done { background: var(--t3green-bg); }
.t3d-apps-stat-done .t3d-apps-stat-num { color: var(--t3green); }
.t3d-apps-stat-done .t3d-apps-stat-label { color: var(--t3green); }

/* ===== HEAD CARD cu thumbnail ===== */
.t3d-app-card-head {
  display: flex;
  gap: 14px;
  margin-bottom: 14px;
}
.t3d-app-thumb {
  width: 72px;
  height: 72px;
  border-radius: 10px;
  flex-shrink: 0;
  background-size: cover;
  background-position: center;
  background-color: var(--t3blue-bg);
}
.t3d-app-thumb-ph {
  background: linear-gradient(135deg, var(--t3blue), var(--t3blue-h));
  display: flex;
  align-items: center;
  justify-content: center;
}
.t3d-app-card-headinfo { flex: 1; min-width: 0; }
.t3d-app-card-tags {
  display: flex;
  gap: 6px;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 5px;
}
.t3d-app-card-type {
  background: var(--t3violet-bg);
  color: #5e35b1;
  font-size: 10px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 4px;
}
.t3d-app-card-loc {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.t3d-app-flag {
  width: 18px;
  height: auto;
  border-radius: 2px;
  box-shadow: 0 0 1px rgba(0,0,0,0.3);
  vertical-align: middle;
}

/* ===== INFOPACK (details/summary) ===== */
.t3d-app-infopack {
  margin-top: 10px;
  border: 1px solid var(--t3line2);
  border-radius: 8px;
  overflow: hidden;
}
.t3d-app-infopack summary {
  cursor: pointer;
  padding: 10px 14px;
  font-size: 13px;
  font-weight: 600;
  color: var(--t3blue);
  background: var(--t3bg);
  list-style: none;
  user-select: none;
}
.t3d-app-infopack summary::-webkit-details-marker { display: none; }
.t3d-app-infopack-list {
  display: none;
  flex-direction: column;
  gap: 4px;
}
.t3d-app-infopack-item {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 13px;
  font-weight: 400;
  color: var(--t3blue);
  text-decoration: none;
  padding: 4px 0;
}
.t3d-app-infopack-item .t3d-ico { width: 14px; height: 14px; }
.t3d-app-infopack-item:hover { color: var(--t3blue-h); text-decoration: underline; }

/* ===== FOOTER CARD ===== */
.t3d-app-card-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px dashed var(--t3line2);
  padding-top: 10px;
  margin-top: 12px;
  flex-wrap: wrap;
  gap: 8px;
}
.t3d-app-detail-link {
  font-size: 11px;
  color: var(--t3blue);
  text-decoration: none;
  font-weight: 600;
}
.t3d-app-detail-link:hover { color: var(--t3blue-h); text-decoration: underline; }
.t3d-app-card-footer-right {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}
.t3d-app-applied-date { font-size: 11px; color: var(--t3faint); }

/* Mobile */
@media (max-width: 600px) {
  .t3d-app-thumb { width: 56px; height: 56px; }
  .t3d-apps-stat { min-width: 70px; }
  .t3d-apps-stat-num { font-size: 18px; }
  .t3d-app-card-footer { font-size: 11px; }
}


/* ============================================================
 * SPRINT 2.8 v3 — chenar taburi + dashboard cool + card 2 coloane
 * ============================================================ */

/* ===== CHENAR COOL în jurul taburilor ===== */
.t3d-tabs.tab {
  background: var(--t3card) !important;
  border: 1px solid var(--t3line2) !important;
  border-radius: 14px !important;
  padding: 6px !important;
  box-shadow: 0 2px 12px color-mix(in srgb, var(--t3blue) 6%, transparent) !important;
  display: flex !important;
  gap: 4px !important;
  overflow: visible !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin-bottom: 4px !important;
}
.t3d-tabs.tab .tablinks {
  flex: 1 !important;
  border-radius: 10px !important;
  border: none !important;
  background: transparent !important;
  transition: background 0.15s, color 0.15s !important;
}
.t3d-tabs.tab .tablinks:hover {
  background: var(--t3bg) !important;
}
.t3d-tabs.tab .tablinks.active {
  background: var(--t3blue-bg) !important;
  border: none !important;
  border-radius: 10px !important;
  color: var(--t3blue) !important;
}
.t3d-tabs.tab .tablinks.active::after { display: none !important; }

/* ===== DASHBOARD "Călătoria ta" COOL ===== */
.t3d-apps-summary-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 12px !important;
}
.t3d-apps-stat {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  text-align: left !important;
  padding: 16px !important;
  border-radius: 10px !important;
}
.t3d-apps-stat-ico {
  width: 38px !important;
  height: 38px !important;
  border-radius: 9px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}
.t3d-apps-stat-ico svg { width: 22px; height: 22px; }
.t3d-apps-stat-body { display: flex; flex-direction: column; }
.t3d-apps-stat-num { font-size: 26px !important; font-weight: 800 !important; line-height: 1 !important; }
.t3d-apps-stat-label { font-size: 11px !important; font-weight: 600 !important; margin-top: 3px !important; }

.t3d-apps-stat-total { background: var(--t3blue-bg); }
.t3d-apps-stat-total .t3d-apps-stat-ico { background: var(--t3blue); color: var(--t3white); }
.t3d-apps-stat-total .t3d-apps-stat-num { color: var(--t3blue-d); }
.t3d-apps-stat-total .t3d-apps-stat-label { color: #185FA5; }

.t3d-apps-stat-action { background: var(--t3orange-bg); }
.t3d-apps-stat-action .t3d-apps-stat-ico { background: var(--t3orange); color: var(--t3white); }
.t3d-apps-stat-action .t3d-apps-stat-num { color: var(--t3amber); }
.t3d-apps-stat-action .t3d-apps-stat-label { color: #BA7517; }

.t3d-apps-stat-waiting { background: var(--t3bg); }
.t3d-apps-stat-waiting .t3d-apps-stat-ico { background: #888780; color: var(--t3white); }
.t3d-apps-stat-waiting .t3d-apps-stat-num { color: #444441; }
.t3d-apps-stat-waiting .t3d-apps-stat-label { color: #5F5E5A; }

.t3d-apps-stat-done { background: var(--t3green-bg); }
.t3d-apps-stat-done .t3d-apps-stat-ico { background: #1D9E75; color: var(--t3white); }
.t3d-apps-stat-done .t3d-apps-stat-num { color: #0F6E56; }
.t3d-apps-stat-done .t3d-apps-stat-label { color: #1D9E75; }

/* ===== CARD: LAYOUT 2 COLOANE (desktop) ===== */
.t3d-app-card-grid {
  display: grid;
  grid-template-columns: 1fr 260px;
  gap: 20px;
}
/* Card fără coloană de resurse (ex. istoric anulat/refuzat/renunțat) → o singură coloană */
.t3d-app-card--full .t3d-app-card-grid { grid-template-columns: 1fr; }
.t3d-app-card-main {
  border-right: 1px solid var(--t3line2);
  padding-right: 20px;
}
.t3d-app-card-side {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.t3d-app-side-title {
  font-size: 13px;
  font-weight: 700;
  color: var(--t3txt);
  white-space: nowrap;
  flex-shrink: 0;
  padding: 5px 0;
}
.t3d-app-side-link {
  font-size: 13px;
  font-weight: 400;
  color: var(--t3blue);
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 0;
}
.t3d-app-side-link svg { flex-shrink: 0; }
.t3d-app-side-link:hover { color: var(--t3blue-h); text-decoration: underline; }
.t3d-app-side-link + .t3d-app-side-link,
.t3d-app-infopack + .t3d-app-side-link,
.t3d-app-side-link + .t3d-app-infopack {
  border-top: 1px solid var(--t3line2);
}

/* Grup comunicare — text unificat (#36afeb); icoana își păstrează culoarea brand din fill */
.t3d-app-side-group { font-weight: 400; }

.t3d-app-side-footer {
  margin-top: auto;
  border-top: 1px solid var(--t3line2);
  padding-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Tip eveniment sub titlu */
.t3d-app-card-type-line {
  font-size: 12px;
  color: #5e35b1;
  font-weight: 600;
  margin-top: 4px;
}
.t3d-app-card-badge { margin: 0; }

/* Infopack details în coloana side */
.t3d-app-card-side .t3d-app-infopack {
  border: none;
  border-top: 1px solid var(--t3line2);
  border-radius: 0;
}
.t3d-app-card-side .t3d-app-infopack summary {
  background: transparent;
  padding: 9px 0;
  color: var(--t3blue);
  font-size: 13px;
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 8px;
}
.t3d-app-card-side .t3d-app-infopack-list { padding: 0; }

/* ===== MOBILE: card revine la 1 coloană ===== */
@media (max-width: 768px) {
  .t3d-app-card-grid {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .t3d-app-card-main {
    border-right: none;
    padding-right: 0;
    border-bottom: 1px solid var(--t3line2);
    padding-bottom: 14px;
    margin-bottom: 14px;
  }
  .t3d-app-side-footer { margin-top: 8px; }
}
@media (max-width: 600px) {
  .t3d-apps-summary-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .t3d-apps-stat-num { font-size: 22px !important; }
}


/* ============================================================
 * SPRINT 2.8 v4 — infopack window + withdraw roșu repoziționat
 * ============================================================ */

/* Layout side: resurse sus, footer jos (withdraw separat clar) */
.t3d-app-card-side {
  display: flex;
  flex-direction: column;
}
.t3d-app-side-resources {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  background: var(--t3bg);
  border: 1px solid var(--t3line2);
  border-radius: 12px;
  padding: 9px 16px;
}

/* Mesaj infopack indisponibil */
.t3d-app-infopack-unavailable {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: var(--t3muted);
  font-style: normal;
  padding: 9px 0;
  border-top: 1px solid var(--t3line2);
  line-height: 1.3;
}
.t3d-app-infopack-unavailable svg { flex-shrink: 0; color: #c0c6cf; }

/* Footer side: data aplicării + withdraw roșu jos, separat */
.t3d-app-side-footer {
  margin-top: auto;
  border-top: 1px solid var(--t3line2);
  padding-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.t3d-app-applied-date { font-size: 11px; color: var(--t3faint); }

/* Buton "Nu mai pot participa" — roșu, clar, cu iconiță */
.t3d-app-withdraw-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  color: var(--t3red) !important;
  text-decoration: none;
  padding: 9px 0;
  border: none;
  background: transparent;
  align-self: flex-start;
  transition: color 0.15s;
}
.t3d-app-withdraw-link svg { flex-shrink: 0; width: 16px; height: 16px; }
.t3d-app-withdraw-link:hover {
  color: var(--t3red-h) !important;
  text-decoration: underline !important;
}


/* ============================================================
 * SPRINT 2.9 — MODALE CURATE (login/signup + confirmare/renunțare)
 * ============================================================ */

/* ===== CONTAINERE MODALE — suprascriem stilul vechi (alb, rotunjit) ===== */
#signi_signout_inner {
  background: var(--t3card) !important;
  max-width: 384px !important;
  border-radius: 16px !important;
  padding: 0 !important;
  top: 7% !important;
  max-height: 90vh !important;
  overflow-y: auto !important;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.20) !important;
}
#signi_signout_close {
  top: 18px !important;
  right: 18px !important;
  z-index: 5 !important;
  cursor: pointer;
}
#signi_signout_close svg { fill: var(--t3faint) !important; width: 22px !important; height: 22px !important; }
#signi_signout_close:hover svg { fill: var(--t3muted) !important; }

.gd-approve-model-inner {
  background: var(--t3card) !important;
  max-width: 410px !important;
  border-radius: 16px !important;
  padding: 0 !important;
  margin-top: 7% !important;
  max-height: 90vh !important;
  overflow-y: auto !important;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.20) !important;
}
.gd-approve-model-close {
  top: 18px !important;
  right: 18px !important;
  z-index: 5 !important;
}
.gd-approve-model-close svg { fill: var(--t3faint) !important; width: 22px !important; height: 22px !important; }
.gd-approve-model-close:hover svg { fill: var(--t3muted) !important; }

/* ===== FORMULAR AUTH (login / signup) ===== */
.t3d-auth { padding: 24px 26px 26px; font-family: inherit; }
.t3d-auth-title { font-size: 19px; font-weight: 700; color: var(--t3ink); margin: 0 0 18px; padding-right: 28px; }
.t3d-auth-field { margin-bottom: 14px; }
.t3d-auth-label { display: block; font-size: 13px; font-weight: 600; color: var(--t3muted); margin-bottom: 5px; }
.t3d-auth-input { width: 100%; padding: 10px 12px; border: 1px solid var(--t3line); border-radius: 8px; font-size: 14px; box-sizing: border-box; background: var(--t3card); color: var(--t3txt); transition: border-color 0.15s; }
.t3d-auth-input:focus { border-color: var(--t3blue); outline: none; }
.t3d-auth-pass { position: relative; }
.t3d-auth-pass .t3d-auth-input { padding-right: 42px; }
.t3d-auth-eye { position: absolute; right: 10px; top: 9px; line-height: 1; cursor: pointer; }
.t3d-auth-report { color: var(--t3red) !important; font-size: 12px; font-weight: 600; margin: 5px 0 0 !important; padding: 0 !important; background: transparent !important; height: auto !important; }
.t3d-auth-report:empty { margin: 0 !important; }
.t3d-auth-remember { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--t3muted); margin-bottom: 14px; cursor: pointer; }
.t3d-auth-remember input { width: 16px; height: 16px; }
.t3d-auth-btn { width: 100%; background: var(--t3blue); color: var(--t3white); border: none; padding: 12px; border-radius: 8px; font-size: 15px; font-weight: 700; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 8px; transition: background 0.15s; }
.t3d-auth-btn:hover { background: var(--t3blue-h); }
.t3d-auth-links { text-align: center; margin-top: 16px; font-size: 13px; }
.t3d-auth-links a { color: var(--t3blue) !important; text-decoration: none; }
.t3d-auth-links a:hover { text-decoration: underline; }
.t3d-auth-sep { color: #d0d6dd; margin: 0 8px; }
.t3d-auth-links-q { color: #888; margin-right: 6px; }
.t3d-auth-msg { text-align: center; font-weight: 700 !important; margin: 12px 0 0 !important; font-size: 13px; background: transparent !important; padding: 0 !important; float: none !important; width: auto !important; }

/* ===== MODAL CONFIRMARE / RENUNȚARE ===== */
.t3d-mdl { padding: 24px 26px 26px; font-family: inherit; }
.t3d-mdl-title { font-size: 19px; font-weight: 700; color: var(--t3ink); margin: 0 0 8px; padding-right: 28px; }
.t3d-mdl-title-danger { color: var(--t3red); }
.t3d-mdl-sub { font-size: 14px; color: var(--t3muted); margin: 0 0 18px; line-height: 1.5; }
.t3d-mdl-warning { background: var(--t3card); border-left: 3px solid var(--t3red); border-radius: 8px; padding: 12px 14px; margin: 0 0 18px; font-size: 13px; color: #8a3030; line-height: 1.5; }
.t3d-mdl-choices { display: flex; flex-direction: column; gap: 10px; margin-bottom: 4px; }
.t3d-mdl-choice { display: flex; align-items: flex-start; gap: 10px; font-size: 14px; color: #444; cursor: pointer; padding: 11px 13px; border: 1px solid var(--t3line); border-radius: 8px; line-height: 1.45; transition: background 0.15s, border-color 0.15s; }
.t3d-mdl-choice input { margin-top: 2px; flex-shrink: 0; }
.t3d-mdl-choice:hover { background: var(--t3bg); border-color: var(--t3line); }
.t3d-mdl-choice-danger:hover { background: var(--t3card); border-color: var(--t3red-ln); }
.t3d-mdl-field { margin: 16px 0 0; }
.t3d-mdl-label { display: block; font-size: 13px; font-weight: 600; color: var(--t3muted); margin-bottom: 6px; }
.t3d-mdl-req { color: var(--t3red); }
.t3d-mdl-select, .t3d-mdl-textarea { width: 100%; padding: 10px 12px; border: 1px solid var(--t3line); border-radius: 8px; font-size: 14px; box-sizing: border-box; background: var(--t3card); color: #444; }
.t3d-mdl-select:focus, .t3d-mdl-textarea:focus { border-color: var(--t3blue); outline: none; }
.t3d-mdl-textarea { min-height: 90px; resize: vertical; }
.t3d-mdl-actions { display: flex; gap: 10px; margin-top: 20px; }
.t3d-mdl-btn { flex: 1; border: none; padding: 12px; border-radius: 8px; font-size: 14px; font-weight: 700; cursor: pointer; transition: background 0.15s; }
.t3d-mdl-btn-primary { background: var(--t3blue); color: var(--t3white); }
.t3d-mdl-btn-primary:hover { background: var(--t3blue-h); }
.t3d-mdl-btn-danger { background: var(--t3red); color: var(--t3white); }
.t3d-mdl-btn-danger:hover { background: var(--t3red-h); }
.t3d-mdl-msg { text-align: center; font-weight: 700 !important; margin: 14px 0 0 !important; font-size: 13px; background: transparent !important; padding: 0 !important; float: none !important; width: auto !important; }


/* ============================================================
   MODAL SEMNARE CONTRACT (redesign) — #pdf_model
   Override container vechi (specificitate ridicată) + stiluri .t3d-sign-*
   ============================================================ */
#pdf_model #pdf_model_inner {
  top: 50%;
  transform: translateY(-50%);
  background: var(--t3card);
  width: calc(100% - 32px);
  max-width: 540px;
  border-radius: 18px;
  padding: 0;
  box-shadow: 0 24px 70px color-mix(in srgb, var(--t3navy) 30%, transparent);
  max-height: 92vh;
  overflow-y: auto;
}
#pdf_model #pdf_model_close {
  right: 14px;
  top: 14px;
  z-index: 3;
  border-radius: 8px;
  transition: background .15s;
}
#pdf_model #pdf_model_close:hover { background: var(--t3blue-bg); }
#pdf_model #pdf-model-text {
  margin: 0;
  padding: 28px;
}
.t3d-sign-title {
  margin: 0 0 4px;
  font-size: 21px;
  font-weight: 800;
  color: var(--t3navy);
  line-height: 1.25;
  padding-right: 34px;
}
.t3d-sign-event {
  margin: 0 0 20px;
  font-size: 14px;
  color: var(--t3muted);
  font-weight: 600;
}
.t3d-sign-warn {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  background: var(--t3red-bg);
  border: 1px solid var(--t3red-ln);
  border-radius: 12px;
  padding: 12px 14px;
  margin-bottom: 18px;
  font-size: 13.5px;
  color: var(--t3red);
  line-height: 1.45;
}
.t3d-sign-warn svg { flex-shrink: 0; margin-top: 1px; }
.t3d-sign-contract {
  display: flex;
  align-items: center;
  gap: 14px;
  background: var(--t3bg);
  border: 1.5px solid var(--t3line2);
  border-radius: 14px;
  padding: 15px 17px;
  margin-bottom: 22px;
  text-decoration: none;
  transition: border-color .15s, background .15s, box-shadow .15s;
}
.t3d-sign-contract:hover {
  border-color: var(--t3blue);
  background: var(--t3line2);
  box-shadow: 0 4px 14px color-mix(in srgb, var(--t3blue) 12%, transparent);
}
.t3d-sign-contract-ico {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: 11px;
  background: var(--t3blue);
  display: flex;
  align-items: center;
  justify-content: center;
}
.t3d-sign-contract-ico svg { color: var(--t3white); }
.t3d-sign-contract-txt {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.t3d-sign-contract-txt strong { font-size: 15px; color: var(--t3ink); font-weight: 700; }
.t3d-sign-contract-txt span { font-size: 12.5px; color: var(--t3muted); line-height: 1.4; }
.t3d-sign-contract-arrow { flex-shrink: 0; color: #8fb8d6; display: flex; }
.t3d-sign-contract:hover .t3d-sign-contract-arrow { color: var(--t3blue); }
.t3d-sign-check {
  display: flex;
  gap: 11px;
  align-items: flex-start;
  cursor: pointer;
  background: var(--t3bg);
  border: 1.5px solid var(--t3line);
  border-radius: 12px;
  padding: 14px 16px;
  margin-bottom: 20px;
  transition: border-color .15s;
}
.t3d-sign-check:hover { border-color: #b9d8ef; }
.t3d-sign-check input[type="checkbox"] {
  flex-shrink: 0;
  width: 19px;
  height: 19px;
  margin: 1px 0 0;
  accent-color: var(--t3blue);
  cursor: pointer;
}
.t3d-sign-check span { font-size: 13.5px; color: #4a5a6e; line-height: 1.5; }
.t3d-sign-check span strong { color: var(--t3navy); font-weight: 700; }
.t3d-sign-pad-wrap { margin-bottom: 4px; }
.t3d-sign-pad-label {
  font-size: 13px;
  font-weight: 700;
  color: var(--t3muted);
  margin-bottom: 8px;
}
#pdf-model-text #semnatura {
  border: 1.5px dashed var(--t3line) !important;
  border-radius: 12px;
  background: var(--t3bg);
  overflow: hidden;
  box-sizing: border-box;
  cursor: crosshair;
}
#pdf-model-text #semnatura canvas { display: block; }
.t3d-sign-clear {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 10px;
  background: var(--t3card);
  border: 1.5px solid var(--t3line);
  border-radius: 9px;
  padding: 7px 14px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  color: var(--t3muted);
  transition: border-color .15s, color .15s;
}
.t3d-sign-clear:hover { border-color: var(--t3red); color: var(--t3red); }
.t3d-sign-clear svg { flex-shrink: 0; }
.t3d-sign-submit {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  margin-top: 22px;
  padding: 14px;
  background: var(--t3blue);
  color: var(--t3white);
  border: none;
  border-radius: 12px;
  font-size: 15.5px;
  font-weight: 700;
  cursor: pointer;
  transition: background .15s, box-shadow .15s;
}
.t3d-sign-submit:hover:not(:disabled) {
  background: var(--t3blue-h);
  box-shadow: 0 6px 18px color-mix(in srgb, var(--t3blue) 30%, transparent);
}
.t3d-sign-submit:disabled {
  background: var(--t3line);
  color: var(--t3white);
  cursor: not-allowed;
}
.t3d-sign-returns {
  margin: 14px 0 0;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  color: var(--t3green);
  display: none;
}
@media (max-width: 520px) {
  #pdf_model #pdf-model-text { padding: 22px 18px; }
  .t3d-sign-title { font-size: 19px; }
}

/* Flash pe cardul aplicației când vii din butonul "Următorul pas" */
@keyframes t3dCardFlash {
  0%   { box-shadow: 0 0 0 0 transparent; }
  18%  { box-shadow: 0 0 0 4px color-mix(in srgb, var(--t3blue) 38%, transparent); }
  100% { box-shadow: 0 0 0 0 transparent; }
}
.t3d-app-card.t3d-card-flash { animation: t3dCardFlash 1.6s ease-out; }

/* ============================================================
   PROFILE HEADER persistent (deasupra tab-urilor)
   ============================================================ */
.t3d-phead{
  position:relative;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  padding:15px 22px;
  display:flex;
  align-items:center;
  gap:18px;
  margin-bottom:16px;
}
/* cardul teșit (colțuri tăiate + border + umbră) e desenat pe ::before, în spate;
   conținutul stă deasupra și NU e tăiat — așa flacăra de peste avatar rămâne întreagă */
.t3d-phead::before{
  content:"";position:absolute;inset:0;z-index:0;
  background:var(--t3card);
  border:1.5px solid var(--t3dnp-line);
  clip-path:polygon(var(--t3dnp-cut) 0,100% 0,100% calc(100% - var(--t3dnp-cut)),calc(100% - var(--t3dnp-cut)) 100%,0 100%,0 var(--t3dnp-cut));
  filter:drop-shadow(0 10px 18px color-mix(in srgb, var(--t3txt) 7%, transparent));
}
.t3d-phead > *{position:relative;z-index:1}
.t3d-phead-avatar-ring{
  position:relative;
  width:60px;height:60px;
  border-radius:50%;
  padding:3px;
  flex-shrink:0;
  background:linear-gradient(135deg,var(--t3blue),var(--t3blue));
}
.t3d-phead-avatar{
  width:100%;height:100%;
  position:relative;z-index:2;
  border-radius:50%;
  background:var(--t3blue-bg);
  color:var(--t3ink);
  display:flex;align-items:center;justify-content:center;
  font-weight:800;font-size:21px;
  border:3px solid var(--t3white);
  overflow:hidden;
}
.t3d-phead-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.t3d-phead-cam{
  position:absolute;right:-2px;bottom:-2px;
  width:22px;height:22px;
  border-radius:50%;
  background:var(--t3blue);
  border:2px solid var(--t3white);
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;padding:0;
  transition:background .15s;
}
.t3d-phead-cam:hover{background:var(--t3blue-h)}
.t3d-phead-id{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.t3d-phead-name{font-size:18px;font-weight:800;color:var(--t3navy);line-height:1.15}
.t3d-phead-email{font-size:13px;color:var(--t3faint);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.t3d-phead-quick{display:flex;align-items:center;gap:9px;margin-top:3px;flex-wrap:wrap}
.t3d-phead-qi{display:inline-flex;align-items:center;font-size:13px;font-weight:700;color:var(--t3muted)}
.t3d-phead-gender{font-size:15px;line-height:1}
.t3d-phead-sep{width:3px;height:3px;border-radius:50%;background:#c5d0db;flex-shrink:0}
.t3d-phead-flags{display:inline-flex;gap:4px;align-items:center}
.t3d-phead-flags img{width:21px;height:14px;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.06);display:block}
@media (max-width:600px){
  .t3d-phead{gap:13px;padding:14px 15px}
  .t3d-phead-email{white-space:normal}
}

/* ===== #1: Firele tricolore TED (din logo) deasupra avatarului ===== */
.t3d-phead-avatar-ring{ overflow:visible; }
.t3d-phead-fire{
  position:absolute;
  left:80%;
  bottom:100%;
  width:41px;
  transform:translateX(-50%);
  pointer-events:none;
  z-index:5;
  line-height:0;
}
.t3d-phead-fire svg{ width:100%; height:auto; overflow:visible; display:block; }

/* ===== #8: avatar mai mare pe desktop ===== */
@media (min-width:768px){
  .t3d-phead-avatar-ring{width:78px;height:78px;padding:3.5px}
  .t3d-phead-avatar{font-size:27px}
  .t3d-phead-name{font-size:20px}
  .t3d-phead-fire{width:55px}
}

/* ===== #2: chip-uri colorate pentru gen ===== */
.t3d-gchip{
  display:inline-flex; align-items:center; justify-content:center;
  width:22px; height:22px; border-radius:50%; flex-shrink:0; vertical-align:middle;
}
.t3d-gchip svg{ width:14px; height:14px; }
.t3d-gchip-male{   background:var(--t3blue-bg); color:var(--t3blue-h); }
.t3d-gchip-female{ background:var(--t3pink-bg); color:var(--t3pink); }
.t3d-gchip-other{  background:var(--t3violet-bg); color:#8b5cf6; }
.t3d-phead-gender{ padding:0 !important; }

/* ===== #1: badge status pe rând propriu, între poză și timeline ===== */
.t3d-app-card{ position: relative; }
.t3d-app-card-badge-row{ margin:14px 0 4px; }

/* ===== #4: modal modificări nesalvate ===== */
.t3d-unsaved-overlay{
  position:fixed; inset:0; z-index:99999;
  background:color-mix(in srgb, var(--t3navy) 55%, transparent);
  display:flex; align-items:center; justify-content:center; padding:18px;
}
.t3d-unsaved-card{
  background:var(--t3card); border-radius:18px; max-width:420px; width:100%;
  padding:30px 26px 26px; text-align:center;
  box-shadow:0 24px 70px color-mix(in srgb, var(--t3navy) 30%, transparent);
}
.t3d-unsaved-ico{
  width:54px; height:54px; border-radius:50%; background:var(--t3orange-bg);
  display:flex; align-items:center; justify-content:center; margin:0 auto 16px;
}
.t3d-unsaved-title{ margin:0 0 8px; font-size:19px; font-weight:800; color:var(--t3navy); }
.t3d-unsaved-text{ margin:0 0 22px; font-size:14px; color:var(--t3muted); line-height:1.5; }
.t3d-unsaved-actions{ display:flex; flex-direction:column; gap:10px; }
.t3d-unsaved-stay{
  background:var(--t3blue); color:var(--t3white); border:none; border-radius:11px;
  padding:13px; font-size:15px; font-weight:700; cursor:pointer; font-family:inherit;
  transition:background .15s;
}
.t3d-unsaved-stay:hover{ background:var(--t3blue-h); }
.t3d-unsaved-leave{
  background:transparent; color:var(--t3red); border:none; border-radius:10px;
  padding:10px; font-size:13.5px; font-weight:700; cursor:pointer; font-family:inherit;
}
.t3d-unsaved-leave:hover{ text-decoration:underline; }

/* ===== #4: Aurora discretă — accent subtil sus, se stinge spre conținut ===== */
.t3d-profile-section{ position:relative; }
.t3d-aurora{
  position:absolute; inset:0; z-index:0;
  pointer-events:none; overflow:hidden;
}
.t3d-aurora-blob{ position:absolute; border-radius:50%; filter:blur(62px); will-change:transform; }
.t3d-aurora-b1{ width:380px;height:380px;background:var(--t3blue);opacity:.22;top:1%;left:-6%;animation:t3dAur1 22s ease-in-out infinite; }
.t3d-aurora-b2{ width:320px;height:320px;background:var(--t3blue);opacity:.20;top:20%;right:-7%;animation:t3dAur2 26s ease-in-out infinite; }
.t3d-aurora-b3{ width:280px;height:280px;background:#f5c518;opacity:.14;top:40%;left:-5%;animation:t3dAur3 30s ease-in-out infinite; }
.t3d-aurora-b4{ width:320px;height:320px;background:var(--t3blue);opacity:.18;top:60%;right:-6%;animation:t3dAur1 28s ease-in-out infinite reverse; }
.t3d-aurora-b5{ width:240px;height:240px;background:#e63946;opacity:.11;top:82%;left:24%;animation:t3dAur2 32s ease-in-out infinite; }
.t3d-aurora-b6{ width:300px;height:300px;background:var(--t3blue);opacity:.16;top:33%;right:24%;animation:t3dAur3 27s ease-in-out infinite; }
.t3d-aurora-b7{ width:260px;height:260px;background:var(--t3blue);opacity:.15;top:72%;left:6%;animation:t3dAur1 31s ease-in-out infinite; }
@keyframes t3dAur1{0%,100%{transform:translate(0,0)}50%{transform:translate(40px,24px)}}
@keyframes t3dAur2{0%,100%{transform:translate(0,0)}50%{transform:translate(-34px,18px)}}
@keyframes t3dAur3{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-20px,16px) scale(1.15)}}
@media (prefers-reduced-motion: reduce){ .t3d-aurora-blob{ animation:none; } }

/* ===== #5: Box Aplicațiile tale (header + următorul pas) ===== */
.t3d-apps-box{ background:var(--t3card); border:1px solid var(--t3line2); border-radius:13px; box-shadow:0 1px 6px color-mix(in srgb, var(--t3navy) 4%, transparent); overflow:hidden; margin-bottom:18px; }
.t3d-apps-box-head{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:10px 16px; border-bottom:1px solid var(--t3bg); flex-wrap:wrap; }
.t3d-apps-box-title{ display:flex; align-items:center; gap:8px; font-size:14px; font-weight:800; color:var(--t3txt); }
.t3d-apps-box-title svg{ flex-shrink:0; width:15px; height:15px; opacity:.85; }
.t3d-apps-box-count{ font-size:11.5px; color:var(--t3faint); font-weight:700; }
.t3d-apps-count-hl{ color:#a06a18; }
.t3d-apps-ns{ display:flex; align-items:center; gap:13px; padding:14px 16px; background:var(--t3bg); }
.t3d-apps-ns-ico{ width:36px; height:36px; border-radius:10px; background:var(--t3blue-bg); color:var(--t3blue-h); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.t3d-apps-ns-ico svg{ width:19px; height:19px; }
.t3d-apps-ns-body{ flex:1; min-width:0; }
.t3d-apps-ns-kicker{ font-size:10px; font-weight:800; letter-spacing:.6px; text-transform:uppercase; color:var(--t3faint); margin-bottom:2px; }
.t3d-apps-ns-title{ font-size:14px; font-weight:800; line-height:1.3; color:var(--t3txt); margin-bottom:2px; }
.t3d-apps-ns-desc{ font-size:12px; color:var(--t3muted); line-height:1.4; }
.t3d-apps-ns-cta{ flex-shrink:0; background:var(--t3blue); color:var(--t3white); border:1px solid var(--t3blue); border-radius:9px; padding:9px 16px; font-size:12.5px; font-weight:800; cursor:pointer; font-family:inherit; text-decoration:none; white-space:nowrap; box-shadow:0 2px 10px color-mix(in srgb, var(--t3blue) 30%, transparent); transition:background .15s,box-shadow .15s,transform .15s; }
.t3d-apps-ns-cta:hover{ background:var(--t3blue-h); border-color:var(--t3blue-h); color:var(--t3white); box-shadow:0 4px 14px color-mix(in srgb, var(--t3blue) 40%, transparent); transform:translateY(-1px); }
.t3d-apps-ns-done .t3d-apps-ns-ico{ background:var(--t3green-bg); color:var(--t3green); }
.t3d-apps-ns-done .t3d-apps-ns-cta{ background:var(--t3green-bg); color:var(--t3green); border-color:var(--t3green-ln); box-shadow:none; }
.t3d-apps-ns-done .t3d-apps-ns-cta:hover{ background:var(--t3green-bg); border-color:var(--t3green-ln); box-shadow:none; transform:none; }
@media (max-width:560px){
  .t3d-apps-ns{ flex-wrap:wrap; }
  .t3d-apps-ns-cta{ width:100%; text-align:center; }
}

/* ===== #2: JOS card — resurse + buton renunțare (egale ca înălțime) ===== */
.t3d-app-card-footer-row {
  display: flex;
  gap: 14px;
  align-items: stretch;
  margin-top: 14px;
}
/* cand boxul Detalii & resurse se mareste (infopack deschis), cardul withdraw ramane la inaltimea lui (nu se mai intinde) */
.t3d-app-card-footer-row:has(.t3d-app-side-resources.infopack-open) { align-items: flex-start; }
.t3d-app-card-footer-row .t3d-app-card-side { flex: 1; min-width: 0; }
.t3d-app-card-footer-row .t3d-app-side-footer {
  flex-shrink: 0;
  width: 220px;
  display: flex;
  margin-top: 0;
  border-top: none;
  padding-top: 0;
}

/* Nu mai pot participa = card/buton roșu, umple înălțimea boxului de resurse */
.t3d-app-withdraw-link {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  background: var(--t3card);
  border: 1px solid var(--t3red-ln);
  border-radius: 12px;
  padding: 13px 16px;
  color: #c2606a;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.14s, border-color 0.14s;
}
.t3d-app-withdraw-link:hover { background: var(--t3red-bg); border-color: #e8a9b2; }

/* ===== Box resurse aplatizat: titlu + elemente cu separatoare fine consistente ===== */
/* anulează borduri moștenite + padding vertical uniform pe fiecare element */
.t3d-app-card-side .t3d-app-side-resources > .t3d-app-side-link,
.t3d-app-card-side .t3d-app-side-resources > .t3d-app-infopack-unavailable { padding-top: 5px; padding-bottom: 5px; border-top: none; }
.t3d-app-card-side .t3d-app-side-resources > .t3d-app-infopack { border-top: none; }
.t3d-app-card-side .t3d-app-side-resources > .t3d-app-infopack > summary { padding-top: 5px; padding-bottom: 5px; }
/* desktop: separator vertical fin, spațiere simetrică între TOATE elementele */
.t3d-app-card-side .t3d-app-side-resources > * + * {
  border-left: 1px solid var(--t3line);
  padding-left: 14px;
  margin-left: 14px;
}

@media (max-width: 768px) {
  .t3d-app-card-footer-row { flex-direction: column; }
  .t3d-app-card-footer-row .t3d-app-side-footer { width: 100%; }
  .t3d-app-side-resources { flex-direction: column; align-items: stretch; }
  .t3d-app-side-title { white-space: normal; padding: 0 0 8px 0; margin-bottom: 9px; border-bottom: 1px solid var(--t3line2); }
  /* mobil: separator orizontal între elemente */
  .t3d-app-card-side .t3d-app-side-resources > * + * {
    border-left: none;
    padding-left: 0;
    margin-left: 0;
    border-top: 1px solid var(--t3line2);
    padding-top: 9px;
    margin-top: 9px;
  }
  /* elementul de după titlu: fără border-top (titlul are deja border-bottom) */
  .t3d-app-card-side .t3d-app-side-resources > .t3d-app-side-title + * {
    border-top: none;
    padding-top: 0;
    margin-top: 0;
  }
}


/* ===== Infopack: toggle propriu; lista se desface full-width sub rand ===== */
.t3d-app-infopack-caret { flex-shrink: 0; transition: transform 0.2s; }
.t3d-app-side-resources.infopack-open .t3d-app-infopack-toggle .t3d-app-infopack-caret { transform: rotate(180deg); }
/* lista = ultim element pe rand, fara separator vertical, ocupa toata latimea cand se deschide */
.t3d-app-card-side .t3d-app-side-resources > .t3d-app-infopack-list {
  border-left: none;
  padding-left: 0;
  margin-left: 0;
  flex-basis: 100%;
}
.t3d-app-side-resources.infopack-open .t3d-app-infopack-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 9px;
  padding-top: 9px;
  border-top: 1px solid var(--t3line2);
}
@media (max-width: 768px) {
  .t3d-app-card-side .t3d-app-side-resources > .t3d-app-infopack-list { flex-basis: auto; }
}

/* ============================================================
   T3D — Card evenimente v3 (stil aplicatii) — pagina /evenimente/
   Adaugat la final; scopat sub #events_front_out; nu atinge profilul.
   ============================================================ */
/* Culoarea programului vine din PHP (handlers/t3d-program-color.php) prin doua
   variabile puse pe card: --t3prog (fundal) si --t3prog-ink (cerneala care se
   citeste pe el). Valorile implicite tin cardul in picioare daca fisierul ala
   lipseste; clasa .esc-card ramane pentru evenimentele randate de cod vechi. */
#events_front_out .ev-card{ background:var(--t3card); border-radius:14px; box-shadow:0 3px 14px color-mix(in srgb, var(--t3blue-d) 6%, transparent); border-left:5px solid var(--t3prog, var(--t3blue)); padding:15px; margin-bottom:15px; }
#events_front_out .ev-card.esc-card{ border-left-color:var(--t3prog, var(--t3green)); }
#events_front_out .ev-row{ display:flex; align-items:flex-start; gap:15px; }
#events_front_out .ev-thumb{ flex:0 0 130px; width:130px; height:130px; border-radius:12px; background-size:cover; background-position:center; background-color:var(--t3blue-bg); position:relative; display:block; overflow:hidden; }
/* Miniatura e acum o imagine REALĂ, nu un fundal: doar așa poate primi „srcset” și
   poate alege singură fișierul potrivit ecranului. „object-fit:cover” face exact ce
   făcea „background-size:cover”, iar culoarea de fundal rămâne cât se încarcă poza.
   Insignia programului stă deasupra, fiind poziționată după imagine în cod. */
#events_front_out .ev-thumb img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; display:block; border-radius:inherit; }
#events_front_out .ev-prog{ position:absolute; top:8px; left:8px; font-size:10px; font-weight:900; padding:4px 9px; border-radius:30px; color:var(--t3prog-ink, var(--t3white)); background:var(--t3prog, var(--t3blue)); white-space:nowrap; }
#events_front_out .ev-prog.esc{ background:var(--t3prog, var(--t3green)); }
#events_front_out .ev-info{ flex:1 1 auto; min-width:0; }
#events_front_out .ev-title{ font-size:18px; font-weight:900; color:var(--t3ink); margin:0 0 2px; line-height:1.25; text-decoration:none; display:inline-block; }
#events_front_out .ev-title:hover{ color:var(--t3blue); }
#events_front_out .ev-type{ font-size:13px; font-weight:800; color:#5e35b1; margin:0 0 8px; }
#events_front_out .ev-meta{ display:flex; align-items:center; gap:6px; font-size:12.5px; font-weight:700; color:var(--t3muted); margin:4px 0; }
#events_front_out .ev-meta svg{ flex-shrink:0; }
#events_front_out .ev-flag{ width:16px !important; height:12px !important; border-radius:2px; vertical-align:-1px; margin-left:2px; display:inline-block; }
#events_front_out .ev-topics{ color:var(--t3faint); font-size:12px; line-height:1.4; align-items:flex-start; }
#events_front_out .ev-topics svg{ margin-top:2px; }
#events_front_out .ev-topics .ev-more{ display:inline-block; background:var(--t3blue-bg); color:var(--t3blue-h); font-weight:900; font-size:11px; padding:1px 8px; border-radius:20px; cursor:pointer; margin-left:3px; transition:background .12s; }
#events_front_out .ev-topics .ev-more:hover{ background:var(--t3blue-bg); }
#events_front_out .ev-topics .ev-extra{ display:none; }
#events_front_out .ev-topics .ev-extra.show{ display:inline; }
#events_front_out .ev-aside{ flex:0 0 250px; max-width:250px; display:flex; flex-direction:column; gap:10px; }
#events_front_out .perks{ padding:11px 13px; border-radius:11px; background:var(--t3bg); border:1px solid var(--t3line2); }
#events_front_out .perks .pm{ display:flex; align-items:center; gap:9px; font-size:12.5px; font-weight:800; color:var(--t3txt); }
#events_front_out .perks .ico{ flex:0 0 auto; width:23px; height:23px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; background:var(--t3blue-bg); }
#events_front_out .perks .ico svg{ width:14px; height:14px; }
#events_front_out .perks.free .ico{ background:var(--t3green-bg); }
#events_front_out .perks .ps{ font-size:11.5px; font-weight:700; color:var(--t3faint); margin-top:4px; padding-left:32px; }
#events_front_out .status{ display:flex; align-items:center; justify-content:center; gap:7px; text-align:center; font-size:13px; font-weight:900; padding:10px 12px; border-radius:11px; text-decoration:none; border:1.5px solid transparent; line-height:1.2; transition:background .15s, border-color .15s; }
#events_front_out .status.open{ background:var(--t3green-bg); border-color:var(--t3green-ln); color:var(--t3green); }
#events_front_out .status.open:hover{ background:var(--t3green-bg); border-color:#a4d6b5; }
#events_front_out .status.last{ background:var(--t3orange-bg); border-color:var(--t3orange-ln); color:#d98a1f; }
#events_front_out .status.last:hover{ background:var(--t3amber-bg); border-color:var(--t3orange-ln); }
#events_front_out .status.closed{ background:var(--t3red-bg); border-color:var(--t3red-ln); color:var(--t3red); font-weight:800; }
#events_front_out .status .u{ opacity:.9; font-size:11px; font-weight:800; margin-left:1px; }
#events_front_out .status .st-ico{ flex:0 0 auto; }
@keyframes t3d-rocket-fly { 0%,100%{ transform:translate(0,0) rotate(0); } 30%{ transform:translate(1.5px,-2px) rotate(6deg); } 60%{ transform:translate(2.5px,-3.5px) rotate(11deg); } }
#events_front_out .status.open:hover .st-ico{ animation:t3d-rocket-fly .8s ease-in-out infinite; }
@media(max-width:860px){
  #events_front_out .ev-row{ flex-wrap:wrap; align-items:flex-start; }
  #events_front_out .ev-info{ flex:1 1 60%; min-width:160px; }
  #events_front_out .ev-aside{ flex:1 1 100%; max-width:100%; flex-direction:row; margin-top:4px; }
  #events_front_out .ev-aside .perks{ flex:1; }
  #events_front_out .ev-aside .status{ flex:0 0 170px; display:flex; align-items:center; justify-content:center; }
}
@media(max-width:560px){
  #events_front_out .ev-thumb{ flex:0 0 92px; width:92px; height:92px; }
  #events_front_out .ev-aside{ flex-direction:column; }
  #events_front_out .ev-aside .status{ flex:0 0 auto; }
}


/* ===== T3D: iconita info + tooltip pe taxa de participare ===== */
#events_front_out .t3d-fee-info{ position:relative; display:inline-flex; align-items:center; justify-content:center; width:16px; height:16px; margin-left:7px; cursor:help; vertical-align:-3px; flex:0 0 auto; }
#events_front_out .t3d-fee-info svg{ width:16px; height:16px; display:block; }
#events_front_out .t3d-fee-tip{ position:absolute; bottom:155%; left:50%; transform:translateX(-50%) translateY(5px); width:214px; max-width:78vw; background:var(--t3navy); color:var(--t3white); font-size:11.5px; font-weight:600; line-height:1.45; padding:9px 12px; border-radius:9px; opacity:0; visibility:hidden; transition:opacity .18s ease, transform .18s ease; z-index:60; text-align:center; box-shadow:0 8px 20px color-mix(in srgb, var(--t3navy) 25%, transparent); pointer-events:none; white-space:normal; }
#events_front_out .t3d-fee-tip::after{ content:''; position:absolute; top:100%; left:50%; transform:translateX(-50%); border:6px solid transparent; border-top-color:var(--t3navy); }
#events_front_out .t3d-fee-info:hover .t3d-fee-tip,
#events_front_out .t3d-fee-info:focus .t3d-fee-tip,
#events_front_out .t3d-fee-info:focus-within .t3d-fee-tip{ opacity:1; visibility:visible; transform:translateX(-50%) translateY(0); }


/* ================================================================
   NP v1.1 — NOUL PROFIL (design system Navimus)
   Semnătura: tichet cu colțuri teșite (--t3dnp-cut), compass-star,
   tipografie mare, separare prin spațiu. Tokens pe :root (prefix
   unic t3dnp — headerul, navigația și TabHome stau în afara
   .t3d-profile-wrap, deci scoping-ul trebuie să fie global).
   Pe Navimus, tokens vin din profilul organizației.
   ================================================================ */
/* Tokenii --t3dnp-* au plecat pe 21-09-2026 în gd-tinerii3d-tokens.css (comun cu panoul);
   accentul, hover-ul și fundalul pal trimit la tokenii de brand --t3*. */

/* ---------- header: inelul de progres pe avatar ---------- */
.t3d-phead-avatar-ring.t3dnp-hasring{background:none;padding:3px}
.t3dnp-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg);pointer-events:none;z-index:1}
.t3dnp-ring-track{stroke:var(--t3dnp-line)}
.t3dnp-ring-fill{stroke:var(--t3dnp-accent);transition:stroke-dashoffset .5s ease}
.t3dnp-ring-pct{position:absolute;bottom:-9px;left:50%;transform:translateX(-50%);z-index:3;background:var(--t3dnp-accent);color:var(--t3white);font-size:9px;font-weight:900;letter-spacing:.05em;padding:2px 8px;white-space:nowrap;clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px)}

/* ---------- header: clopoțelul (cool edition) ---------- */
.t3dnp-notif{position:relative;margin-left:auto;flex:0 0 auto;align-self:center}
.t3dnp-bell{position:relative;width:46px;height:46px;border:1.5px solid var(--t3dnp-line);background:var(--t3card);color:var(--t3dnp-ink);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:border-color .18s,color .18s,background .18s,transform .18s;clip-path:polygon(var(--t3dnp-cut-s) 0,100% 0,100% calc(100% - var(--t3dnp-cut-s)),calc(100% - var(--t3dnp-cut-s)) 100%,0 100%,0 var(--t3dnp-cut-s))}
.t3dnp-bell svg{transform-origin:top center}
.t3dnp-bell:hover{border-color:var(--t3dnp-accent);color:var(--t3dnp-accent-dark);background:var(--t3dnp-accent-soft);transform:translateY(-1px)}
.t3dnp-bell:hover svg{animation:t3dnp-swing .7s ease}
@keyframes t3dnp-swing{
  0%{transform:rotate(0)} 22%{transform:rotate(14deg)} 44%{transform:rotate(-11deg)}
  66%{transform:rotate(7deg)} 84%{transform:rotate(-4deg)} 100%{transform:rotate(0)}
}
.t3dnp-bell-n{position:absolute;top:2px;right:2px;min-width:17px;height:17px;background:var(--t3dnp-bad);color:var(--t3white);font-size:10px;font-weight:900;display:flex;align-items:center;justify-content:center;padding:0 4px;clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px);animation:t3dnp-pulse 2.2s ease infinite}
@keyframes t3dnp-pulse{0%,100%{transform:scale(1)}12%{transform:scale(1.22)}24%{transform:scale(1)}}
.t3dnp-notif-panel{display:none;position:absolute;top:calc(100% + 12px);right:0;width:min(370px,calc(100vw - 40px));background:var(--t3card);border:1.5px solid var(--t3dnp-line);box-shadow:0 18px 44px color-mix(in srgb, var(--t3txt) 16%, transparent);z-index:60;clip-path:polygon(var(--t3dnp-cut-s) 0,100% 0,100% calc(100% - var(--t3dnp-cut-s)),calc(100% - var(--t3dnp-cut-s)) 100%,0 100%,0 var(--t3dnp-cut-s))}
.t3dnp-notif.t3dnp-open .t3dnp-notif-panel{display:block;animation:t3dnp-pop .2s ease}
@keyframes t3dnp-pop{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
.t3dnp-notif.t3dnp-open .t3dnp-bell{border-color:var(--t3dnp-accent);color:var(--t3dnp-accent-dark);background:var(--t3dnp-accent-soft)}
.t3dnp-notif-head{display:flex;align-items:center;gap:8px;padding:13px 16px 11px;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--t3dnp-mut);border-bottom:1px solid var(--t3dnp-line)}
.t3dnp-notif-head:before{content:"";width:5px;height:5px;background:var(--t3dnp-accent);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.t3dnp-notif-list{max-height:min(380px,60vh);overflow-y:auto}
.t3dnp-notif-item{display:flex;gap:10px;padding:12px 16px;border-bottom:1px solid var(--t3line2);text-decoration:none;color:inherit}
.t3dnp-notif-item:last-child{border-bottom:0}
a.t3dnp-notif-item:hover{background:var(--t3bg)}
.t3dnp-notif-dot{flex:0 0 8px;width:8px;height:8px;margin-top:6px;background:var(--t3dnp-accent);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.t3dnp-tone-good .t3dnp-notif-dot{background:var(--t3dnp-good)}
.t3dnp-tone-act .t3dnp-notif-dot{background:var(--t3dnp-warn)}
.t3dnp-notif-tx{flex:1;min-width:0;font-size:13px;font-weight:700;color:var(--t3dnp-tx);line-height:1.5}
.t3dnp-notif-tx time{display:block;font-size:11px;color:var(--t3dnp-faint);font-weight:700;margin-top:2px}
.t3dnp-notif-empty{padding:22px 18px;font-size:13px;font-weight:600;color:var(--t3dnp-mut);line-height:1.6}

/* ---------- navigația: editorial, underline teșit ---------- */
.tab.t3d-tabs{background:none !important;border:0 !important;border-bottom:1.5px solid var(--t3dnp-line) !important;border-radius:0 !important;padding:0 !important;margin:22px 0 0 !important;gap:4px !important;box-shadow:none !important;flex-wrap:nowrap !important;overflow-x:auto;scrollbar-width:none}
.tab.t3d-tabs::-webkit-scrollbar{display:none}
.tab.t3d-tabs .tablinks{flex:0 1 auto !important;background:none !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;color:var(--t3dnp-mut) !important;font-weight:800 !important;font-size:14px !important;padding:12px 12px 14px !important;position:relative;white-space:nowrap;cursor:pointer;transition:color .15s}
.tab.t3d-tabs .tablinks:hover{color:var(--t3dnp-ink) !important;background:none !important}
.tab.t3d-tabs .tablinks.active{color:var(--t3dnp-ink) !important;background:none !important}
.tab.t3d-tabs .tablinks.active::after{content:"";position:absolute;left:10px;right:10px;bottom:-1.5px;height:3px;background:var(--t3dnp-accent);clip-path:polygon(3px 0,100% 0,calc(100% - 3px) 100%,0 100%)}
.tab.t3d-tabs .tablinks .t3d-tab-icon{width:18px;height:18px}
@media (max-width:600px){
  .tab.t3d-tabs .tablinks{font-size:12.5px !important;padding:11px 8px 13px !important;gap:3px !important}
  .tab.t3d-tabs .tablinks .t3d-tab-icon{width:16px;height:16px}
}

/* ---------- TabHome: structură ---------- */
#TabHome{padding-top:28px}
.t3dnp-kick{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;color:var(--t3dnp-mut)}
.t3dnp-cstar{color:var(--t3dnp-accent);flex:0 0 auto}
.t3dnp-h2{margin:8px 0 0 !important;font-size:25px;line-height:1.25;font-weight:900;color:var(--t3dnp-ink);letter-spacing:-.015em}
.t3dnp-h2 b{color:var(--t3dnp-accent-dark);font-weight:900}
.t3dnp-ctaw{display:inline-block;margin-top:16px;filter:drop-shadow(0 8px 14px color-mix(in srgb, var(--t3txt) 14%, transparent))}
.t3dnp-cta{display:inline-flex;align-items:center;gap:9px;background:var(--t3dnp-accent);color:var(--t3white) !important;border:0;padding:13px 24px;font-size:14px;font-weight:900;cursor:pointer;text-decoration:none !important;transition:background .15s;clip-path:polygon(var(--t3dnp-cut-s) 0,100% 0,100% calc(100% - var(--t3dnp-cut-s)),calc(100% - var(--t3dnp-cut-s)) 100%,0 100%,0 var(--t3dnp-cut-s))}
.t3dnp-cta:hover{background:var(--t3dnp-accent-dark);color:var(--t3white) !important}
.t3dnp-eta{display:block;margin-top:10px;font-size:12.5px;font-weight:700;color:var(--t3dnp-mut)}
.t3dnp-hr{margin:32px 0 0 !important;border:0 !important;border-top:1.5px solid var(--t3dnp-line) !important;height:0}
.t3dnp-rowhead{display:flex;align-items:baseline;gap:10px;margin-top:28px}
.t3dnp-rowhead h3{margin:0 !important;font-size:16px;font-weight:900;color:var(--t3dnp-ink)}
.t3dnp-rowhead a{margin-left:auto;font-size:12.5px;font-weight:800;color:var(--t3dnp-accent-dark);text-decoration:none}
.t3dnp-rowhead a:hover{text-decoration:underline}
.t3dnp-soon{margin-left:auto;font-size:11px;font-weight:800;letter-spacing:.05em;color:var(--t3dnp-faint);text-transform:uppercase}

/* ---------- TabHome: mini-tichetele aplicațiilor ---------- */
.t3dnp-passes{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.t3dnp-mpass{position:relative;background:var(--t3card);border:1.5px solid var(--t3dnp-line);padding:14px 16px 13px 18px;cursor:pointer;transition:transform .15s;clip-path:polygon(var(--t3dnp-cut-s) 0,100% 0,100% calc(100% - var(--t3dnp-cut-s)),calc(100% - var(--t3dnp-cut-s)) 100%,0 100%,0 var(--t3dnp-cut-s))}
.t3dnp-mpass:hover{transform:none}
.t3dnp-mpedge{position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--t3dnp-faint)}
.t3dnp-mp-act .t3dnp-mpedge{background:repeating-linear-gradient(45deg,var(--t3dnp-warn) 0 6px,transparent 6px 12px)}
.t3dnp-mp-good .t3dnp-mpedge{background:var(--t3dnp-good)}
.t3dnp-mp-wait .t3dnp-mpedge{background:var(--t3dnp-accent)}
.t3dnp-mproute{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:900;color:var(--t3dnp-ink);letter-spacing:.03em}
.t3dnp-mproute svg{color:#b9cad7;flex:0 0 auto}
.t3dnp-mpev{font-size:12.5px;font-weight:700;color:var(--t3dnp-mut);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.t3dnp-mpst{display:inline-block;margin-top:9px;font-size:10.5px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--t3dnp-mut)}
.t3dnp-mp-act .t3dnp-mpst{color:var(--t3dnp-warn)}
.t3dnp-mp-good .t3dnp-mpst{color:var(--t3dnp-good)}
.t3dnp-mp-wait .t3dnp-mpst{color:var(--t3dnp-accent-dark)}
.t3dnp-mp-off .t3dnp-mpst{color:var(--t3dnp-bad)}

/* ---------- TabHome: călătoria + noutăți ---------- */
.t3dnp-jline{display:flex;align-items:flex-end;gap:32px;margin-top:14px;flex-wrap:wrap}
.t3dnp-jn b{display:block;font-size:38px;font-weight:900;color:var(--t3dnp-ink);line-height:1;letter-spacing:-.02em}
.t3dnp-jn:first-child b{color:var(--t3dnp-accent-dark)}
.t3dnp-jn span{display:block;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--t3dnp-mut);margin-top:5px}
.t3dnp-jflags{display:flex;align-items:center;gap:7px;margin-top:14px;flex-wrap:wrap}
.t3dnp-jflags img{width:28px;height:19px;border-radius:2px;box-shadow:0 1px 4px color-mix(in srgb, var(--t3txt) 22%, transparent);display:block}
.t3dnp-jmore{font-size:11.5px;font-weight:900;color:var(--t3dnp-accent-dark)}
.t3dnp-jempty{margin:14px 0 0 !important;font-size:13.5px;font-weight:600;color:var(--t3dnp-mut);line-height:1.6}
.t3dnp-jempty a{color:var(--t3dnp-accent-dark);font-weight:800;text-decoration:none}
.t3dnp-jempty a:hover{text-decoration:underline}
/* ---- Stări goale din profil (Acasă / TED Pass / Notificări) --------------
   Toate trei folosesc tokenii de mai sus, deci se schimbă odată cu tema.
   Cardurile de oportunitate își iau muchia din --t3prog, pusă de PHP prin
   sursa unică handlers/t3d-program-color.php — aceeași culoare ca biletele
   din Aplicații și ca insignele de pe /evenimente/. Fallback pe accent, ca
   să arate corect chiar dacă fișierul ăla lipsește.
   Mobil: cardurile sunt oricum pe un rând, deci nu au nevoie de stivuire. */
/* Cardurile de oportunitate = cardurile de pe /evenimente/, la scară mică.
   Aceleași valori, copiate de acolo, NU aproximate: titlul 900/#1a4d7a, meta
   700/#6b7888, pastila de status cu aceleași trei perechi de culori. Diferă doar
   mărimile: miniatura 86px desktop / 68px mobil, titlul 15px în loc de 18.
   Iconițele de meta sunt albastre fixe, ca pe cardurile mari — culoarea
   programului stă pe muchie și pe insignă, nicăieri altundeva. */
.t3dnp-opps{margin-top:14px;display:flex;flex-direction:column;gap:11px}
.t3dnp-opp{display:flex;align-items:flex-start;gap:13px;box-sizing:border-box;max-width:100%;background:var(--t3card);border-radius:12px;box-shadow:0 3px 14px color-mix(in srgb, var(--t3blue-d) 6%, transparent);border-left:4px solid var(--t3prog, var(--t3dnp-accent));padding:12px 14px;transition:box-shadow .15s}
.t3dnp-opp:hover{box-shadow:0 5px 20px color-mix(in srgb, var(--t3blue-d) 12%, transparent)}
.t3dnp-opp-th{position:relative;flex:0 0 86px;width:86px;height:86px;border-radius:9px;background:var(--t3blue-bg);overflow:hidden;display:block;text-decoration:none}
.t3dnp-opp-th img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;border-radius:inherit}
.t3dnp-opp-prog{position:absolute;top:5px;left:5px;z-index:2;font-size:9.5px;font-weight:900;letter-spacing:.02em;padding:2px 7px;border-radius:30px;color:var(--t3prog-ink, var(--t3white));background:var(--t3prog, var(--t3dnp-accent));white-space:nowrap}
.t3dnp-opp-in{flex:1 1 auto;min-width:0}
.t3dnp-opp-t{display:inline-block;font-size:15px;font-weight:900;color:var(--t3ink);line-height:1.25;margin:0 0 4px;text-decoration:none}
.t3dnp-opp-t:hover{color:var(--t3blue)}
.t3dnp-opp-m{display:flex !important;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--t3muted);margin:4px 0 !important;line-height:1.4}
.t3dnp-opp-m svg{flex:0 0 12px}
.t3dnp-opp-m>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.t3dnp-opp-st{flex:0 0 auto;align-self:center;display:flex;align-items:center;justify-content:center;gap:6px;text-align:center;font-size:12px;font-weight:900;padding:8px 12px;border-radius:11px;text-decoration:none;border:1.5px solid transparent;line-height:1.2;white-space:nowrap;transition:background .15s,border-color .15s}
.t3dnp-opp-st.open{background:var(--t3green-bg);border-color:var(--t3green-ln);color:var(--t3green)}
.t3dnp-opp-st.open:hover{background:var(--t3green-bg);border-color:#a4d6b5}
.t3dnp-opp-st.last{background:var(--t3orange-bg);border-color:var(--t3orange-ln);color:#d98a1f}
.t3dnp-opp-st.last:hover{background:var(--t3amber-bg);border-color:var(--t3orange-ln)}
.t3dnp-opp-st.closed{background:var(--t3red-bg);border-color:var(--t3red-ln);color:var(--t3red);font-weight:800}
.t3dnp-opp-st .u{opacity:.9;font-size:10.5px;font-weight:800}
.t3dnp-opp-st .st-ico{flex:0 0 auto}
@media(max-width:700px){
  .t3dnp-opp{flex-wrap:wrap;gap:11px;padding:11px}
  .t3dnp-opp-th{flex:0 0 68px;width:68px;height:68px}
  .t3dnp-opp-in{flex:1 1 140px}
  .t3dnp-opp-t{font-size:14px}
  .t3dnp-opp-m{font-size:12px}
  .t3dnp-opp-st{flex:1 1 100%;align-self:stretch;margin-top:2px}
}
.t3dnp-passcta{margin-top:20px;padding:16px 18px;box-sizing:border-box;max-width:100%;background:var(--t3dnp-accent-soft);border-left:4px solid var(--t3dnp-accent)}
.t3dnp-passcta-t{margin:0 !important;font-size:14.5px;font-weight:900;color:var(--t3dnp-ink)}
.t3dnp-passcta-s{margin:4px 0 10px !important;font-size:13px;font-weight:600;color:var(--t3dnp-tx);line-height:1.55}
.t3dnp-passcta a{font-size:13.5px;font-weight:900;color:var(--t3dnp-accent-dark);text-decoration:none}
.t3dnp-passcta a:hover{text-decoration:underline}
.t3dnp-emptybox{margin-top:18px;box-sizing:border-box;max-width:100%}
.t3dnp-emptybox-t{margin:0 !important;font-size:15px;font-weight:900;color:var(--t3dnp-ink)}
.t3dnp-emptybox-s{margin:5px 0 12px !important;font-size:13.5px;font-weight:600;color:var(--t3dnp-tx);line-height:1.6}
.t3dnp-emptybox-l{margin:0 !important;padding:0 !important;list-style:none !important}
.t3dnp-emptybox-l li{position:relative;padding-left:24px;margin:0 0 8px !important;font-size:13.5px;font-weight:600;color:var(--t3dnp-tx);line-height:1.5}
.t3dnp-emptybox-l li::before{content:"";position:absolute;left:2px;top:6px;width:9px;height:9px;background:var(--t3dnp-accent);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.t3dnp-feed{margin-top:6px}
.t3dnp-fitem{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--t3line2)}
.t3dnp-fitem:last-child{border-bottom:0}
.t3dnp-fdot{flex:0 0 8px;width:8px;height:8px;margin-top:6px;background:var(--t3dnp-accent);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.t3dnp-fitem p{margin:0 !important;font-size:13.5px;font-weight:700;color:var(--t3dnp-tx);line-height:1.5}
.t3dnp-fitem time{display:block;font-size:11px;color:var(--t3dnp-faint);font-weight:700;margin-top:2px}

@media (max-width:680px){
  .t3dnp-passes{grid-template-columns:1fr}
  .t3dnp-h2{font-size:21px}
  .t3dnp-jline{gap:24px}
  .t3dnp-jn b{font-size:32px}
  #TabHome{padding-top:22px}
}


/* ---------- F2: Aplicațiile mele — cardul ca BILET ---------- */
.t3d-app-card{border-radius:0 !important;border:1.5px solid var(--t3dnp-line) !important;border-left:4px solid var(--t3faint) !important;box-shadow:none !important;background:var(--t3card);transition:transform .15s}
.t3d-app-card:hover{transform:none}
.t3d-app-card.is-open{transform:none}
.t3d-app-card-header{display:flex !important;align-items:stretch !important;gap:0 !important;padding:0 !important;position:relative;border-radius:0 !important}
.t3d-tkm{flex:1;min-width:0;padding:16px 20px 14px}
.t3d-tk-tag{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:var(--t3dnp-mut);margin-bottom:3px}
.t3d-tk-dia{width:5px;height:5px;background:var(--t3dnp-accent);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);flex:0 0 auto}
.t3d-app-card-title{font-weight:900 !important;color:var(--t3dnp-ink) !important;font-size:16px !important;text-decoration:none}
.t3d-app-card-title:hover{color:var(--t3dnp-accent-dark) !important}
.t3d-tk-route{display:flex;align-items:center;gap:14px;margin:10px 0 2px;flex-wrap:wrap}
.t3d-tk-ap{display:flex;flex-direction:column;min-width:0}
.t3d-tk-ap b{font-size:27px;font-weight:900;color:var(--t3dnp-ink);letter-spacing:.02em;line-height:1}
.t3d-tk-ap span{font-size:10px;font-weight:800;color:var(--t3dnp-mut);margin-top:3px;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}
.t3d-tk-line{display:flex;align-items:center;gap:5px;color:#c3d2de;flex:1 0 52px;max-width:150px}
.t3d-tk-line i{flex:1;min-width:12px;border-top:2px dashed var(--t3line)}
.t3d-tk-meta{display:flex;gap:26px;margin-top:13px;flex-wrap:wrap}
.t3d-tk-m span{display:block;font-size:9.5px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--t3dnp-faint)}
.t3d-tk-m b{display:block;font-size:13px;font-weight:800;color:var(--t3dnp-ink);margin-top:2px}
.t3d-tk-m b img{width:17px;height:12px;border-radius:2px;vertical-align:-1px;box-shadow:0 0 0 1px rgba(0,0,0,.06)}
.t3d-tk-steps{display:flex;align-items:center;margin-top:15px;max-width:420px}
.t3d-tk-sp{width:11px;height:11px;background:var(--t3blue-bg);flex:0 0 auto;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.t3d-tk-sp.done{background:var(--t3dnp-good)}
.t3d-tk-sp.now{background:var(--t3dnp-accent)}
.t3d-tk-sl{flex:1;height:2.5px;background:var(--t3blue-bg)}
.t3d-tk-sl.done{background:var(--t3dnp-good)}
.t3d-tk-slabel{font-size:11px;font-weight:800;color:var(--t3dnp-mut);margin-top:8px;line-height:1.6}
.t3d-tk-slabel b{color:var(--t3dnp-accent-dark);font-weight:900}
.t3d-tk-slabel span{color:#c3d2de}
.t3d-tks{flex:0 0 176px;border-left:1px dashed var(--t3line);background:var(--t3card);padding:16px 16px 12px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;position:relative}
.t3d-tks:before,.t3d-tks:after{display:none}
.t3d-tks:before{top:-10px}
.t3d-tks:after{bottom:-10px}
.t3d-tk-glab{font-size:9.5px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--t3dnp-faint)}
.t3d-tk-gval{font-size:13.5px;font-weight:900;letter-spacing:.03em;text-transform:uppercase;line-height:1.35;margin-top:-4px}
.t3d-tk-cta{margin-top:auto;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--t3dnp-accent);color:var(--t3white) !important;border:0;padding:11px 10px;font-family:inherit;font-size:12.5px;font-weight:900;cursor:pointer;text-decoration:none !important;text-align:center;transition:background .15s;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}
.t3d-tk-cta:hover{background:var(--t3dnp-accent-dark);color:var(--t3white) !important}
.t3d-tk-ghost{margin-top:auto;width:100%;background:none;border:1.5px solid var(--t3dnp-line);color:var(--t3dnp-mut);padding:9px 10px;font-family:inherit;font-size:12px;font-weight:800;cursor:pointer;transition:.15s;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}
.t3d-tk-ghost:hover{border-color:var(--t3dnp-accent);color:var(--t3dnp-accent-dark)}
.t3d-tk-bar{width:100%;height:24px;margin-top:auto;background:repeating-linear-gradient(90deg,var(--t3dnp-ink) 0 2px,transparent 2px 5px,var(--t3dnp-ink) 5px 6px,transparent 6px 10px);opacity:.7}
.t3d-tk-code{font-size:8.5px;font-weight:800;letter-spacing:.1em;color:var(--t3dnp-faint)}
.t3d-app-card-hbadge{display:none !important}
.t3d-app-card-chevron{position:absolute;bottom:9px;right:11px;color:var(--t3dnp-faint);transition:transform .2s}
.t3d-app-card.is-open .t3d-app-card-chevron{transform:rotate(180deg)}
.t3d-app-card-body{border-top:1.5px solid var(--t3dnp-line) !important}
/* butoanele de actiune din body: tesite */
.t3d-app-action-btn,.t3d-apps-empty-cta,.t3d-apps-next-cta{border-radius:0 !important;font-weight:900 !important;clip-path:polygon(var(--t3dnp-cut-s) 0,100% 0,100% calc(100% - var(--t3dnp-cut-s)),calc(100% - var(--t3dnp-cut-s)) 100%,0 100%,0 var(--t3dnp-cut-s))}
@media (max-width:640px){
  .t3d-app-card-header{flex-direction:column !important}
  .t3d-tkm{padding:15px 16px 12px}
  .t3d-tks{flex:none;border-left:0;border-top:1px dashed var(--t3line);flex-direction:row;align-items:center;flex-wrap:wrap;gap:6px 10px;padding:12px 14px 26px}
  .t3d-tks:before,.t3d-tks:after{display:none}
  .t3d-tk-gval{margin-top:0;font-size:12px}
  .t3d-tk-cta,.t3d-tk-ghost,.t3d-tk-bar{margin-top:0;margin-left:auto;width:auto;min-width:130px}
  .t3d-tk-bar{width:96px;min-width:0}
  .t3d-tk-code{position:absolute;bottom:8px;left:16px}
  .t3d-tk-ap b{font-size:21px}
  .t3d-tk-ap span{max-width:104px}
  .t3d-tk-meta{gap:16px}
  .t3d-app-card-chevron{bottom:7px;right:9px}
}


/* ---------- F2c: bilet fidel mockup + listă unică + coloană îngustă ---------- */
.t3d-apps-wrap{max-width:920px;margin:0 auto}
.t3dnp-lead{margin:6px 0 0 !important;font-size:14px;color:var(--t3dnp-mut);font-weight:600}
.t3d-apps-wrap .t3dnp-h2{margin-top:8px !important}
.t3d-apps-wrap > .t3dnp-lead{margin-bottom:6px !important}
.t3d-app-card{filter:drop-shadow(0 10px 18px color-mix(in srgb, var(--t3txt) 8%, transparent)) drop-shadow(0 0 .7px color-mix(in srgb, var(--t3txt) 28%, transparent));margin-bottom:18px !important}
.t3d-app-card:hover{filter:drop-shadow(0 16px 26px color-mix(in srgb, var(--t3txt) 12%, transparent))}
.t3d-tk-oprow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.t3d-tk-mark{flex:0 0 auto;display:block;color:var(--t3dnp-faint,var(--t3faint))}
.t3d-tk-op{font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--t3dnp-mut)}
.t3d-tk-op b{color:var(--t3dnp-accent-dark)}
.t3d-tk-type{margin-left:auto;font-size:9.5px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--t3dnp-faint)}
.t3d-tk-route{margin-top:12px}
.t3d-tk-m b .t3d-app-card-title{font-size:13px !important;font-weight:800 !important}
/* lista unică: fostele secțiuni curg fără spații de grup */
.t3d-apps-current,.t3d-apps-history{margin:0 !important;padding:0 !important;border:0 !important;background:none !important}
.t3d-apps-history-list{display:block !important}
@media (max-width:640px){
  .t3d-tk-type{margin-left:0;width:100%;order:3}
}


/* ---------- F2d: coloană unificată 920 + titlu propriu + meta stabilă + timeline istoric ---------- */
#TabHome,#Tab1,#Tab2,#Tab3,#Tab4,#Tab5,#Tab7{max-width:920px !important;margin-left:auto !important;margin-right:auto !important}
.tab.t3d-tabs{max-width:920px;margin-left:auto !important;margin-right:auto !important}
.t3d-tk-title{display:block;font-size:15px !important;font-weight:900 !important;color:var(--t3dnp-ink) !important;line-height:1.35;margin-top:7px;text-decoration:none}
.t3d-tk-title:hover{color:var(--t3dnp-accent-dark) !important}
.t3d-tk-route{margin-top:9px}
.t3d-tk-meta{display:grid;grid-template-columns:repeat(2,auto);justify-content:start;gap:8px 32px}
.t3d-tk-m b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:340px}
.t3d-tk-sp.off{background:var(--t3dnp-bad)}
.t3d-tk-slabel i{font-style:normal;font-size:10px;font-weight:700;color:var(--t3dnp-faint)}
.t3d-tk-slabel b.off{color:var(--t3dnp-bad)}
@media (max-width:640px){
  .t3d-tk-meta{grid-template-columns:1fr;gap:9px}
  .t3d-tk-m b{white-space:normal;max-width:none}
}


/* ---------- NP v1.5: fix mobil + header aliniat + Călătoria + Noutăți + reskin Profil/Cont ---------- */
/* FIX CRITIC mobil: titlul biletului moștenea nowrap din stilul vechi al cardului -> împingea biletul peste ecran */
.t3d-app-card-header .t3d-tk-title{white-space:normal !important;overflow:visible !important;text-overflow:clip !important;display:block !important}
.t3d-app-card{max-width:100%;overflow:hidden}

/* headerul de profil la aceeași lățime cu restul */
.t3d-phead{max-width:920px;margin-left:auto !important;margin-right:auto !important}

/* nav: 6 intrări — pe mobil doar iconițe la cele inactive */
@media (max-width:640px){
  .tab.t3d-tabs .tablinks span{display:none}
  .tab.t3d-tabs .tablinks.active span{display:inline}
  .tab.t3d-tabs .tablinks{padding:11px 10px 13px !important}
}

/* Călătoria: ștampilele pașaportului */
.t3dnp-maphint{margin-top:22px;border:1.5px dashed var(--t3line);padding:24px;text-align:center;color:var(--t3dnp-mut);font-size:13px;font-weight:700;background:var(--t3bg);clip-path:polygon(var(--t3dnp-cut-s) 0,100% 0,100% calc(100% - var(--t3dnp-cut-s)),calc(100% - var(--t3dnp-cut-s)) 100%,0 100%,0 var(--t3dnp-cut-s))}
.t3dnp-maphint b{color:var(--t3dnp-accent-dark)}
.t3dnp-stamps{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin-top:14px}
.t3dnp-stamp{position:relative;background:var(--t3card);border:1.5px solid var(--t3dnp-line);padding:12px 13px;display:flex;align-items:center;gap:11px;transition:transform .15s;clip-path:polygon(var(--t3dnp-cut-s) 0,100% 0,100% calc(100% - var(--t3dnp-cut-s)),calc(100% - var(--t3dnp-cut-s)) 100%,0 100%,0 var(--t3dnp-cut-s))}
.t3dnp-stamp:hover{transform:none}
.t3dnp-stamp img{width:30px;height:20px;border-radius:2px;box-shadow:0 1px 4px color-mix(in srgb, var(--t3txt) 22%, transparent);flex:0 0 auto}
.t3dnp-stamp-tx{min-width:0}
.t3dnp-stamp-tx b{display:block;font-size:13px;font-weight:900;color:var(--t3dnp-ink)}
.t3dnp-stamp-tx span{display:block;font-size:10.5px;color:var(--t3dnp-mut);font-weight:700;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.t3dnp-stamp-x{position:absolute;top:4px;right:6px;border:0;background:none;color:var(--t3dnp-faint);font-size:15px;font-weight:900;cursor:pointer;padding:2px 5px;line-height:1}
.t3dnp-stamp-x:hover{color:var(--t3dnp-bad)}
.t3dnp-addc{display:flex;gap:10px;margin-top:12px;max-width:460px}
.t3dnp-addc-sel{flex:1;min-width:0;border:1.5px solid var(--t3dnp-line);background:var(--t3card);padding:11px 13px;font-family:inherit;font-size:13.5px;font-weight:700;color:var(--t3dnp-ink);clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}
.t3dnp-addc-sel:focus{outline:none;border-color:var(--t3dnp-accent)}
.t3dnp-addc .t3dnp-cta{padding:11px 18px;font-size:13px}
@media (max-width:520px){ .t3dnp-addc{flex-direction:column;max-width:none} }

/* Noutăți: lista completă */
.t3dnp-nlist{margin-top:14px;background:var(--t3card);border:1.5px solid var(--t3dnp-line);clip-path:polygon(var(--t3dnp-cut-s) 0,100% 0,100% calc(100% - var(--t3dnp-cut-s)),calc(100% - var(--t3dnp-cut-s)) 100%,0 100%,0 var(--t3dnp-cut-s))}
.t3dnp-nitem{display:flex;gap:11px;padding:14px 17px;border-bottom:1px solid var(--t3line2);text-decoration:none;color:inherit}
.t3dnp-nitem:last-child{border-bottom:0}
a.t3dnp-nitem:hover{background:var(--t3bg)}
.t3dnp-nitem-tx{flex:1;min-width:0;font-size:13.5px;font-weight:700;color:var(--t3dnp-tx);line-height:1.55}
.t3dnp-nitem-tx time{display:block;font-size:11px;color:var(--t3dnp-faint);font-weight:700;margin-top:2px}

/* Reskin NP: Profil (Tab1) + Cont (Tab4) — forma-semnătură pe cardurile și controalele existente */
#Tab1 .t3d-card,#Tab4 .t3d-card,#Tab1 .tm-box-decoration-secondary,#Tab4 .tm-box-decoration-secondary{border-radius:0 !important;border:1.5px solid var(--t3dnp-line) !important;box-shadow:none !important;filter:drop-shadow(0 10px 18px color-mix(in srgb, var(--t3txt) 7%, transparent));clip-path:polygon(var(--t3dnp-cut) 0,100% 0,100% calc(100% - var(--t3dnp-cut)),calc(100% - var(--t3dnp-cut)) 100%,0 100%,0 var(--t3dnp-cut))}
#Tab1 input[type="text"],#Tab1 input[type="email"],#Tab1 input[type="tel"],#Tab1 input[type="date"],#Tab1 input[type="number"],#Tab1 input[type="url"],#Tab1 select,#Tab1 textarea,
#Tab4 input[type="text"],#Tab4 input[type="email"],#Tab4 input[type="tel"],#Tab4 input[type="password"],#Tab4 select,#Tab4 textarea{border-radius:0 !important;border:1.5px solid var(--t3dnp-line) !important;box-shadow:none !important;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}
#Tab1 input:focus,#Tab1 select:focus,#Tab1 textarea:focus,#Tab4 input:focus,#Tab4 select:focus,#Tab4 textarea:focus{border-color:var(--t3dnp-accent) !important;outline:none}
#Tab1 button,#Tab1 input[type="submit"],#Tab4 button,#Tab4 input[type="submit"],#Tab1 .t3d-btn,#Tab4 .t3d-btn{border-radius:0 !important;font-weight:900 !important;clip-path:polygon(var(--t3dnp-cut-s) 0,100% 0,100% calc(100% - var(--t3dnp-cut-s)),calc(100% - var(--t3dnp-cut-s)) 100%,0 100%,0 var(--t3dnp-cut-s))}
#Tab1 .t3d-card-header .t3d-card-icon,#Tab4 .t3d-card-header .t3d-card-icon{border-radius:0 !important;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}


/* ---------- NP v1.6: LIMBAJUL SĂGEȚII (non-bilet) + centrări ---------- */
/* centrare: TabNotif intră în coloana comună; navigația forțat pe centru */
#TabNotif{max-width:920px !important;margin-left:auto !important;margin-right:auto !important}
.tab.t3d-tabs{margin:22px auto 0 !important}

/* butoanele de acțiune non-bilet devin SĂGEATĂ (vârf pe dreapta) */
.t3dnp-cta{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%) !important;padding-right:30px !important}
.t3dnp-ctaw{filter:drop-shadow(0 8px 14px color-mix(in srgb, var(--t3txt) 16%, transparent))}
.t3dnp-cta svg{display:none}
.t3dnp-cta:hover{transform:translateX(3px)}

/* cardurile soft (non-bilet): drepte, curate; hoverul alunecă spre dreapta */
.t3dnp-stamp,.t3dnp-nlist,.t3dnp-addc-sel,.t3dnp-maphint,.t3dnp-notif-panel,.t3dnp-bell,.t3dnp-bell-n,.t3dnp-ring-pct{clip-path:none !important}
.t3dnp-stamp{border-left:3px solid transparent}
.t3dnp-stamp:hover{transform:none;border-left-color:var(--t3dnp-accent)}
a.t3dnp-nitem{position:relative;transition:background .14s}
a.t3dnp-nitem:after{content:"\2192";position:absolute;right:14px;top:50%;transform:translateY(-50%);font-weight:900;color:var(--t3dnp-accent-dark);opacity:0;transition:opacity .14s,transform .18s}
a.t3dnp-nitem:hover:after{opacity:1;transform:translate(3px,-50%)}
.t3dnp-mpass{clip-path:none !important}
.t3dnp-mpass:hover{transform:none;border-color:var(--t3dnp-accent)}

/* Profil + Cont: același limbaj drept (fără teșituri pe formulare) */
#Tab1 .t3d-card,#Tab4 .t3d-card,#Tab1 .tm-box-decoration-secondary,#Tab4 .tm-box-decoration-secondary,
#Tab1 input[type="text"],#Tab1 input[type="email"],#Tab1 input[type="tel"],#Tab1 input[type="date"],#Tab1 input[type="number"],#Tab1 input[type="url"],#Tab1 select,#Tab1 textarea,
#Tab4 input[type="text"],#Tab4 input[type="email"],#Tab4 input[type="tel"],#Tab4 input[type="password"],#Tab4 select,#Tab4 textarea,
#Tab1 button,#Tab1 input[type="submit"],#Tab4 button,#Tab4 input[type="submit"],#Tab1 .t3d-btn,#Tab4 .t3d-btn,
#Tab1 .t3d-card-header .t3d-card-icon,#Tab4 .t3d-card-header .t3d-card-icon{clip-path:none !important}

/* kicker: chevronul respiră spre dreapta */
.t3dnp-kick .t3dnp-cstar{transition:transform .18s}
.t3dnp-kick:hover .t3dnp-cstar{transform:translateX(2px)}


/* ---------- NP v1.6b: FIX DEFINITIV centrare navigație (specificitate + !important pe tot) ---------- */
.t3d-profile-wrap .tab.t3d-tabs,
.tab.t3d-tabs{
  width:100% !important;
  max-width:920px !important;
  margin:22px auto 0 !important;
  float:none !important;
  box-sizing:border-box !important;
}
/* săgețile-triunghi din monograma Navimus: jos = start, sus = final */
.t3dnp-kick .t3dnp-cstar{transition:transform .18s}
.t3dnp-kick:hover .t3dnp-cstar{transform:translateY(-1px)}
/* butonul-săgeată: vârf mai hotărât, în geometria triunghiului plin */
.t3dnp-cta{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%) !important;padding-right:32px !important}


/* ---------- NP v1.7: HARTA LUMII (Călătoria ta) ---------- */
.t3dnp-conts{display:flex;gap:6px;flex-wrap:wrap;margin:20px 0 12px}
.t3dnp-ct{border:1.5px solid var(--t3dnp-line);background:var(--t3card);color:var(--t3dnp-mut);font-family:inherit;font-size:12px;font-weight:900;letter-spacing:.02em;padding:8px 14px;cursor:pointer;transition:all .16s}
.t3dnp-ct:hover{color:var(--t3dnp-accent-dark);border-color:var(--t3dnp-accent);transform:translateX(2px)}
.t3dnp-ct.active{background:var(--t3dnp-accent);border-color:var(--t3dnp-accent);color:var(--t3white);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,0 100%)}
.t3dnp-mapcard{position:relative;background:var(--t3card);border:1.5px solid var(--t3dnp-line);padding:10px 10px 6px;filter:drop-shadow(0 12px 22px color-mix(in srgb, var(--t3txt) 7%, transparent))}
.t3dmap{width:100%;height:auto;display:block;max-height:560px;cursor:grab;touch-action:pan-y}
.t3dmap.dragging{cursor:grabbing}
.t3dmap-c{fill:var(--t3line2);stroke:var(--t3white);stroke-width:1;transition:fill .18s;cursor:pointer}
.t3dmap-c:hover{fill:#d8e4ee}
.t3dmap-c.is-part{fill:var(--t3dnp-accent)}
.t3dmap-c.is-part:hover{fill:var(--t3dnp-accent-dark)}
.t3dmap-c.is-home{fill:var(--t3blue-d)}
.t3dmap-c.is-home:hover{fill:#0a3763}
.t3dmap-c.is-visit{fill:#a5d9f5}
.t3dmap-c.is-visit:hover{fill:#8ccdf1}
.t3dmap-dot{fill:#c9d6e2;stroke:var(--t3white);stroke-width:1.4}
.t3dmap-dot.is-part{fill:var(--t3dnp-accent)}
.t3dmap-dot.is-visit{fill:#a5d9f5}
.t3dmap-c.is-disp{stroke:#9fb2c2;stroke-width:1;stroke-dasharray:3 2.4}
.t3dnp-mapzoom{position:absolute;right:16px;bottom:64px;display:flex;flex-direction:column;gap:6px;z-index:5}
.t3dnp-mapzoom button{width:34px;height:34px;border:1.5px solid var(--t3dnp-line);background:var(--t3card);color:var(--t3dnp-ink);font-size:18px;font-weight:900;cursor:pointer;line-height:1;transition:all .15s;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}
.t3dnp-mapzoom button:hover{border-color:var(--t3dnp-accent);color:var(--t3dnp-accent-dark)}
.t3dnp-maplegend{display:flex;flex-wrap:wrap;gap:14px;padding:12px 8px 8px;border-top:1.5px dashed var(--t3dnp-line);margin-top:8px}
.t3dnp-lg{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800;color:var(--t3dnp-mut)}
.t3dnp-lg i{width:13px;height:13px;display:inline-block;clip-path:polygon(3px 0,100% 0,100% calc(100% - 3px),calc(100% - 3px) 100%,0 100%,0 3px)}
.t3dnp-maptip{position:fixed;background:var(--t3dnp-ink);color:var(--t3white);padding:10px 13px;font-size:12.5px;font-weight:800;line-height:1.45;z-index:9999;opacity:0;pointer-events:none;transition:opacity .12s;max-width:250px;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}
.t3dnp-maptip small{display:block;font-weight:700;font-size:10.5px;color:#bcd8ee;margin-top:2px}
.t3dnp-maptip.show{opacity:1}
.t3dnp-maptip.hasbtn{pointer-events:auto}
.t3dnp-map-add{display:inline-flex;margin-top:8px;background:var(--t3dnp-accent);color:var(--t3white);border:0;font-family:inherit;font-size:11.5px;font-weight:900;padding:7px 18px 7px 12px;cursor:pointer;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 50%,calc(100% - 9px) 100%,0 100%)}
.t3dnp-map-add:hover{background:var(--t3dnp-accent-dark)}
@media (max-width:640px){
  .t3dnp-ct{padding:7px 10px;font-size:11px}
  .t3dnp-mapzoom{bottom:70px;right:12px}
}


/* ---------- NP v1.7b: banner beta (permanent, discret) ---------- */
.t3dnp-beta{max-width:920px;margin:0 auto 6px;display:flex;align-items:center;gap:11px;background:linear-gradient(135deg,var(--t3amber-bg),var(--t3orange-bg));border:1.5px dashed var(--t3orange-ln);padding:11px 15px;clip-path:polygon(var(--t3dnp-cut-s) 0,100% 0,100% calc(100% - var(--t3dnp-cut-s)),calc(100% - var(--t3dnp-cut-s)) 100%,0 100%,0 var(--t3dnp-cut-s))}
.t3dnp-beta-tag{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;background:var(--t3dnp-amber,var(--t3orange));color:var(--t3white);font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;padding:5px 11px;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 50%,calc(100% - 7px) 100%,0 100%)}
.t3dnp-beta-tx{font-size:12.5px;font-weight:700;color:var(--t3dnp-tx);line-height:1.5}
.t3dnp-beta-tx a{color:var(--t3dnp-accent-dark);font-weight:900;text-decoration:none;border-bottom:1.5px solid currentColor}
.t3dnp-beta-tx a:hover{color:var(--t3dnp-ink)}
@media (max-width:640px){ .t3dnp-beta{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 14px} }

/* ---------- Cont: schimbarea emailului (self-service) ---------- */
.t3dnp-flash{max-width:920px;margin:0 auto 10px;font-size:13px;font-weight:800;line-height:1.5;padding:12px 15px;border:1.5px solid;clip-path:polygon(var(--t3dnp-cut-s) 0,100% 0,100% calc(100% - var(--t3dnp-cut-s)),calc(100% - var(--t3dnp-cut-s)) 100%,0 100%,0 var(--t3dnp-cut-s))}
.t3dnp-flash.is-ok{background:var(--t3green-bg);border-color:var(--t3green-ln);color:var(--t3green)}
.t3dnp-flash.is-err{background:var(--t3pink-bg);border-color:var(--t3red-ln);color:#a83a4a}
.t3d-acc-ecpending{margin-top:10px;background:linear-gradient(135deg,var(--t3amber-bg),var(--t3orange-bg));border:1.5px dashed var(--t3orange-ln);padding:12px 14px;font-size:12.5px;color:var(--t3dnp-ink,var(--t3txt));line-height:1.5;clip-path:polygon(var(--t3dnp-cut-s) 0,100% 0,100% calc(100% - var(--t3dnp-cut-s)),calc(100% - var(--t3dnp-cut-s)) 100%,0 100%,0 var(--t3dnp-cut-s))}
.t3d-acc-ecpending-act{margin-top:9px;display:flex;gap:9px;align-items:center;font-weight:800;flex-wrap:wrap}
.t3d-acc-link-danger{color:var(--t3red) !important}
.t3d-acc-ecform{margin-top:12px;background:var(--t3bg);border:1.5px solid var(--t3line2);padding:14px 14px 12px;clip-path:polygon(var(--t3dnp-cut-s) 0,100% 0,100% calc(100% - var(--t3dnp-cut-s)),calc(100% - var(--t3dnp-cut-s)) 100%,0 100%,0 var(--t3dnp-cut-s))}
.t3d-acc-echelp{margin:2px 0 12px;font-size:12px;color:var(--t3muted);line-height:1.5}
.t3d-acc-ecform-act{display:flex;align-items:center;gap:16px;flex-wrap:wrap}


/* ---------- NP v1.8: ștampile grupate pe continente + agregare per țară ---------- */
.t3dnp-cont-group{margin-top:18px}
.t3dnp-cont-name{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--t3dnp-mut);margin-bottom:10px}
.t3dnp-cont-name:after{content:"";flex:1;height:1.5px;background:var(--t3dnp-line)}
.t3dnp-cont-name span{flex:0 0 auto;background:var(--t3dnp-soft);color:var(--t3dnp-accent-dark);font-size:10px;font-weight:900;padding:2px 8px;border-radius:0}
.t3dnp-stamp{flex-direction:column;align-items:stretch;padding:0}
.t3dnp-stamp-top{display:flex;align-items:center;gap:11px;padding:12px 13px}
.t3dnp-stamp.has-trips{cursor:pointer}
.t3dnp-stamp.has-trips .t3dnp-stamp-top:after{content:"";width:8px;height:8px;border-right:2px solid var(--t3dnp-faint);border-bottom:2px solid var(--t3dnp-faint);transform:rotate(45deg);margin-left:auto;transition:transform .2s;flex:0 0 auto}
.t3dnp-stamp.has-trips.is-open .t3dnp-stamp-top:after{transform:rotate(-135deg)}
.t3dnp-stamp.has-trips.is-open{border-left-color:var(--t3dnp-accent)}
.t3dnp-stamp-badge{flex:0 0 auto;margin-left:auto;background:var(--t3dnp-accent);color:var(--t3white);font-size:11px;font-weight:900;min-width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px;clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px)}
.t3dnp-stamp.has-trips .t3dnp-stamp-badge{margin-left:0}
.t3dnp-stamp-trips{list-style:none;margin:0;padding:0 13px;max-height:0;overflow:hidden;transition:max-height .28s ease,padding .28s ease}
.t3dnp-stamp.is-open .t3dnp-stamp-trips{max-height:400px;padding:0 13px 12px}
.t3dnp-stamp-trips li{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700;color:var(--t3dnp-tx);padding:7px 0;border-top:1px dashed var(--t3dnp-line)}
.t3dnp-stamp-trips li i{margin-left:auto;font-style:normal;font-size:11px;font-weight:900;color:var(--t3dnp-faint)}
.t3dnp-tr-dot{width:6px;height:6px;background:var(--t3dnp-accent);flex:0 0 auto;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.t3dnp-stamp-x{position:absolute;top:6px;right:8px}

/* ---------- NP v1.9: bilete cu tentă de status + confirmare ștergere țară ---------- */
/* tenta e aplicata inline (talon+corp); aici doar rafinamente pe familii */
.t3d-tks{transition:background .2s}
.t3d-app-card-header{transition:background .2s}
/* accente subtile per familie pe talon (peste tenta inline) */
.t3d-tk-fam-good .t3d-tk-gval{color:var(--t3dnp-good)}
.t3d-tk-fam-bad .t3d-tk-gval{color:var(--t3dnp-bad)}
.t3d-tk-fam-wait .t3d-tk-gval{color:var(--t3amber)}
.t3d-tk-fam-act .t3d-tk-gval{color:var(--t3dnp-deep)}
.t3d-tk-fam-neutral .t3d-tk-gval{color:#5a6478}

/* confirmare ștergere țară — overlay inline pe ștampilă */
.t3dnp-stamp{position:relative}
.t3dnp-stamp-confirm{position:absolute;inset:0;background:color-mix(in srgb, var(--t3white) 97%, transparent);display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:10px 12px;z-index:3;border:1.5px solid var(--t3dnp-bad);animation:t3dnpFade .15s ease}
@keyframes t3dnpFade{from{opacity:0}to{opacity:1}}
.t3dnp-stamp-confirm span{font-size:12px;font-weight:900;color:var(--t3dnp-ink);width:100%;text-align:center}
.t3dnp-sc-yes,.t3dnp-sc-no{font-family:inherit;font-size:11.5px;font-weight:900;padding:7px 13px;cursor:pointer;border:0}
.t3dnp-sc-yes{background:var(--t3dnp-bad);color:var(--t3white);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,0 100%)}
.t3dnp-sc-yes:hover{background:var(--t3red-h)}
.t3dnp-sc-no{background:none;color:var(--t3dnp-mut);border:1.5px solid var(--t3dnp-line)}
.t3dnp-sc-no:hover{border-color:var(--t3dnp-mut);color:var(--t3dnp-ink)}
.t3dnp-stamp.confirming .t3dnp-stamp-x{color:var(--t3dnp-bad)}


/* ---------- NP v2.0: timeline vizibil doar la expand ---------- */


/* ---------- NP v2.1: stepper-mini pe bilet + ITINERARIU în body + co-participanți ---------- */

/* itinerariul mare (vertical) — apare în body la expand */
.t3d-itin{margin:0 0 20px}
.t3d-itin-head{font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--t3dnp-mut);margin-bottom:12px}
.t3d-itin-steps{list-style:none;margin:0;padding:0}
.t3d-itin-step{position:relative;display:flex;gap:14px;padding:0 0 18px 0}
.t3d-itin-step:before{content:"";position:absolute;left:8px;top:20px;bottom:-2px;width:2px;background:var(--t3blue-bg)}
.t3d-itin-step:last-child{padding-bottom:0}
.t3d-itin-step:last-child:before{display:none}
.t3d-itin-node{flex:0 0 auto;width:18px;height:18px;margin-top:1px;background:var(--t3blue-bg);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);position:relative;z-index:1}
.t3d-itin-step.is-done .t3d-itin-node{background:var(--t3dnp-good)}
.t3d-itin-step.is-done:before{background:var(--t3dnp-good)}
.t3d-itin-step.is-now .t3d-itin-node{background:var(--t3dnp-accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--t3blue) 18%, transparent)}
.t3d-itin-step.is-off .t3d-itin-node{background:var(--t3dnp-bad)}
.t3d-itin-tx b{display:block;font-size:14px;font-weight:900;color:var(--t3dnp-ink);line-height:1.3}
.t3d-itin-step.is-now .t3d-itin-tx b{color:var(--t3dnp-accent-dark)}
.t3d-itin-step.is-off .t3d-itin-tx b{color:var(--t3dnp-bad)}
.t3d-itin-step.is-todo .t3d-itin-tx b{color:var(--t3dnp-faint);font-weight:800}
.t3d-itin-tx span{display:block;font-size:12px;font-weight:700;color:var(--t3dnp-mut);margin-top:2px}


/* ---------- NP v2.2: despăturarea biletului — grid 2 coloane + „Pe scurt" + resurse restilizate ---------- */
.t3d-body-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:10px 30px;margin-top:4px;align-items:start}
@media (max-width:760px){ .t3d-body-grid{grid-template-columns:1fr;gap:4px} }


/* itinerariul stă lipit sus în coloana lui */
.t3d-body-grid .t3d-itin{margin-bottom:18px}
/* co-participanții în coloana dreaptă */
.t3d-body-grid .t3d-peers{margin-bottom:18px}

/* resursele de jos — bara „Detalii & resurse" restilizată ca chip-uri */
.t3d-app-card-footer-row{border-top:1.5px dashed var(--t3dnp-line);margin-top:6px;padding-top:14px}
.t3d-app-side-title{font-size:11px !important;font-weight:900 !important;letter-spacing:.12em;text-transform:uppercase;color:var(--t3dnp-mut) !important;margin-bottom:10px !important}
.t3d-app-side-link{border:1.5px solid var(--t3dnp-line) !important;background:var(--t3card) !important;font-weight:800 !important;transition:border-color .15s,color .15s,transform .15s !important}
.t3d-app-side-link:hover{border-color:var(--t3dnp-accent) !important;color:var(--t3dnp-accent-dark) !important;transform:translateX(3px)}


/* ---------- NP v2.3: fără dungă la expand · poză featured · colegi ca listă · resurse ---------- */
/* la EXPAND, dunga laterală colorată dispare (rămâne doar pe biletul închis) */
.t3d-app-card.is-open{border-left-color:transparent !important}
/* muchia colorată a programului: bordură reală pe TOATĂ înălțimea, identică pliat/desfăcut (tăieturile din colțurile din stânga ies la fel) */
.t3d-app-card.t3d-edge{border-left:5px solid var(--tk-edge,#8aa0b2) !important;position:relative}
.t3d-app-card.t3d-edge .t3d-app-card-header{position:relative}
.t3d-app-card.t3d-edge.is-open{border-left:5px solid var(--tk-edge,#8aa0b2) !important}


/* colegii de drum — acum LISTĂ verticală, mai lizibilă și mai „cool" */
.t3d-peers{background:none;border:0;padding:0}
.t3d-peers-head{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--t3dnp-mut);margin-bottom:12px}
.t3d-peers-n{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;background:var(--t3dnp-accent);color:var(--t3white);font-size:13px;font-weight:900;padding:0 7px;clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px)}
.t3d-peers-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.t3d-peer{display:flex;align-items:center;gap:12px;padding:8px 6px;border-radius:0;transition:background .14s}
.t3d-peer + .t3d-peer{border-top:1px dashed var(--t3dnp-line)}
.t3d-peer-av{flex:0 0 auto;width:42px;height:42px;border-radius:50%;background-size:cover;background-position:center;background-color:var(--t3blue-bg);box-shadow:0 2px 7px color-mix(in srgb, var(--t3txt) 13%, transparent)}
.t3d-peer-meta{display:flex;flex-direction:column;gap:2px;min-width:0}
.t3d-peer-meta b{font-size:13.5px;font-weight:900;color:var(--t3dnp-ink);line-height:1.2}
.t3d-peer-meta > span{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--t3dnp-mut)}
.t3d-peer-meta > span img{width:17px;height:12px;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.06)}

/* „Detalii & resurse" — reproiectat ca rând de chip-uri clare, cu iconițe colorate pe tip */
.t3d-app-card-footer-row{border-top:1.5px dashed var(--t3dnp-line);margin-top:2px;padding-top:16px}
.t3d-app-side-resources{display:flex;flex-wrap:wrap;align-items:center;gap:9px}
.t3d-app-side-title{width:100%;font-size:11px !important;font-weight:900 !important;letter-spacing:.12em;text-transform:uppercase;color:var(--t3dnp-mut) !important;margin:0 0 4px !important}
.t3d-app-side-link{display:inline-flex !important;align-items:center;gap:8px;border:1.5px solid var(--t3dnp-line) !important;background:var(--t3card) !important;color:var(--t3dnp-ink) !important;font-size:12.5px !important;font-weight:800 !important;padding:9px 15px !important;text-decoration:none !important;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);transition:border-color .15s,color .15s,transform .15s,box-shadow .15s !important}
.t3d-app-side-link:hover{border-color:var(--t3dnp-accent) !important;color:var(--t3dnp-accent-dark) !important;transform:translateY(-2px);box-shadow:0 6px 14px color-mix(in srgb, var(--t3txt) 9%, transparent)}
.t3d-app-side-link svg{flex:0 0 auto}
.t3d-app-side-group.t3d-app-group-whatsapp{border-color:#25d36688 !important;color:var(--t3green) !important}
.t3d-app-side-group.t3d-app-group-telegram{border-color:#2aabee88 !important;color:var(--t3blue-h) !important}
.t3d-app-side-contract{border-color:#c8a24a66 !important;color:#8a6a1f !important}
.t3d-app-side-consent{border-color:#2d8a4f66 !important;color:#1a7a3f !important}
.t3d-app-infopack-unavailable{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--t3dnp-faint);padding:9px 4px}
@media (max-width:600px){ .t3d-app-side-link{width:100%} }


/* ---------- NP v2.4: HERO editorial (poza mare cu context, peste ea) ---------- */
.t3d-hero{position:relative;height:180px;background-size:cover;background-position:center;margin:0 0 22px;clip-path:polygon(var(--t3dnp-cut-s) 0,100% 0,100% calc(100% - var(--t3dnp-cut-s)),calc(100% - var(--t3dnp-cut-s)) 100%,0 100%,0 var(--t3dnp-cut-s))}
.t3d-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg in srgb,color-mix(in srgb, var(--t3navy) 5%, transparent),color-mix(in srgb, var(--t3navy) 72%, transparent))}
.t3d-hero-tx{position:absolute;left:20px;bottom:16px;right:20px;z-index:2;color:var(--t3white)}
.t3d-hero-k{font-size:10.5px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--t3white);text-shadow:0 1px 3px rgba(0,0,0,.55)}
.t3d-hero-ttl{margin:5px 0 0;font-size:21px;font-weight:900;line-height:1.15;color:var(--t3white);text-shadow:0 2px 5px rgba(0,0,0,.55),0 1px 2px rgba(0,0,0,.45)}
@media (max-width:600px){ .t3d-hero{height:150px} .t3d-hero-ttl{font-size:18px} }

/* ================================================================
   NP v2.5 — Filtre "Aplicațiile mele" (Toate / Active / Am participat / Fără rezultat)
   + titlul biletului ca text simplu (nu mai e link)
   Comutarea e client-side: JS pune data-flt pe .t3d-apps-filterwrap,
   iar CSS-ul de mai jos ascunde biletele care nu-s din bucketul ales
   și colapsează grupurile rămase goale (fără linii/goluri orfane).
   Pe Navimus: aceleași bucket-uri, per organizație.
   ================================================================ */

/* --- Titlul biletului nu mai e link: rămâne text simplu (fără virare spre accent la hover) --- */
.t3d-app-card-header .t3d-tk-title,
.t3d-app-card-header .t3d-tk-title:hover,
.t3d-app-card-header .t3d-app-card-title,
.t3d-app-card-header .t3d-app-card-title:hover{color:var(--t3dnp-ink) !important;cursor:inherit;text-decoration:none !important}

/* --- Rândul de chip-uri --- */
.t3d-apps-filters{display:flex;flex-wrap:wrap;gap:9px;margin:4px 0 16px}
.t3d-apps-filter{display:inline-flex;align-items:center;gap:7px;background:var(--t3card);border:1.5px solid var(--t3dnp-line);color:var(--t3dnp-ink);font-family:inherit;font-size:13px;font-weight:800;line-height:1;padding:10px 15px;cursor:pointer;transition:transform .15s,border-color .15s,background .15s,color .15s;clip-path:polygon(var(--t3dnp-cut-s) 0,100% 0,100% calc(100% - var(--t3dnp-cut-s)),calc(100% - var(--t3dnp-cut-s)) 100%,0 100%,0 var(--t3dnp-cut-s))}
.t3d-apps-filter:hover{border-color:var(--t3dnp-accent)}
/* activ = umplut cu accent + formă de săgeată (ca tab-urile continentelor din hartă) */
.t3d-apps-filter.is-active{background:var(--t3dnp-accent);border-color:var(--t3dnp-accent);color:var(--t3white);padding-right:26px;clip-path:polygon(0 0,calc(100% - 11px) 0,100% 50%,calc(100% - 11px) 100%,0 100%)}
.t3d-apps-filter.is-active:hover{transform:none}
/* pastila cu numărul */
.t3d-apps-filter-n{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;padding:0 5px;background:var(--t3dnp-accent-soft);color:var(--t3dnp-accent-dark);font-size:11px;font-weight:900;border-radius:40px}
.t3d-apps-filter.is-active .t3d-apps-filter-n{background:color-mix(in srgb, var(--t3white) 26%, transparent);color:var(--t3white)}
/* "Fără rezultat" — discret; când e activ rămâne gri (nu albastru festiv) */
.t3d-apps-filter-muted{color:var(--t3dnp-mut)}
.t3d-apps-filter-muted.is-active{background:var(--t3faint);border-color:var(--t3faint);color:var(--t3white)}
@media (max-width:600px){ .t3d-apps-filter{font-size:12.5px;padding:9px 13px} .t3d-apps-filter.is-active{padding-right:22px} }

/* --- Ascunde biletele care nu-s din bucketul curent (fără flash: se aplică din prima randare) --- */
.t3d-apps-filterwrap[data-flt="active"] .t3d-app-card:not([data-bucket="active"]),
.t3d-apps-filterwrap[data-flt="participated"] .t3d-app-card:not([data-bucket="participated"]),
.t3d-apps-filterwrap[data-flt="noresult"] .t3d-app-card:not([data-bucket="noresult"]){display:none !important}

/* --- Colapsează grupul care n-are niciun bilet din bucketul curent (fără linie/gol orfan) --- */
.t3d-apps-filterwrap[data-flt="active"] .t3d-apps-current:not(:has(.t3d-app-card[data-bucket="active"])),
.t3d-apps-filterwrap[data-flt="active"] .t3d-apps-history:not(:has(.t3d-app-card[data-bucket="active"])),
.t3d-apps-filterwrap[data-flt="participated"] .t3d-apps-current:not(:has(.t3d-app-card[data-bucket="participated"])),
.t3d-apps-filterwrap[data-flt="participated"] .t3d-apps-history:not(:has(.t3d-app-card[data-bucket="participated"])),
.t3d-apps-filterwrap[data-flt="noresult"] .t3d-apps-current:not(:has(.t3d-app-card[data-bucket="noresult"])),
.t3d-apps-filterwrap[data-flt="noresult"] .t3d-apps-history:not(:has(.t3d-app-card[data-bucket="noresult"])){display:none !important}

/* --- Când filtrezi (nu "Toate"), grupul de istoric vizibil devine de sine stătător: fără separatorul de sus --- */
.t3d-apps-filterwrap:not([data-flt="toate"]) .t3d-apps-history{border-top:0;margin-top:0;padding-top:0}

/* separatoarele de an urmează filtrul: se ascund dacă anul lor n-are bilete în bucketul activ.
   (data-buckets pe fiecare separator listează bucket-urile prezente în anul respectiv) */
.t3d-apps-filterwrap[data-flt="active"] .t3d-apps-yr:not([data-buckets~="active"]),
.t3d-apps-filterwrap[data-flt="participated"] .t3d-apps-yr:not([data-buckets~="participated"]),
.t3d-apps-filterwrap[data-flt="noresult"] .t3d-apps-yr:not([data-buckets~="noresult"]){display:none !important}

/* ================================================================
   NP v2.6 — (1) lățime uniformă la taburi  (2) notificări expandabile
   ================================================================ */

/* --- (1) Acasă / TED Pass / Notificări foloseau .row>.gd-col-12 (padding 15px
   pe fiecare parte, fără compensarea marginii negative) => conținut mai îngust
   decât la Aplicații. Anulăm padding-ul col-ului + marginea row-ului DOAR aici,
   ca să ajungă tot până la 920px, ca tabul Aplicații. --- */
#TabHome > .row, #Tab3 > .row, #TabNotif > .row{margin-left:0;margin-right:0}
#TabHome > .row > .gd-col-12, #Tab3 > .row > .gd-col-12, #TabNotif > .row > .gd-col-12{padding-left:0;padding-right:0}

/* --- (2) Notificări expandabile în TabNotif: titlu pe rând, la click apare tot
   mesajul (oglinda emailului). Clase NOI, ca să nu atingem feed-ul de pe Acasă. --- */
.t3dnp-nitem-x{border-bottom:1px solid var(--t3line2)}
.t3dnp-nitem-x:last-child{border-bottom:0}
.t3dnp-nitem-head{display:flex;align-items:flex-start;gap:11px;width:100%;padding:14px 17px;background:transparent;border:0;text-align:left;font:inherit;color:inherit;text-decoration:none;transition:background .14s}
button.t3dnp-nitem-head,a.t3dnp-nitem-head{cursor:pointer}
button.t3dnp-nitem-head:hover,a.t3dnp-nitem-head:hover{background:var(--t3bg)}
.t3dnp-nitem-plain{cursor:default}
.t3dnp-nitem-x .t3dnp-nitem-tx{flex:1;min-width:0;font-size:13.5px;font-weight:700;color:var(--t3dnp-tx);line-height:1.55}
.t3dnp-nitem-x .t3dnp-nitem-tx time{display:block;font-size:11px;color:var(--t3dnp-faint);font-weight:700;margin-top:2px}
.t3dnp-nitem-chev{flex:0 0 auto;margin-top:3px;color:var(--t3dnp-faint);transition:transform .2s}
.t3dnp-nitem-x.is-open .t3dnp-nitem-chev{transform:rotate(180deg)}
/* corpul: ascuns până la click; textul e HTML din email — îl aducem la tipografia site-ului */
.t3dnp-nitem-body{display:none;padding:0 18px 16px 36px}
.t3dnp-nitem-x.is-open .t3dnp-nitem-body{display:block}
.t3dnp-nitem-body h2{font-size:15.5px !important;font-weight:900 !important;color:var(--t3dnp-ink) !important;margin:0 0 8px !important;line-height:1.35 !important}
.t3dnp-nitem-body p{font-size:14px !important;line-height:1.6 !important;color:var(--t3dnp-tx) !important;margin:0 0 10px !important;text-align:left !important}
.t3dnp-nitem-body p:last-child{margin-bottom:0 !important}
.t3dnp-nitem-body strong{color:var(--t3dnp-ink)}
.t3dnp-nitem-body a{color:var(--t3dnp-accent-dark) !important;font-weight:800 !important;text-decoration:underline !important;background:none !important;border:0 !important;padding:0 !important;display:inline !important;box-shadow:none !important}

/* ================================================================
   NP v2.7 — BILET PERFORAT (carduri din istoric / participat)
   Tot ce e sub „.t3d-tkbody" e nou și scoped — cardurile ACTIVE nu sunt atinse.
   Fiecare element = propria bucată, despărțită de perforații (linie + crestături).
   ================================================================ */

/* corpul: fără padding și fără border-top (prima perforație face separarea de bilet) */
.t3d-tkbody{padding:0 !important;border-top:0 !important}

/* perforația: linie punctată + crestături semicerc centrate pe marginile cardului.
   Crestăturile sunt tăiate de clip-path-ul cardului -> rămâne semicercul care „mușcă".
   --t3d-tk-notch = culoarea fundalului din spatele cardului (ajustabilă). */
.t3d-tkbody .t3d-perf{position:relative;height:0;margin:0;border-top:1px dashed var(--t3line)}
.t3d-tkbody .t3d-perf::before,.t3d-tkbody .t3d-perf::after{display:none}
.t3d-tkbody .t3d-perf::before{left:-9px}
.t3d-tkbody .t3d-perf::after{right:-9px}
/* nicio perforație lipită de poză sau la începutul cardului (când prima bucată lipsește) */
.t3d-tkbody > .t3d-perf:first-child,
.t3d-tkbody .t3d-hero + .t3d-perf{display:none}

/* bucata standard, cu padding */
.t3d-tkbody .t3d-tk-stub{padding:15px 20px}
@media(max-width:600px){ .t3d-tkbody .t3d-tk-stub{padding:13px 15px} }

/* poza feature: full-bleed (fără margini, fără colțuri tăiate — merge până în capat) */
.t3d-tkbody .t3d-hero{margin:0;border-radius:0;clip-path:none;height:190px}
@media(max-width:600px){ .t3d-tkbody .t3d-hero{height:150px} }
/* hero GENERIC (evenimente fără poză): gradient pe culoarea programului + traseu punctat cu avion */
.t3d-hero-gen{background:linear-gradient(118deg in srgb,color-mix(in srgb, var(--t3txt) 10%, transparent),color-mix(in srgb, var(--t3txt) 42%, transparent)),var(--tk-edge,var(--t3dnp-accent))}
.t3d-hero-gen:after{background:linear-gradient(180deg in srgb,transparent,color-mix(in srgb, var(--t3navy) 50%, transparent))}
.t3d-hero-deco{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}

/* banner + resurse în bucată: spațiul vine din stub, nu din ele */
.t3d-tkbody .t3d-app-status-msg{display:block;position:relative;margin:0;padding:2px 0 2px 30px;background:none !important;border:0 !important;clip-path:none;font-size:12.5px;font-weight:600;line-height:1.55;color:var(--t3dnp-ink)}
.t3d-tkbody .t3d-app-status-msg::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:0;margin:0;background-color:var(--t3dnp-accent);background-image:none;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cline x1='12' y1='10.6' x2='12' y2='16.4' stroke='%23000' stroke-width='2.2' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='7.3' r='1.3' fill='%23000'/%3E%3C/svg%3E") center/20px 20px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cline x1='12' y1='10.6' x2='12' y2='16.4' stroke='%23000' stroke-width='2.2' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='7.3' r='1.3' fill='%23000'/%3E%3C/svg%3E") center/20px 20px no-repeat}
.t3d-tkbody .t3d-app-msg-success::before{background-color:var(--t3dnp-good);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M8 12.3l2.6 2.6L16 9.5' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M8 12.3l2.6 2.6L16 9.5' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.t3d-tkbody .t3d-app-msg-warning::before{background-color:var(--t3dnp-amber,var(--t3orange));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cline x1='12' y1='7.6' x2='12' y2='13.4' stroke='%23000' stroke-width='2.2' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='16.8' r='1.3' fill='%23000'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cline x1='12' y1='7.6' x2='12' y2='13.4' stroke='%23000' stroke-width='2.2' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='16.8' r='1.3' fill='%23000'/%3E%3C/svg%3E")}
.t3d-tkbody .t3d-app-status-msg strong{font-weight:900}
.t3d-tkbody .t3d-tk-statusinfo{margin:18px auto 0;max-width:720px}
.t3d-tkbody .t3d-tkj-h + .t3d-tk-statusinfo{margin-top:0}
.t3d-tkbody .t3d-app-card-footer-row{padding:0 !important;margin:0 !important;border:0 !important}

/* --- Traseul tău: stepper ORIZONTAL, centrat, cu linie umplută + săgeată de direcție --- */
.t3d-tkbody .t3d-tkj-h{font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--t3dnp-mut);margin-bottom:16px}
.t3d-tkbody .t3d-tkj-wrap{position:relative;max-width:560px;margin:0 auto}
.t3d-tkbody .t3d-tkj-rail{position:absolute;top:7px;height:3px;background:var(--t3dnp-line);border-radius:2px;z-index:0}
.t3d-tkbody .t3d-tkj-rail::after{content:"";position:absolute;right:-9px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:9px solid var(--t3dnp-faint)}
.t3d-tkbody .t3d-tkj-final .t3d-tkj-rail::after{display:none}
.t3d-tkbody .t3d-tkj-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--t3dnp-good),var(--t3dnp-accent));border-radius:2px}
.t3d-tkbody .t3d-tkj{list-style:none;margin:0;padding:0;display:flex;position:relative;z-index:1}
.t3d-tkbody .t3d-tkj-s{position:relative;flex:1;text-align:center;padding:0 4px}
.t3d-tkbody .t3d-tkj-nd{position:relative;display:block;width:15px;height:15px;background:#c5d0db;transform:rotate(45deg);border-radius:3px;margin:0 auto 10px;box-shadow:0 0 0 4px var(--t3white);z-index:1}
.t3d-tkbody .t3d-tkj-s.is-done .t3d-tkj-nd{background:var(--t3dnp-good)}
.t3d-tkbody .t3d-tkj-s.is-done .t3d-tkj-nd::after{content:"";position:absolute;inset:0;transform:rotate(-45deg);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20 6L9 17l-5-5' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/10px no-repeat}
.t3d-tkbody .t3d-tkj-s.is-now .t3d-tkj-nd{background:var(--t3dnp-accent);width:17px;height:17px;box-shadow:0 0 0 4px var(--t3white),0 0 0 8px color-mix(in srgb, var(--t3blue) 18%, transparent)}
.t3d-tkbody .t3d-tkj-s.is-off .t3d-tkj-nd{background:var(--t3dnp-bad,var(--t3red))}
.t3d-tkbody .t3d-tkj-s.is-todo .t3d-tkj-nd{background:#c5d0db}
.t3d-tkbody .t3d-tkj-s b{display:block;font-size:13px;font-weight:800;color:var(--t3dnp-ink)}
.t3d-tkbody .t3d-tkj-s.is-now b{color:var(--t3dnp-accent-dark)}
.t3d-tkbody .t3d-tkj-s span{display:block;font-size:11px;color:var(--t3dnp-mut);font-weight:700;line-height:1.3;margin-top:2px}
/* mobil: stepper vertical (fără săgeată, fără fill) */
@media(max-width:560px){
  .t3d-tkbody .t3d-tkj-wrap{max-width:none}
  .t3d-tkbody .t3d-tkj-rail{left:7px !important;right:auto !important;top:5px;bottom:16px;width:3px;height:auto}
  .t3d-tkbody .t3d-tkj-rail::after{display:none}
  .t3d-tkbody .t3d-tkj-fill{display:none}
  .t3d-tkbody .t3d-tkj{flex-direction:column}
  .t3d-tkbody .t3d-tkj-s{text-align:left;padding:0 0 16px 26px}
  .t3d-tkbody .t3d-tkj-s:last-child{padding-bottom:0}
  .t3d-tkbody .t3d-tkj-nd{position:absolute;left:0;top:2px;margin:0}
}

/* --- Colegi de aventură: stivă de avatare + chips cu nume --- */
.t3d-tkbody .t3d-tkc-h{font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--t3dnp-mut);margin-bottom:14px;display:flex;align-items:center;gap:8px}
.t3d-tkbody .t3d-tkc-n{width:22px;height:22px;border-radius:6px;background:var(--t3dnp-accent);color:var(--t3white);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:900}
.t3d-tkbody .t3d-tkc-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.t3d-tkbody .t3d-tkc-stack{display:flex}
.t3d-tkbody .t3d-tkc-sav{position:relative;width:42px;height:42px;border-radius:50%;border:2.5px solid var(--t3white);margin-left:-12px;overflow:hidden;background:linear-gradient(135deg,var(--t3blue-l),var(--t3blue-h));box-shadow:0 2px 6px color-mix(in srgb, var(--t3txt) 16%, transparent);flex:0 0 auto;transition:transform .16s}
.t3d-tkbody .t3d-tkc-sav:first-child{margin-left:0}
.t3d-tkbody .t3d-tkc-sav:hover{transform:translateY(-3px);z-index:2}
.t3d-tkbody .t3d-tkc-ini{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--t3white);font-weight:800;font-size:13.5px;letter-spacing:.02em}
.t3d-tkbody .t3d-tkc-sav img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.t3d-tkbody .t3d-tkc-more{background:var(--t3dnp-accent-soft)}
.t3d-tkbody .t3d-tkc-more .t3d-tkc-ini{color:var(--t3dnp-accent-dark);font-size:12.5px}
.t3d-tkbody .t3d-tkc-cap{font-size:13px;font-weight:800;color:var(--t3dnp-ink)}
.t3d-tkbody .t3d-tkc-cap span{color:var(--t3dnp-mut);font-weight:700}
.t3d-tkbody .t3d-tkc{display:flex;flex-wrap:wrap;gap:8px}
.t3d-tkbody .t3d-tkc-m{display:flex;align-items:center;gap:8px;border:1.5px solid var(--t3dnp-line);background:var(--t3bg);padding:5px 12px 5px 6px;clip-path:polygon(var(--t3dnp-cut-s) 0,100% 0,100% calc(100% - var(--t3dnp-cut-s)),calc(100% - var(--t3dnp-cut-s)) 100%,0 100%,0 var(--t3dnp-cut-s))}
.t3d-tkbody .t3d-tkc-av{width:24px;height:24px;border-radius:50%;background:var(--t3blue-bg) center/cover;flex:0 0 auto}
.t3d-tkbody .t3d-tkc-m b{font-size:12.5px;font-weight:800;color:var(--t3dnp-ink)}
.t3d-tkbody .t3d-tkc-fl{display:inline-flex;align-items:center}
.t3d-tkbody .t3d-tkc-fl img{width:16px;height:11px;border-radius:2px}

/* grupul de comunicare — lângă colegi, element distinct (invitant) */
.t3d-tkbody .t3d-tkc-group{display:flex;align-items:center;gap:12px;background:var(--t3dnp-accent-soft);border:1.5px solid #cfeafb;color:var(--t3dnp-ink);text-decoration:none;font-weight:800;font-size:13.5px;padding:13px 15px;transition:border-color .15s,transform .15s,box-shadow .15s;clip-path:polygon(var(--t3dnp-cut-s) 0,100% 0,100% calc(100% - var(--t3dnp-cut-s)),calc(100% - var(--t3dnp-cut-s)) 100%,0 100%,0 var(--t3dnp-cut-s))}
.t3d-tkbody .t3d-tkc-group:hover{border-color:var(--t3dnp-accent);transform:translateY(-2px);box-shadow:0 8px 18px color-mix(in srgb, var(--t3blue) 14%, transparent)}
.t3d-tkbody .t3d-tkc-group.has-peers{margin-top:14px}
.t3d-tkbody .t3d-tkc-gi{flex:0 0 36px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--t3card);color:#2b6fb8;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}
.t3d-tkbody .t3d-tkc-group.is-whatsapp .t3d-tkc-gi{color:var(--t3green)}
.t3d-tkbody .t3d-tkc-gt{flex:1;min-width:0;line-height:1.25}
.t3d-tkbody .t3d-tkc-gt small{display:block;font-size:11px;font-weight:700;color:var(--t3dnp-mut);margin-top:1px}
.t3d-tkbody .t3d-tkc-go{flex:0 0 auto;color:var(--t3dnp-accent-dark)}

/* --- Ai la îndemână: tile-uri separate (documente) + renunțare distinctă --- */
.t3d-tkbody .t3d-kit-tiles{display:flex;flex-wrap:wrap;gap:12px}
.t3d-tkbody .t3d-kit-tile{display:flex;align-items:center;gap:11px;flex:1 1 220px;max-width:340px;min-width:0;background:var(--t3card);border:1.5px solid var(--t3dnp-line);color:var(--t3dnp-ink);text-decoration:none;font-weight:800;font-size:13.5px;padding:13px 15px;cursor:pointer;transition:border-color .15s,transform .15s,box-shadow .15s;clip-path:polygon(var(--t3dnp-cut-s) 0,100% 0,100% calc(100% - var(--t3dnp-cut-s)),calc(100% - var(--t3dnp-cut-s)) 100%,0 100%,0 var(--t3dnp-cut-s))}
.t3d-tkbody .t3d-kit-tile:hover{border-color:var(--t3dnp-accent);transform:translateY(-2px);box-shadow:0 8px 18px color-mix(in srgb, var(--t3txt) 8%, transparent)}
.t3d-tkbody .t3d-kit-tile.is-off{opacity:.6;cursor:default;pointer-events:none;box-shadow:none;transform:none}
.t3d-tkbody .t3d-kit-ico{flex:0 0 36px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--t3dnp-accent-soft);color:var(--t3dnp-accent-dark);clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}
.t3d-tkbody .t3d-kit-tile.is-contract .t3d-kit-ico{background:var(--t3green-bg);color:var(--t3dnp-good)}
.t3d-tkbody .t3d-kit-tx{flex:1;min-width:0;line-height:1.22}
.t3d-tkbody .t3d-kit-tx small{display:block;font-size:11px;font-weight:700;color:var(--t3dnp-mut);margin-top:1px}
.t3d-tkbody .t3d-kit-caret{flex:0 0 auto;color:var(--t3dnp-mut);transition:transform .2s}
.t3d-tkbody .t3d-kit-tile.open .t3d-kit-caret{transform:rotate(180deg)}
.t3d-tkbody .t3d-kit-docs{margin-top:12px;display:none;flex-wrap:wrap;gap:8px}
.t3d-tkbody .t3d-kit-docs.show{display:flex}
.t3d-tkbody .t3d-kit-doc{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:var(--t3dnp-accent-dark);background:var(--t3bg);border:1.5px solid var(--t3dnp-line);padding:7px 13px;text-decoration:none;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}
.t3d-tkbody .t3d-kit-doc:hover{border-color:var(--t3dnp-accent)}
.t3d-tkbody .t3d-kit-withdraw-row{margin:0}
.t3d-tkbody .t3d-kit-withdraw{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:800;color:var(--t3dnp-bad);text-decoration:none;padding:9px 15px;background:var(--t3card);border:1.5px solid var(--t3red-ln);cursor:pointer;transition:color .15s,border-color .15s,background .15s,transform .15s;clip-path:polygon(var(--t3dnp-cut-s) 0,100% 0,100% calc(100% - var(--t3dnp-cut-s)),calc(100% - var(--t3dnp-cut-s)) 100%,0 100%,0 var(--t3dnp-cut-s))}
.t3d-tkbody .t3d-kit-withdraw:hover{color:#b23747;border-color:#e39aa6;background:var(--t3red-bg);transform:translateY(-1px)}
@media(max-width:560px){ .t3d-tkbody .t3d-kit-tile{flex:1 1 100%;max-width:none} }

/* ===== Bilet: piesa „Feedback-ul tău" (istoric participat) ===== */
.t3d-tkfb .t3dfb-stars{display:inline-flex;gap:2px;align-items:center}
.t3d-tkfb-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:2px 0 2px}
.t3d-tkfb-dt{font-size:11.5px;font-weight:700;color:var(--t3dnp-mut,var(--t3faint))}
.t3d-tkfb-txt{margin:8px 0 0;font-size:12.5px;font-weight:600;color:var(--t3dnp-ink,var(--t3txt));line-height:1.55}
.t3d-tkfb-txt b{display:block;font-size:10.5px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--t3dnp-mut,var(--t3faint));margin-bottom:1px}
.t3d-tkfb-recs{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.t3d-tkfb-rc{font-size:11px;font-weight:800;padding:3px 10px;border:1.5px solid;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}
.t3d-tkfb-rc.is-da{color:var(--t3dnp-good,var(--t3green));background:var(--t3green-bg);border-color:var(--t3green-ln)}
.t3d-tkfb-rc.is-poate{color:var(--t3dnp-warn,var(--t3amber));background:var(--t3orange-bg);border-color:var(--t3orange-ln)}
.t3d-tkfb-rc.is-nu{color:var(--t3dnp-bad,var(--t3red));background:var(--t3pink-bg);border-color:var(--t3red-ln)}
.t3d-tkfb-ask{margin:2px 0 10px;font-size:12.5px;font-weight:700;color:var(--t3dnp-ink,var(--t3txt));line-height:1.5}
.t3d-tkfb-cta{display:inline-flex;align-items:center;gap:8px;background:var(--t3dnp-accent,var(--t3blue));color:var(--t3white) !important;font-size:12.5px;font-weight:900;letter-spacing:.02em;padding:10px 18px;text-decoration:none;clip-path:polygon(var(--t3dnp-cut-s,9px) 0,100% 0,100% calc(100% - var(--t3dnp-cut-s,9px)),calc(100% - var(--t3dnp-cut-s,9px)) 100%,0 100%,0 var(--t3dnp-cut-s,9px));transition:background .15s}
.t3d-tkfb-cta:hover{background:var(--t3dnp-accent-dark,var(--t3blue-h))}

/* ===== Istoric bilete: separator pe ani ===== */
.t3d-apps-yr{display:flex;align-items:center;gap:12px;margin:6px 2px 14px}
.t3d-apps-yr:not(:first-child){margin-top:22px}
.t3d-apps-yr span{font-size:13px;font-weight:900;letter-spacing:.06em;color:var(--t3dnp-mut,var(--t3faint));background:var(--t3card);padding-right:2px}
.t3d-apps-yr::after{content:"";flex:1;height:1px;background:var(--t3dnp-line,var(--t3blue-bg))}


/* ============================================================================
   AVATARE — inițiale colorate (sursa unică: handlers/t3d-avatar.php)
   Când utilizatorul nu are poză, fundalul vine din perechea de culori
   deterministă (--t3dav-a / --t3dav-b) pusă inline de PHP: același om are
   mereu aceeași culoare, în header și pe bilete. Fără Gravatar.
   ========================================================================== */
.t3d-av-ini{
  background-image:linear-gradient(135deg,var(--t3dav-a,var(--t3blue)),var(--t3dav-b,var(--t3blue-h)));
}
.t3d-phead-avatar.t3d-av-ini{
  background:linear-gradient(135deg,var(--t3dav-a,var(--t3blue)),var(--t3dav-b,var(--t3blue-h)));
  color:var(--t3white);
  text-shadow:0 1px 2px color-mix(in srgb, var(--t3navy) 20%, transparent);
}
.t3d-tkbody .t3d-tkc-sav.t3d-av-ini{
  background:linear-gradient(135deg,var(--t3dav-a,var(--t3blue)),var(--t3dav-b,var(--t3blue-h)));
}
/* Poza generată prin wp_get_attachment_image() vine cu clase proprii —
   ne asigurăm că umple cercul pe orice suprafață, fără depășiri. */
.t3d-phead-avatar img,
.t3d-tkbody .t3d-tkc-sav img{max-width:100%;max-height:100%}


/* ============================================================================
   PROFIL — conținutul cardurilor din vizualizare (26 iul 2026)
   Cardurile folosesc headerul standard .t3d-card-header, ca în restul taburilor;
   aici sunt doar stilurile pentru conținutul dinăuntru.
   ========================================================================== */
.t3dpv-bio{font-size:15.5px !important;line-height:1.6 !important;color:var(--t3d-text,var(--t3txt)) !important;margin:0 !important}
.t3dpv-empty{font-size:14px !important;color:var(--t3d-muted,var(--t3muted)) !important;font-style:italic;margin:0 !important}
.t3dpv-empty a{color:var(--t3d-blue-dark,var(--t3ink));font-weight:700;text-decoration:none;border-bottom:1px dashed var(--t3d-blue-mid,var(--t3line))}
.t3dpv-private{font-size:13.5px !important;line-height:1.6 !important;color:var(--t3d-muted,var(--t3muted)) !important;margin:0 !important}
.t3dpv-private b{color:var(--t3d-text,var(--t3txt))}
.t3dpv-private a{color:var(--t3d-blue-dark,var(--t3ink));font-weight:700;text-decoration:none;border-bottom:1px dashed var(--t3d-blue-mid,var(--t3line))}
.t3dpv-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.t3dpv-chip{display:inline-flex;align-items:center;gap:6px;background:var(--t3d-blue-light,var(--t3blue-bg));color:var(--t3d-blue-dark,var(--t3ink));border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700;max-width:100%}
.t3dpv-chip svg{flex:0 0 auto}
.t3dpv-entry{padding:11px 0;border-bottom:1px dashed var(--t3d-line-dashed,var(--t3line));font-size:14.5px;color:var(--t3d-text,var(--t3txt))}
.t3dpv-entry:last-child{border-bottom:0;padding-bottom:0}
.t3dpv-entry:first-of-type{padding-top:0}
.t3dpv-entry-l{display:block;font-size:11.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--t3d-muted,var(--t3muted));margin-bottom:3px}
.t3dpv-socials{display:flex;gap:8px;flex-wrap:wrap}
.t3dpv-socials a{width:38px;height:38px;border:1px solid var(--t3d-line,var(--t3line));border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--t3d-blue-dark,var(--t3ink));transition:all .15s}
.t3dpv-socials a:hover{border-color:var(--t3blue);background:var(--t3d-blue-light,var(--t3blue-bg))}


/* nota din cardul „Detalii participare" */
.t3d-mobnote{display:flex;gap:9px;background:var(--t3d-blue-light,var(--t3blue-bg));border-radius:10px;padding:11px 13px;font-size:12.8px;color:var(--t3d-blue-dark,var(--t3ink));line-height:1.5;margin:0 0 16px;box-sizing:border-box;max-width:100%}
.t3d-mobnote svg{flex:0 0 auto;margin-top:1px}

/* banda „ce mai lipsește" */
.t3dpf-band{display:flex;gap:11px;align-items:flex-start;border-radius:14px;padding:13px 15px;margin:0 0 14px;border:1px solid;box-sizing:border-box;max-width:100%}
.t3dpf-band svg{flex:0 0 auto;margin-top:1px}
.t3dpf-band h4{margin:0 0 2px !important;font-size:15px !important;font-weight:800 !important;color:var(--t3d-blue-dark,var(--t3ink)) !important}
.t3dpf-band p{margin:0 !important;font-size:13.5px !important;color:var(--t3d-text,var(--t3txt)) !important}
.t3dpf-band-warn{background:var(--t3amber-bg);border-color:var(--t3amber-ln)}
.t3dpf-band-info{background:var(--t3d-blue-light,var(--t3blue-bg));border-color:var(--t3d-blue-mid,var(--t3line))}
.t3dpf-band-list{margin:8px 0 0 !important;padding:0 !important;list-style:none !important;display:flex;flex-wrap:wrap;gap:6px}
.t3dpf-band-list li{margin:0 !important}
.t3dpf-band-list button{font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer;color:var(--t3d-blue-dark,var(--t3ink));background:var(--t3card);border:1px solid var(--t3amber-ln);border-radius:999px;padding:4px 11px;display:inline-flex;align-items:center;gap:5px;transition:border-color .15s,transform .12s;max-width:100%}
.t3dpf-band-list button:hover{border-color:#d97e1c;transform:translateY(-1px)}
.t3dpf-band-info .t3dpf-band-list button{border-color:var(--t3d-blue-mid,var(--t3line))}
.t3dpf-band-info .t3dpf-band-list button:hover{border-color:var(--t3blue)}

/* formularele pe secțiuni */
.t3d-pform{display:block;margin-bottom:14px}


/* ============================================================================
   PROFIL — secțiuni pliabile în editare (26 iul 2026, revizuit)
   Toate cele 5 secțiuni arată IDENTIC. „Pentru mobilități" e doar un titlu de
   grup, nu o cutie în cutie. Cardul (.t3d-card) are deja padding !important,
   deci headerul-buton și corpul nu adaugă padding propriu.
   ========================================================================== */
.t3dacc .t3dacc-head{width:100%;box-sizing:border-box;text-align:left;font:inherit;color:inherit;background:none;cursor:pointer;
  display:flex !important;gap:12px !important;align-items:center !important;
  border:0 !important;padding:0 !important;margin:0 !important;transition:opacity .15s}
.t3dacc .t3dacc-head:hover{opacity:.8}
.t3dacc .t3dacc-head:focus-visible{outline:2px solid var(--t3blue);outline-offset:4px;border-radius:8px}
.t3dacc .t3dacc-head > div:not(.t3d-card-icon){flex:1 1 auto;min-width:0}
.t3dacc .t3dacc-head .t3d-card-subtitle{margin-bottom:0 !important}
.t3dacc.t3dacc-open .t3dacc-head{margin-bottom:18px !important;padding-bottom:14px !important;border-bottom:1px dashed var(--t3d-line-dashed,var(--t3line)) !important}
.t3dacc:not(.t3dacc-open){padding:15px 18px !important}
.t3dacc-chev{flex:0 0 auto;margin-left:auto;display:flex;align-items:center;justify-content:center;color:var(--t3faint);transition:transform .22s ease}
.t3dacc.t3dacc-open .t3dacc-chev{transform:rotate(180deg);color:var(--t3blue)}
.t3dacc-body{display:none}
.t3dacc.t3dacc-open .t3dacc-body{display:block}

/* bara de salvare — în interiorul cardului, fără chenar propriu plutitor */
.t3dacc-body .t3d-save-bar{margin:16px 0 0 !important;padding:14px 0 0 !important;
  border:0 !important;border-top:1px solid var(--t3d-line,var(--t3line)) !important;
  border-radius:0 !important;background:transparent !important;box-shadow:none !important}


/* ---- câmp necompletat: roșu evident, imposibil de ratat ---- */
.t3d-invalid,
.t3d-invalid:focus{
  border:2px solid var(--t3red) !important;
  background:var(--t3card) !important;
  box-shadow:0 0 0 4px color-mix(in srgb, var(--t3red) 20%, transparent) !important;
  color:#7a1414 !important}
.t3d-invalid::placeholder{color:#c98b8b !important}
.t3d-invalid-group{box-shadow:0 0 0 2px var(--t3red), 0 0 0 6px color-mix(in srgb, var(--t3red) 18%, transparent) !important;border-radius:10px}
.t3d-invalid, .t3d-invalid-group{animation:t3dInvalidPulse .5s ease-out 1}
@keyframes t3dInvalidPulse{
  0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--t3red) 55%, transparent)}
  100%{box-shadow:0 0 0 4px color-mix(in srgb, var(--t3red) 20%, transparent)}
}
/* eticheta câmpului greșit devine roșie — se vede și fără să te uiți la chenar */
.t3d-field-invalid > label,
.t3d-field-invalid > label > span,
.t3d-yn-row.t3d-field-invalid > .t3d-yn-label{color:var(--t3red) !important;font-weight:800 !important}

@media (max-width:640px){
  .t3dacc-body .t3d-save-bar .t3d-save-bar-content{flex-direction:column;align-items:stretch;gap:10px}
  .t3dacc-body .t3d-save-bar .t3d-btn-save{width:100%;justify-content:center}
}

/* ---- notificarea „în limba engleză": se MINIMIZEAZĂ, nu se închide ---- */
.t3d-profile-wrap .t3d-language-notice-toggle{flex-shrink:0 !important;display:inline-flex !important;
  align-items:center;gap:5px;font-size:12.5px;font-weight:800;color:var(--t3d-danger,var(--t3red)) !important;
  background:color-mix(in srgb, var(--t3red) 8%, transparent);border-radius:999px;padding:4px 10px;white-space:nowrap;align-self:center}
.t3d-profile-wrap .t3d-language-notice-header:hover .t3d-language-notice-toggle{background:color-mix(in srgb, var(--t3red) 15%, transparent)}
.t3d-profile-wrap .t3d-lnt-chev{transition:transform .22s ease;transform:rotate(180deg)}
.t3d-profile-wrap .t3d-language-notice-open .t3d-lnt-chev{transform:rotate(0deg)}
@media (max-width:520px){
  .t3d-profile-wrap .t3d-lnt-txt{display:none}
  .t3d-profile-wrap .t3d-language-notice-toggle{padding:5px 7px}
}


/* ---- profil: procentul ca inel mic + acțiunea principală, fără bară lată ---- */
.t3d-profile-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;
  flex-wrap:wrap;margin:18px 0 0;padding-top:16px;border-top:1px dashed var(--t3d-line-dashed,var(--t3line));box-sizing:border-box;max-width:100%}
.t3d-profile-pct{display:inline-flex;align-items:center;gap:7px;
  font-size:12.5px;font-weight:600;color:var(--t3d-muted,var(--t3muted));
  background:var(--t3d-white,var(--t3card));border:1px solid var(--t3d-line,var(--t3line));
  border-radius:999px;padding:6px 13px 6px 10px;white-space:nowrap}
.t3d-profile-pct svg{flex:0 0 auto}
.t3d-profile-pct b{color:var(--t3d-blue-dark,var(--t3ink));font-weight:900}
.t3d-profile-actions .t3d-btn{flex:0 0 auto}
@media (max-width:520px){
  .t3d-profile-actions{justify-content:space-between}
  .t3d-profile-actions .t3d-btn{flex:1 1 auto;justify-content:center}
}


/* ============================================================================
   TABURILE MY TED — RITM DECLARAT O DATĂ (26 iul 2026, v4 — final)

   Până acum antetul fiecărui tab stătea la altă adâncime (Acasă avea trei
   wrappere deasupra, Aplicații unul, Profil niciunul), iar spațierea o
   corectam anulând marginile fiecărui wrapper în parte. Funcționa, dar
   depindea de o listă de excepții: orice wrapper nou adăugat mai târziu ar fi
   strica din nou ritmul.

   Din 26 iul 2026 antetul este, prin construcție, PRIMUL COPIL DIRECT al
   tabului în toate cele șase taburi. Așa rămân doar două reguli de ritm, fără
   nimic de compensat:

       tabul  dă spațiul de sus   (padding — nu se colapsează niciodată)
       antetul dă spațiul de jos  (margine)

   Restul (alinierea orizontală) e o chestiune separată: trei taburi își
   împachetează conținutul în `.row > .gd-col-12`, iar grila temei are margini
   negative de 15px — le neutralizăm ca toate taburile să pornească de la
   aceeași margine.
   ========================================================================== */

/* --- ritm vertical --- */
#TabHome, #Tab1, #Tab2, #Tab3, #Tab4, #TabNotif{padding-top:22px !important;margin-top:0 !important}
.t3dnp-kick{margin:0 0 20px !important;padding:0 !important}
.t3dnp-lead{margin:-14px 0 20px !important;padding:0 !important}

/* --- aliniere orizontală: anulăm compensarea de grilă a temei --- */
#TabHome > .row, #Tab3 > .row, #TabNotif > .row{
  margin-left:0 !important; margin-right:0 !important; margin-inline:0 !important;
}
#TabHome > .row > .gd-col-12, #Tab3 > .row > .gd-col-12, #TabNotif > .row > .gd-col-12{
  padding-left:0 !important; padding-right:0 !important; padding-inline:0 !important;
}

/* --- wrapperele de conținut nu adaugă spațiu vertical peste ritmul antetului --- */
#TabHome > .row, #Tab3 > .row, #TabNotif > .row,
#TabHome > .row > .gd-col-12, #Tab3 > .row > .gd-col-12, #TabNotif > .row > .gd-col-12,
#Tab2 > .t3d-apps-wrap{
  margin-top:0 !important; padding-top:0 !important;
}

/* ============================================================================
   LIGHTBOX POZĂ — identic cu cel din panoul de control (26 iul 2026)
   Aceleași valori ca în dashboard-admin.php: același fundal, aceeași rotunjire,
   aceeași umbră, același buton de închidere. Definit aici o singură dată,
   pentru tot frontul, ca să nu mai apară o a treia variantă.
   ========================================================================== */
#t3d-lightbox{position:fixed;inset:0;z-index:100000;background:color-mix(in srgb, var(--t3navy) 82%, transparent);display:flex;align-items:center;justify-content:center;padding:24px;animation:t3dLbIn .15s ease}
#t3d-lightbox img{max-width:min(92vw,720px);max-height:88vh;border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.5);background:var(--t3card)}
#t3d-lightbox .t3lb-x{position:absolute;top:16px;right:18px;width:42px;height:42px;border:0;border-radius:50%;background:color-mix(in srgb, var(--t3white) 16%, transparent);color:var(--t3white);font-size:26px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
#t3d-lightbox .t3lb-x:hover{background:color-mix(in srgb, var(--t3white) 28%, transparent)}
@keyframes t3dLbIn{from{opacity:0}to{opacity:1}}

/* poza din header: se vede că e de apăsat */
.t3d-phead-avatar-zoom{cursor:pointer;position:relative}
.t3d-phead-avatar-zoom:focus-visible{outline:2px solid var(--t3blue);outline-offset:3px}
.t3d-phead-avatar-zoom::after{
  content:"";position:absolute;inset:0;border-radius:inherit;
  background:color-mix(in srgb, var(--t3navy) 28%, transparent);opacity:0;transition:opacity .15s ease;pointer-events:none;
}
.t3d-phead-avatar-zoom:hover::after,
.t3d-phead-avatar-zoom:focus-visible::after{opacity:1}

/* ============================================================================
   POZA DE PROFIL — schimbare din header + previzualizare (26 iul 2026)
   Click pe poză = o vezi mărită. Creionul din colț = o schimbi. Dacă n-ai
   poză, tot avatarul devine „adaugă o poză", fiindcă n-ar avea ce să deschidă.
   ========================================================================== */
.t3d-phead-edit{
  position:absolute;bottom:-2px;right:-2px;z-index:5;
  width:24px;height:24px;padding:0;border:2px solid var(--t3white);border-radius:50%;
  background:var(--t3blue);cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 2px 6px color-mix(in srgb, var(--t3navy) 22%, transparent);transition:background .15s,transform .12s;
}
.t3d-phead-edit:hover{background:var(--t3blue-h);transform:scale(1.08)}
.t3d-phead-edit:focus-visible{outline:2px solid var(--t3blue-d);outline-offset:2px}
.t3d-phead-edit svg{display:block}

/* fără poză: tot avatarul invită la încărcare */
.t3d-phead-avatar-add{cursor:pointer}
.t3d-phead-avatar-add:focus-visible{outline:2px solid var(--t3blue);outline-offset:3px}

/* previzualizarea din formular */
.t3d-photo-preview{
  position:relative;display:flex;align-items:center;gap:12px;
  margin-top:12px;padding:12px 40px 12px 12px;box-sizing:border-box;max-width:100%;
  background:var(--t3d-blue-light,var(--t3blue-bg));border:1px solid var(--t3d-blue-mid,var(--t3line));border-radius:12px;
}
.t3d-photo-preview img{
  width:58px;height:58px;flex:0 0 auto;border-radius:10px;object-fit:cover;
  background:var(--t3card);box-shadow:0 1px 4px color-mix(in srgb, var(--t3navy) 14%, transparent);
}
.t3d-photo-preview-tx{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:13px;line-height:1.45}
.t3d-photo-preview-tx b{color:var(--t3d-blue-dark,var(--t3ink));font-weight:800}
.t3d-photo-preview-tx span{color:var(--t3d-muted,var(--t3muted));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.t3d-photo-preview-hint{font-size:12px}
.t3d-photo-preview-x{
  position:absolute;top:8px;right:10px;width:26px;height:26px;padding:0;
  border:0;border-radius:50%;background:transparent;color:var(--t3d-blue-dark,var(--t3ink));
  font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;
}
.t3d-photo-preview-x:hover{background:color-mix(in srgb, var(--t3blue-d) 10%, transparent)}
@media (max-width:520px){
  .t3d-photo-preview{flex-direction:column;align-items:flex-start;padding-right:12px}
  .t3d-photo-preview-x{top:6px;right:6px}
}

/* ============================================================================
   COLEGI DE AVENTURĂ — toți, cu numele la hover și poza la click (26 iul 2026)
   Înainte se vedeau primii 8 plus un „+N". Acum apar toți: se suprapun cât
   încap, apoi trec pe rândul următor. La hover apare numele (plus țara), la
   click se deschide poza în același lightbox ca poza ta de profil.
   ========================================================================== */
.t3d-tkbody .t3d-tkc-stack-all{flex-wrap:wrap;row-gap:10px;padding-top:2px}
/* pe rândurile următoare primul avatar nu mai trage spre stânga */
.t3d-tkbody .t3d-tkc-stack-all .t3d-tkc-sav{margin-left:-10px}
.t3d-tkbody .t3d-tkc-stack-all .t3d-tkc-sav:first-child{margin-left:0}

/* avatarul cu poză se poate apăsa */
.t3d-tkbody .t3d-tkc-sav[data-t3d-lightbox]{cursor:pointer}
.t3d-tkbody .t3d-tkc-sav[data-t3d-lightbox]:focus-visible{outline:2px solid var(--t3blue);outline-offset:2px;z-index:6}

/* numele la hover — tooltip propriu, nu cel nativ (apare instant, se citește mai bine) */
.t3d-tkbody .t3d-tkc-sav[data-tip]{overflow:visible}
.t3d-tkbody .t3d-tkc-sav[data-tip] > .t3d-tkc-ini,
.t3d-tkbody .t3d-tkc-sav[data-tip] > img{border-radius:50%;overflow:hidden}
.t3d-tkbody .t3d-tkc-sav[data-tip]::after{
  content:attr(data-tip);
  position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%) translateY(4px);
  background:var(--t3navy);color:var(--t3white);font-size:12px;font-weight:700;line-height:1.3;
  padding:6px 10px;border-radius:8px;white-space:nowrap;
  box-shadow:0 6px 18px color-mix(in srgb, var(--t3navy) 28%, transparent);
  opacity:0;pointer-events:none;transition:opacity .14s ease,transform .14s ease;z-index:20;
}
.t3d-tkbody .t3d-tkc-sav[data-tip]::before{
  content:"";position:absolute;left:50%;bottom:calc(100% + 3px);transform:translateX(-50%);
  border:5px solid transparent;border-top-color:var(--t3navy);
  opacity:0;pointer-events:none;transition:opacity .14s ease;z-index:20;
}
.t3d-tkbody .t3d-tkc-sav[data-tip]:hover::after,
.t3d-tkbody .t3d-tkc-sav[data-tip]:focus-visible::after{opacity:1;transform:translateX(-50%) translateY(0)}
.t3d-tkbody .t3d-tkc-sav[data-tip]:hover::before,
.t3d-tkbody .t3d-tkc-sav[data-tip]:focus-visible::before{opacity:1}

/* legenda din lightbox (numele colegului, sub poză) */
#t3d-lightbox .t3lb-cap{
  position:absolute;left:0;right:0;bottom:26px;text-align:center;
  color:var(--t3white);font-size:14px;font-weight:700;letter-spacing:.01em;
  text-shadow:0 1px 8px rgba(0,0,0,.6);padding:0 24px;
}

/* ================================================================
   FIRUL DE ANUNȚURI DE PE BILET (15 sep 2026)
   ----------------------------------------------------------------
   Aceeași semnătură vizuală ca restul biletului: colț teșit, fără
   border-radius rotund, tipografie grea pe etichete, spațiu alb ca
   separator. Bulele sunt aliniate la stânga și NU imită un chat —
   n-ai unde scrie, deci n-are sens un aspect de conversație cu două
   coloane. E un avizier, pe care l-au scris oameni cu nume.
   Toate regulile sunt scopate pe .t3d-tkbody, ca restul bucăților.
   Combinatori copil acolo unde bucata poate conține alte componente.
   Pe Navimus: tokens --t3dnp-* vin din profilul organizației.
   ================================================================ */
.t3d-tkbody .t3d-tkann-stub{box-sizing:border-box;max-width:100%}

/* antetul bucății — identic ca ritm cu .t3d-tkc-h (colegi), plus contorul */
.t3d-tkbody .t3d-tkann-h{
  display:flex;align-items:center;gap:8px;margin-bottom:14px;
  font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;
  color:var(--t3dnp-mut);
}
.t3d-tkbody .t3d-tkann-h > svg{flex:0 0 auto;color:var(--t3dnp-accent-dark)}
.t3d-tkbody .t3d-tkann-h > .t3dann-cnt{
  flex:0 0 auto;min-width:19px;height:19px;padding:0 6px;
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--t3dnp-accent);color:var(--t3white);font-size:10.5px;font-weight:900;letter-spacing:0;
  clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px);
}

/* lista de bule */
.t3d-tkbody ol.t3d-tkann{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.t3d-tkbody ol.t3d-tkann > li.t3d-tkann-i{margin:0;padding:0;max-width:100%}

/* bula: colț tăiat SUS-STÂNGA, muchie de accent la stânga. Fundalul e
   aproape alb, nu albastru plin: textul e lung și trebuie citit, nu admirat. */
.t3d-tkbody .t3d-tkann-bub{
  box-sizing:border-box;max-width:100%;
  background:var(--t3bg);border:1.5px solid var(--t3line2);border-left:3px solid var(--t3dnp-accent);
  padding:12px 15px;
  font-size:13.5px;font-weight:600;line-height:1.6;color:var(--t3dnp-ink);
  overflow-wrap:anywhere;
  clip-path:polygon(var(--t3dnp-cut-s) 0,100% 0,100% 100%,0 100%,0 var(--t3dnp-cut-s));
}
.t3d-tkbody .t3d-tkann-bub a{color:var(--t3dnp-accent-dark);font-weight:800;text-decoration:underline}
.t3d-tkbody .t3d-tkann-bub a:hover{color:var(--t3dnp-ink)}

/* semnătura: cine + când, sub bulă, aliniată la stânga ca bula */
.t3d-tkbody .t3d-tkann-sig{
  display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;
  margin:6px 0 0 3px;font-size:11.5px;line-height:1.4;
}
.t3d-tkbody .t3d-tkann-sig > b{font-weight:900;color:var(--t3dnp-tx)}
.t3d-tkbody .t3d-tkann-sig > span{font-weight:700;color:var(--t3dnp-faint)}
.t3d-tkbody .t3d-tkann-sig > span[title]{cursor:help;border-bottom:1px dotted var(--t3dnp-faint)}

/* stare goală — spune ce urmează, nu doar că nu e nimic */
.t3d-tkbody .t3d-tkann-none{
  margin:0;font-size:12.5px;font-weight:600;line-height:1.55;color:var(--t3dnp-mut);
}

/* anunțurile mai vechi — <details> nativ, fără JS */
.t3d-tkbody details.t3d-tkann-more{margin-top:12px}
.t3d-tkbody details.t3d-tkann-more > summary{
  display:inline-flex;align-items:center;gap:6px;cursor:pointer;list-style:none;
  font-size:12px;font-weight:800;color:var(--t3dnp-accent-dark);
  padding:7px 12px;background:var(--t3dnp-accent-soft);border:1.5px solid #cfeafb;
  clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px);
  transition:border-color .15s,background .15s;
}
.t3d-tkbody details.t3d-tkann-more > summary::-webkit-details-marker{display:none}
.t3d-tkbody details.t3d-tkann-more > summary::marker{content:""}
.t3d-tkbody details.t3d-tkann-more > summary:hover{border-color:var(--t3dnp-accent);background:var(--t3blue-bg)}
.t3d-tkbody details.t3d-tkann-more > summary > svg{flex:0 0 auto;transition:transform .18s ease}
.t3d-tkbody details.t3d-tkann-more[open] > summary > svg{transform:rotate(180deg)}
.t3d-tkbody details.t3d-tkann-more[open] > summary{margin-bottom:14px}

/* „Aici doar citești…" — explică de ce nu există câmp de scris, chiar
   deasupra butonului care spune unde se scrie. Ordinea e tot mesajul. */
.t3d-tkbody .t3d-tkann-note{
  margin:14px 0 0;font-size:12px;font-weight:700;line-height:1.5;color:var(--t3dnp-mut);
}

/* butonul spre grup, mutat aici de lângă colegi: aceleași clase, deci
   exact același aspect — doar distanța de deasupra e a noastră */
.t3d-tkbody .t3d-tkc-group.t3d-tkann-grp{margin-top:10px;width:100%;box-sizing:border-box}

@media (max-width:600px){
  .t3d-tkbody .t3d-tkann-bub{padding:11px 13px;font-size:13px}
  .t3d-tkbody ol.t3d-tkann{gap:12px}
  .t3d-tkbody .t3d-tkann-sig{gap:5px;font-size:11px}
  .t3d-tkbody .t3d-tkann-h{margin-bottom:12px}
  .t3d-tkbody details.t3d-tkann-more > summary{width:100%;justify-content:center}
}