html{scroll-behavior:smooth;}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
:root{
--green:#00A651;--green-dark:#007A3D;--green-light:#E8F7EE;
--text:#111827;--text-muted:#6B7280;--border:#E5E7EB;
--bg:#F0F5F2;--white:#fff;
--shadow:0 2px 14px rgba(0,0,0,0.08);--radius:14px;
}
/* ── Završni premium sloj: isti vizuelni jezik kao Pregled dashboard ── */
.premium-welcome,
.premium-tasks,
.goals-wrap .goals-invite,
.goals-wrap .goals-editor,
.accordion-toggle,
.quick-entry-card,
.promotions-accordion,
.export-card,
.next-card,
.daily-quote,
.contacts-list,
.filter-tabs-wrap,
.sort-bar,
.search-wrap{
border-color:rgba(232,217,184,.82)!important;
background:radial-gradient(circle at 100% 0,rgba(214,173,75,.08),transparent 150px),linear-gradient(180deg,#fffdf8,#faf6ee)!important;
box-shadow:0 14px 34px rgba(8,60,47,.08)!important;
}
.section-label{
padding:14px 16px!important;
border:1px solid rgba(232,217,184,.78)!important;
border-radius:20px!important;
background:linear-gradient(180deg,#fffdf8,#faf6ee)!important;
box-shadow:0 12px 28px rgba(8,60,47,.07)!important;
}
.section-icon{background:linear-gradient(135deg,#e8f4ed,#fff7df)!important;color:#0f4a38!important;border:1px solid rgba(214,173,75,.26)!important;}
.hero-card,
.premium-tasks-head,
.next-card{
background:radial-gradient(circle at 92% 8%,rgba(255,255,255,.14),transparent 180px),linear-gradient(135deg,#083c2f,#0f4a38 58%,#176849)!important;
box-shadow:0 20px 44px rgba(8,60,47,.20)!important;
}
.premium-task-list,
.promotions-panel,
.accordion-panel,
.contact-ui-sheet{background:linear-gradient(180deg,#fffdf8,#faf6ee)!important;}
.btn-next,
.hero-cta,
.export-btn,
.type-btn,
.status-btn,
.help-btn,
.contact-ui-primary,
.contact-ui-ghost,
.meta-actions button,
.meta-actions a{
min-height:44px!important;
border-radius:999px!important;
font-weight:900!important;
}
.meta-actions{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:10px!important;
}
.meta-actions > *{
width:100%!important;
min-width:0!important;
justify-content:center!important;
text-align:center!important;
}
.contacts-list:has(.contact-card.is-expanded)::before{
background:rgba(8,26,20,.22)!important;
backdrop-filter:none!important;
}
.contacts-list .contact-card.is-expanded{
width:min(500px,calc(100vw - 28px))!important;
border:1px solid rgba(232,217,184,.95)!important;
background:#fffdf8!important;
box-shadow:0 28px 74px rgba(8,60,47,.30)!important;
}
.contact-card.is-expanded .crow{
padding:24px 18px 20px!important;
background:radial-gradient(circle at 50% -10%,rgba(214,173,75,.16),transparent 180px),linear-gradient(180deg,#fffdf8,#fffaf1)!important;
}
.contact-card.is-expanded .crow-av{
width:88px!important;
height:88px!important;
font-size:32px!important;
margin-bottom:12px!important;
}
.contact-card.is-expanded .crow-name{font-size:25px!important;line-height:1.12!important;}
.contact-card.is-expanded .crow-sub{margin-top:8px!important;}
.contact-card.is-expanded .crow-end{
width:min(360px,100%)!important;
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:12px!important;
margin-top:16px!important;
}
.contact-card.is-expanded .card-hicons,
.contact-card.is-expanded .card-mob-wrap{display:flex!important;width:100%!important;}
.contact-card.is-expanded .card-mob-btn,
.contact-card.is-expanded .pin-btn{
width:100%!important;
min-width:0!important;
height:48px!important;
padding:0 14px!important;
border-radius:999px!important;
justify-content:center!important;
gap:8px!important;
font-size:16px!important;
}
.contact-card.is-expanded .card-mob-btn::after{content:"Kontakt";font-size:14px;font-weight:900;}
.contact-card.is-expanded .social-accordion{border-radius:20px!important;background:#fffdf8!important;}
.contact-card.is-expanded .social-acc-toggle{min-height:58px!important;}
.contact-card.is-expanded .meta-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.contact-card.is-expanded .btn-icon-share{grid-column:1 / -1!important;background:linear-gradient(135deg,#083c2f,#0f4a38)!important;}
.pinned-group{
border-color:rgba(214,173,75,.56)!important;
background:linear-gradient(180deg,#fffdf8,#fff7df)!important;
box-shadow:0 16px 38px rgba(8,60,47,.09)!important;
}
.pinned-group-head{background:linear-gradient(135deg,#fff8df,#f6e7b9)!important;color:#785510!important;}
.pinned-group-head strong{background:linear-gradient(135deg,#0f4a38,#083c2f)!important;color:#fff!important;}
@media(max-width:640px){
.contacts-list .contact-card.is-expanded{
top:8px!important;
width:calc(100vw - 14px)!important;
background:#fffdf8!important;
}
.contact-card.is-expanded .crow{padding:20px 14px 17px!important;}
.contact-card.is-expanded .crow-av{
width:74px!important;
height:74px!important;
font-size:28px!important;
margin-bottom:10px!important;
}
.contact-card.is-expanded .crow-name{font-size:22px!important;}
.contact-card.is-expanded .crow-end{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:10px!important;
margin-top:14px!important;
}
.contact-card.is-expanded .card-mob-btn,
.contact-card.is-expanded .pin-btn{
min-height:46px!important;
height:46px!important;
padding:0 10px!important;
font-size:15px!important;
}
.contact-card.is-expanded .card-mob-btn::after,
.contact-card.is-expanded .pin-btn::after{font-size:13px!important;}
.contact-card.is-expanded .meta-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.contact-card.is-expanded .btn-icon-share{grid-column:1 / -1!important;}
}
/* ── Ispravka dugmadi u kontakt modalu ── */
.contact-card.is-expanded .crow-chev{
width:38px!important;
height:38px!important;
border-radius:999px!important;
background:#fffdf8!important;
color:#0f4a38!important;
border:1px solid rgba(232,217,184,.95)!important;
box-shadow:0 8px 18px rgba(8,60,47,.08)!important;
transform:none!important;
}
.contact-card.is-expanded .crow-chev .duo-chevron{display:none!important;}
.contact-card.is-expanded .crow-chev::before{
content:"×";
font-size:24px;
line-height:1;
font-weight:800;
color:#0f4a38;
}
.contact-card.is-expanded .crow-end{align-items:center!important;}
.contact-card.is-expanded .card-hicons,
.contact-card.is-expanded .card-mob-wrap{min-width:0!important;}
.contact-card.is-expanded .card-mob-btn,
.contact-card.is-expanded .pin-btn{
box-sizing:border-box!important;
height:48px!important;
min-height:48px!important;
padding:0 14px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
white-space:nowrap!important;
}
.contact-card.is-expanded .card-mob-btn::before,
.contact-card.is-expanded .pin-btn{line-height:1!important;}
.contact-card.is-expanded .crow-expand > .card-body > .social-accordion:first-child .social-acc-toggle{
position:relative;
}
.contact-card.is-expanded .crow-expand > .card-body > .social-accordion:first-child .social-acc-toggle::before{
content:"⌁";
width:30px;
height:30px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:999px;
background:#f4efe4;
color:#0f4a38;
border:1px solid rgba(232,217,184,.86);
font-size:20px;
font-weight:900;
flex:0 0 auto;
}
.contact-card.is-expanded .meta-actions{
display:grid!important;
grid-template-columns:.72fr 1.12fr 1.12fr 1.08fr!important;
gap:8px!important;
align-items:stretch!important;
}
.contact-card.is-expanded .meta-actions > *{
grid-column:auto!important;
width:100%!important;
min-width:0!important;
min-height:44px!important;
height:44px!important;
padding:0 8px!important;
border-radius:999px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:5px!important;
font-size:12px!important;
line-height:1!important;
white-space:nowrap!important;
}
.contact-card.is-expanded .edit-name-btn svg{
width:16px!important;
height:16px!important;
}
.contact-card.is-expanded .btn-icon-share{
grid-column:auto!important;
min-height:44px!important;
background:#fffdf8!important;
color:#0f4a38!important;
border:1px solid rgba(232,217,184,.95)!important;
}
.contact-card.is-expanded .btn-icon-copy{
background:#fffdf8!important;
color:#0f4a38!important;
border-color:rgba(232,217,184,.95)!important;
}
.contact-card.is-expanded .btn-delete{margin-left:0!important;}
@media(max-width:420px){
.contact-card.is-expanded .crow-end{width:100%!important;}
.contact-card.is-expanded .card-mob-btn,
.contact-card.is-expanded .pin-btn{
height:46px!important;
min-height:46px!important;
padding:0 9px!important;
}
.contact-card.is-expanded .card-mob-btn::after,
.contact-card.is-expanded .pin-btn::after{font-size:12px!important;}
.contact-card.is-expanded .meta-actions{gap:6px!important;}
.contact-card.is-expanded .meta-actions > *{
height:42px!important;
min-height:42px!important;
padding:0 5px!important;
font-size:11px!important;
gap:3px!important;
}
}
/* Neprovidan fokus sloj iza otvorene kontakt kartice */
.contacts-list:has(.contact-card.is-expanded)::before{
background:rgba(8,26,20,.58)!important;
backdrop-filter:none!important;
-webkit-backdrop-filter:none!important;
}
.contacts-list .contact-card.is-expanded,
.contacts-list .contact-card.is-expanded .crow,
.contacts-list .contact-card.is-expanded .crow-expand,
.contacts-list .contact-card.is-expanded .card-body{
opacity:1!important;
}
.contacts-list .contact-card.is-expanded{
background:#fffdf8!important;
}
.contacts-list .contact-card.is-expanded .crow-expand,
.contacts-list .contact-card.is-expanded .card-body{
background:#fffdf8!important;
}
/* Zatvorene kontakt kartice: jedinstven premium green/gold avatar */
.contact-card:not(.is-expanded) .crow-av{
background:linear-gradient(135deg,#083c2f,#0f4a38)!important;
color:#d6ad4b!important;
border:1px solid rgba(214,173,75,.48)!important;
box-shadow:0 10px 22px rgba(8,60,47,.16), inset 0 0 0 1px rgba(255,255,255,.08)!important;
}
.contact-card:not(.is-expanded) .crow-av *{
color:#d6ad4b!important;
}
.contact-card:not(.is-expanded) .pin-mobile-badge{
background:#fff7df!important;
color:#0f4a38!important;
border-color:#d6ad4b!important;
}
/* Footer kontakt modala: datum svoj red, akcije jedan čist red */
.contact-card.is-expanded .contact-meta{
display:block!important;
padding:16px 2px 0!important;
}
.contact-card.is-expanded .meta-info{
display:block!important;
width:100%!important;
margin:0 0 12px!important;
color:#6b7280!important;
font-size:14px!important;
line-height:1.35!important;
font-weight:800!important;
text-align:left!important;
}
.contact-card.is-expanded .meta-actions{
width:100%!important;
display:grid!important;
grid-template-columns:44px repeat(3,minmax(0,1fr))!important;
gap:8px!important;
align-items:stretch!important;
}
.contact-card.is-expanded .meta-actions > *{
width:100%!important;
min-width:0!important;
height:42px!important;
min-height:42px!important;
padding:0 7px!important;
border-radius:999px!important;
font-size:12px!important;
line-height:1!important;
white-space:nowrap!important;
overflow:hidden!important;
}
.contact-card.is-expanded .edit-name-btn{
background:linear-gradient(135deg,#083c2f,#0f4a38)!important;
border:1px solid rgba(15,74,56,.22)!important;
color:#fff!important;
box-shadow:0 10px 22px rgba(8,60,47,.16)!important;
}
.contact-card.is-expanded .edit-name-btn svg{
color:#fff!important;
stroke:#fff!important;
}
.contact-card.is-expanded .btn-icon-share,
.contact-card.is-expanded .btn-icon-copy{
background:#fffdf8!important;
border:1px solid rgba(232,217,184,.95)!important;
color:#0f4a38!important;
box-shadow:0 8px 18px rgba(8,60,47,.07)!important;
}
.contact-card.is-expanded .btn-delete{
margin-left:0!important;
background:#fffdf8!important;
border:1px solid #fecaca!important;
color:#b91c1c!important;
box-shadow:0 8px 18px rgba(185,28,28,.06)!important;
}
.contact-card.is-expanded .card-hicons{
width:100%!important;
min-width:0!important;
}
.contact-card.is-expanded .card-mob-wrap{
width:100%!important;
min-width:0!important;
}
.contact-card.is-expanded .card-mob-btn,
.contact-card.is-expanded .pin-btn{
width:100%!important;
max-width:none!important;
min-width:0!important;
height:48px!important;
padding:0 12px!important;
font-size:15px!important;
}
.contact-card.is-expanded .card-mob-btn::after,
.contact-card.is-expanded .pin-btn::after{
flex:0 1 auto;
min-width:0;
overflow:hidden;
text-overflow:clip;
}
.contact-card.is-expanded .crow-expand > .card-body > .social-accordion:first-child .social-acc-toggle::before{
content:"⌁";
font-size:19px;
}
/* Čitljivost dnevnog citata na premium svetloj pozadini */
.daily-quote{
background:linear-gradient(180deg,#fffdf8,#faf6ee)!important;
color:#0f4a38!important;
border:1px solid rgba(232,217,184,.86)!important;
border-left:4px solid #d6ad4b!important;
box-shadow:0 12px 28px rgba(8,60,47,.08)!important;
}
.daily-quote .dq-icon{
color:#0f4a38!important;
}
.daily-quote .dq-text{
color:#0f4a38!important;
font-weight:800!important;
}
.daily-quote .dq-close{
background:#e8f4ed!important;
color:#0f4a38!important;
border:1px solid rgba(15,74,56,.14)!important;
}
/* Fokus modala na mobilnom + čisto Kontakt dugme */
body:has(.contact-card.is-expanded){
overflow:hidden!important;
touch-action:none;
}
body:has(.contact-card.is-expanded) .contact-card.is-expanded{
touch-action:auto;
}
.contacts-list:has(.contact-card.is-expanded)::before{
background:rgba(8,26,20,.48)!important;
backdrop-filter:blur(3px)!important;
-webkit-backdrop-filter:blur(3px)!important;
}
.contact-card.is-expanded .card-hicons{
display:block!important;
width:100%!important;
}
.contact-card.is-expanded .card-mob-wrap{
display:block!important;
width:100%!important;
}
.contact-card.is-expanded .card-mob-btn{
width:100%!important;
height:48px!important;
min-height:48px!important;
padding:0 14px!important;
border:0!important;
border-radius:999px!important;
background:linear-gradient(135deg,#083c2f,#0f4a38)!important;
color:#fff!important;
box-shadow:0 14px 28px rgba(8,60,47,.22)!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:8px!important;
overflow:visible!important;
white-space:nowrap!important;
}
.contact-card.is-expanded .card-mob-btn::before{
content:"☎"!important;
color:#fff!important;
font-size:18px!important;
line-height:1!important;
flex:0 0 auto!important;
}
.contact-card.is-expanded .card-mob-btn::after{
color:#fff!important;
font-size:14px!important;
font-weight:900!important;
line-height:1!important;
overflow:visible!important;
}
@media(max-width:420px){
.contact-card.is-expanded .card-mob-btn{
height:46px!important;
min-height:46px!important;
padding:0 10px!important;
gap:6px!important;
}
.contact-card.is-expanded .card-mob-btn::before{font-size:17px!important;}
.contact-card.is-expanded .card-mob-btn::after{font-size:13px!important;}
}
@media(max-width:420px){
.contact-card.is-expanded .meta-actions{
grid-template-columns:40px repeat(3,minmax(0,1fr))!important;
gap:5px!important;
}
.contact-card.is-expanded .meta-actions > *{
height:40px!important;
min-height:40px!important;
padding:0 4px!important;
font-size:10.5px!important;
gap:2px!important;
}
.contact-card.is-expanded .meta-info{
font-size:13px!important;
margin-bottom:10px!important;
}
.contact-card.is-expanded .card-mob-btn,
.contact-card.is-expanded .pin-btn{
height:46px!important;
padding:0 8px!important;
font-size:14px!important;
}
}
/* Finalna ispravka: gornja Kontakt/Zakači dugmad moraju prikazati ceo tekst */
.contact-card.is-expanded .crow-end{
width:min(430px,100%)!important;
display:grid!important;
grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)!important;
gap:12px!important;
}
.contact-card.is-expanded .card-hicons,
.contact-card.is-expanded .card-mob-wrap,
.contact-card.is-expanded .pin-btn{
width:100%!important;
min-width:0!important;
max-width:none!important;
}
.contact-card.is-expanded .card-mob-btn,
.contact-card.is-expanded .pin-btn{
width:100%!important;
max-width:none!important;
min-width:0!important;
overflow:visible!important;
white-space:nowrap!important;
text-overflow:clip!important;
font-size:14px!important;
padding-left:10px!important;
padding-right:10px!important;
}
.contact-card.is-expanded .card-mob-btn::after,
.contact-card.is-expanded .pin-btn::after{
overflow:visible!important;
white-space:nowrap!important;
text-overflow:clip!important;
font-size:13px!important;
letter-spacing:0!important;
}
@media(max-width:380px){
.contact-card.is-expanded .crow-end{
gap:8px!important;
grid-template-columns:minmax(0,1.18fr) minmax(0,1fr)!important;
}
.contact-card.is-expanded .card-mob-btn,
.contact-card.is-expanded .pin-btn{
padding-left:7px!important;
padding-right:7px!important;
gap:5px!important;
}
.contact-card.is-expanded .card-mob-btn::before{
font-size:15px!important;
}
.contact-card.is-expanded .card-mob-btn::after,
.contact-card.is-expanded .pin-btn::after{
font-size:12px!important;
}
}
/* Tablet koristi istu donju navigaciju i lebdeće kontrole kao mobilni */
.floating-filter-btn{
display:none;
}
.floating-clear-filters-btn{
display:none;
}
@media(max-width:1024px){
body{
padding-bottom:calc(116px + env(safe-area-inset-bottom,0px))!important;
}
.premium-bottom-nav{
display:grid!important;
position:fixed!important;
left:0!important;
right:0!important;
bottom:0!important;
width:100%!important;
grid-template-columns:repeat(2,minmax(0,1fr)) 78px repeat(2,minmax(0,1fr))!important;
gap:0!important;
padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px))!important;
border-radius:24px 24px 0 0!important;
border:1px solid rgba(232,217,184,.82)!important;
background:rgba(255,253,248,.96)!important;
box-shadow:0 -12px 34px rgba(8,60,47,.14)!important;
z-index:760!important;
backdrop-filter:blur(18px)!important;
-webkit-backdrop-filter:blur(18px)!important;
}
.premium-bottom-nav a,
.premium-bottom-nav button{
min-height:58px!important;
border-radius:18px!important;
font-size:12px!important;
color:#65756c!important;
}
.premium-bottom-nav > :nth-child(3){grid-column:4!important;}
.premium-bottom-nav > :nth-child(4){grid-column:5!important;}
.premium-bottom-nav a.active,
.premium-bottom-nav button.active{
background:#e8f4ed!important;
color:#0f4a38!important;
box-shadow:inset 0 0 0 1px rgba(15,74,56,.12)!important;
}
.premium-bottom-nav span{font-size:18px!important;}
.floating-filter-btn{
position:fixed;
right:14px;
bottom:calc(92px + env(safe-area-inset-bottom,0px));
z-index:790;
width:58px;
height:58px;
border:1px solid rgba(214,173,75,.42);
border-radius:999px;
background:linear-gradient(135deg,#083c2f,#0f4a38);
color:#fff;
display:flex;
align-items:center;
justify-content:center;
box-shadow:0 16px 34px rgba(8,60,47,.28);
cursor:pointer;
}
.floating-clear-filters-btn{
position:fixed;
right:66px;
bottom:calc(98px + env(safe-area-inset-bottom,0px));
z-index:791;
width:36px;
height:36px;
border:1px solid rgba(214,173,75,.48);
border-radius:999px;
background:rgba(255,253,248,.96);
color:#0f4a38;
display:flex;
align-items:center;
justify-content:center;
padding:0;
font-size:24px;
font-weight:900;
line-height:1;
box-shadow:0 10px 24px rgba(8,60,47,.16);
cursor:pointer;
backdrop-filter:blur(12px);
-webkit-backdrop-filter:blur(12px);
opacity:0;
pointer-events:none;
transform:scale(.92);
transition:opacity .16s ease,transform .16s ease;
}
.floating-clear-filters-btn.is-visible{
opacity:1;
pointer-events:auto;
transform:scale(1);
}
.floating-filter-btn svg{
width:25px;
height:25px;
}
.scroll-top-btn{
right:84px!important;
bottom:calc(100px + env(safe-area-inset-bottom,0px))!important;
z-index:790!important;
}
.fmodal-overlay{
z-index:10050!important;
}
}
@media(min-width:1025px){
.floating-filter-btn{display:none!important;}
.floating-clear-filters-btn{display:none!important;}
}
/* Dugme za vrh iste boje kao filter dugme */
.scroll-top-btn{
border:1px solid rgba(214,173,75,.42)!important;
background:linear-gradient(135deg,#083c2f,#0f4a38)!important;
color:#fff!important;
box-shadow:0 16px 34px rgba(8,60,47,.28)!important;
}
.scroll-top-btn svg{
color:#fff!important;
stroke:#fff!important;
}
.scroll-top-btn::after{
color:#fff!important;
}
/* Premium sadržaj akcija: ista paleta kao Kontakti header */
.promotions-accordion .accordion-panel{
padding:14px!important;
border-radius:0 0 20px 20px!important;
background:linear-gradient(180deg,#fffdf8,#faf6ee)!important;
}
.promotions-banner-wrap{
gap:14px!important;
margin:0!important;
}
.promo-banner-card{
position:relative;
overflow:hidden;
border:1px solid rgba(232,217,184,.9)!important;
border-radius:22px!important;
background:radial-gradient(circle at 100% 0,rgba(214,173,75,.12),transparent 150px),linear-gradient(180deg,#fffdf8,#faf6ee)!important;
box-shadow:0 16px 34px rgba(8,60,47,.09)!important;
padding:14px!important;
}
.promo-banner-card::before{
content:"";
position:absolute;
left:0;
top:16px;
width:5px;
height:58px;
border-radius:0 999px 999px 0;
background:linear-gradient(180deg,#d6ad4b,#0f4a38);
}
.promo-banner-media{
border-radius:18px!important;
border:1px solid rgba(214,173,75,.34)!important;
background:#fff7df!important;
box-shadow:0 10px 22px rgba(8,60,47,.08)!important;
}
.promo-banner-eyebrow{
display:inline-flex;
align-items:center;
width:max-content;
max-width:100%;
padding:5px 10px;
border-radius:999px;
background:#e8f4ed!important;
color:#0f4a38!important;
border:1px solid rgba(15,74,56,.12);
letter-spacing:0!important;
text-transform:none!important;
}
.promo-banner-title{
color:#083c2f!important;
font-size:16px!important;
line-height:1.35!important;
font-weight:950!important;
}
.promo-banner-message{
color:#65756c!important;
font-weight:750!important;
}
.promo-banner-expiry{
color:#785510!important;
background:#fff7df;
border:1px solid rgba(214,173,75,.34);
border-radius:999px;
padding:7px 10px;
}
.promo-banner-cta{
background:linear-gradient(135deg,#083c2f,#0f4a38)!important;
color:#fff!important;
border:1px solid rgba(214,173,75,.34)!important;
border-radius:999px!important;
box-shadow:0 12px 24px rgba(8,60,47,.18)!important;
}
@media(max-width:640px){
.promotions-accordion .accordion-panel{padding:12px!important;}
.promo-banner-card{padding:13px!important;}
.promo-banner-footer{gap:8px!important;}
}
/* Premium search popup: tri odmah otvorena polja */
.legacy-search-row{display:none!important;}
.premium-search-grid{display:grid;gap:12px;}
.premium-search-field{
position:relative;
display:flex;
flex-direction:column;
gap:7px;
padding:12px 13px;
border:1px solid rgba(232,217,184,.92);
border-radius:18px;
background:radial-gradient(circle at 100% 0,rgba(214,173,75,.10),transparent 110px),linear-gradient(180deg,#fffdf8,#faf6ee);
box-shadow:0 12px 26px rgba(8,60,47,.08);
}
.premium-search-field span{
color:#0f4a38;
font-size:13px;
font-weight:900;
letter-spacing:0;
}
.premium-search-field input{
width:100%;
min-height:46px;
border:1px solid rgba(232,217,184,.92);
border-radius:14px;
outline:none;
background:#fffdf8;
color:#083c2f;
font-size:16px;
font-weight:800;
padding:0 13px;
box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.premium-search-field input:focus{
border-color:rgba(214,173,75,.9);
box-shadow:0 0 0 4px rgba(214,173,75,.18);
}
.premium-search-field .product-autocomplete{
top:calc(100% + 8px);
border-color:rgba(232,217,184,.95);
border-radius:16px;
background:#fffdf8;
box-shadow:0 18px 34px rgba(8,60,47,.16);
z-index:50;
}
@media(max-width:1024px){
.mob-filter-bar{
display:none!important;
}
.filter-tabs-wrap,
.sort-bar{
display:none!important;
}
.scroll-top-btn,#scrollTopBtn{
left:50%!important;
right:auto!important;
bottom:calc(94px + env(safe-area-inset-bottom,0px))!important;
width:58px!important;
min-width:58px!important;
height:58px!important;
padding:0!important;
transform:translateX(-50%)!important;
border-radius:999px!important;
}
.scroll-top-btn.visible,#scrollTopBtn.visible{transform:translateX(-50%)!important;}
.scroll-top-btn:active,#scrollTopBtn:active{transform:translateX(-50%) scale(.94)!important;}
.scroll-top-btn::after,#scrollTopBtn::after{
content:""!important;
display:none!important;
}
.floating-filter-btn{
bottom:calc(94px + env(safe-area-inset-bottom,0px))!important;
}
}
/* Final footer otvorene kartice: samo sponzor/brisanje; edit je pored imena */
.contact-card.is-expanded .meta-actions{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:8px!important;
align-items:center!important;
}
.contact-card.is-expanded .meta-actions > *{
grid-column:auto!important;
width:100%!important;
min-width:0!important;
height:44px!important;
min-height:44px!important;
padding:0 8px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:5px!important;
border-radius:999px!important;
font-size:12px!important;
line-height:1!important;
white-space:nowrap!important;
}
.contact-card.is-expanded .btn-icon-share{
grid-column:auto!important;
border:1px solid rgba(214,173,75,.34)!important;
background:linear-gradient(135deg,#083c2f,#0f4a38)!important;
color:#fff!important;
}
.contact-card.is-expanded .meta-actions .btn-delete{
margin-left:0!important;
border:1px solid #fecaca!important;
background:#fff!important;
color:#b91c1c!important;
}
@media(max-width:430px){
.contact-card.is-expanded .meta-actions{gap:6px!important;}
.contact-card.is-expanded .meta-actions > *{
height:42px!important;
min-height:42px!important;
padding:0 8px!important;
font-size:12px!important;
}
}
.contact-card.is-expanded .crow-name .name-inline-edit{
width:34px!important;
min-width:34px!important;
height:34px!important;
min-height:34px!important;
padding:0!important;
border:1px solid rgba(214,173,75,.34)!important;
background:#fffdf8!important;
color:#0f4a38!important;
box-shadow:0 8px 18px rgba(8,60,47,.10)!important;
}
.contact-card.is-expanded .crow-name .name-inline-edit svg{
width:15px!important;
height:15px!important;
stroke:#0f4a38!important;
}
/* Reference polish: sponzor pill i pinovane kartice u cream/gold stilu */
.contact-card.is-expanded .meta-actions .btn-icon-share{
height:32px!important;
min-height:32px!important;
max-width:118px!important;
justify-self:center!important;
padding:0 11px!important;
border-radius:8px!important;
border:1px solid rgba(214,173,75,.34)!important;
background:linear-gradient(135deg,#083c2f,#0f4a38)!important;
color:#fffdf8!important;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 8px 18px rgba(8,60,47,.18)!important;
font-size:10.5px!important;
gap:6px!important;
}
.contact-card.is-expanded .meta-actions .btn-icon-share span{
color:#fffdf8!important;
}
.pinned-group{
border:1px solid rgba(214,173,75,.42)!important;
border-radius:18px!important;
background:linear-gradient(180deg,#fffdf8,#fff7df)!important;
box-shadow:0 16px 34px rgba(120,88,24,.10)!important;
overflow:visible!important;
}
.pinned-group .contact-card.is-pinned{
position:relative!important;
margin:8px!important;
border:1px solid rgba(232,217,184,.96)!important;
border-radius:16px!important;
background:#fffdf8!important;
box-shadow:0 8px 22px rgba(120,88,24,.08)!important;
overflow:visible!important;
}
.pinned-group .contact-card.is-pinned .crow{
min-height:74px!important;
padding:10px 12px 10px 14px!important;
background:#fffdf8!important;
}
.pinned-group .contact-card.is-pinned .crow-av{
width:54px!important;
height:58px!important;
border-radius:18px!important;
background:linear-gradient(180deg,#fff8e8,#faf0d9)!important;
color:#d65a5a!important;
border:1px solid rgba(232,217,184,.96)!important;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.64)!important;
}
.pinned-group .contact-card.is-pinned .pin-mobile-badge{
display:flex!important;
position:absolute!important;
top:-8px!important;
left:-7px!important;
right:auto!important;
width:24px!important;
height:24px!important;
border-radius:999px!important;
align-items:center!important;
justify-content:center!important;
background:linear-gradient(135deg,#fff8df,#d6ad4b)!important;
color:#0f4a38!important;
border:1px solid rgba(214,173,75,.72)!important;
box-shadow:0 8px 16px rgba(120,88,24,.18)!important;
font-size:13px!important;
}
.pinned-group .contact-card.is-pinned .pin-mobile-badge::before,
.pinned-group .contact-card.is-pinned .pin-mobile-badge::after{
content:none!important;
}
/* Final mobile/tablet cleanup: ostaje samo lebdeci filter, top je centriran */
.mob-filter-bar{
display:none!important;
}
@media(max-width:1024px){
body .filter-tabs-wrap,
body .sort-bar,
body .mob-filter-bar{
display:none!important;
}
body #contactSearchHost .filter-tabs-wrap,
body #contactSearchHost .sort-bar,
body #contactSearchHost .mob-filter-bar{
display:none!important;
}
.scroll-top-btn,
#scrollTopBtn{
left:50%!important;
right:auto!important;
bottom:calc(98px + env(safe-area-inset-bottom,0px))!important;
width:54px!important;
min-width:54px!important;
max-width:54px!important;
height:54px!important;
min-height:54px!important;
padding:0!important;
border-radius:999px!important;
transform:translateX(-50%)!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
background:linear-gradient(135deg,#083c2f,#0f4a38)!important;
color:#fff!important;
border:1px solid rgba(214,173,75,.44)!important;
box-shadow:0 16px 34px rgba(8,60,47,.28)!important;
z-index:9998!important;
}
.scroll-top-btn.visible,
#scrollTopBtn.visible{
transform:translateX(-50%)!important;
}
.scroll-top-btn:active,
#scrollTopBtn:active{
transform:translateX(-50%) scale(.94)!important;
}
.scroll-top-btn::after,
#scrollTopBtn::after{
content:""!important;
display:none!important;
}
.scroll-top-btn svg,
#scrollTopBtn svg{
width:24px!important;
height:24px!important;
stroke:#fff!important;
}
}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;padding-bottom:80px;}
/* ── HEADER ── */
.header{background:linear-gradient(145deg,#00A651,#007A3D);color:white;padding:16px 18px 18px;position:sticky;top:0;z-index:50;box-shadow:0 4px 24px rgba(0,122,61,0.35);transition:transform .28s ease;}.header.header--hidden{transform:translateY(-110%);}
.header-top{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.header-brand{display:flex;align-items:center;gap:10px;}
.lr-logo{width:40px;height:40px;background:rgba(255,255,255,0.18);border:1.5px solid rgba(255,255,255,0.3);border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;}
.lr-logo img{width:100%;height:100%;object-fit:contain;display:block;}
.header-info h1{font-size:16px;font-weight:700;}
.header-info p{font-size:11px;opacity:0.75;margin-top:1px;}
.header-back{display:inline-flex;align-items:center;gap:6px;color:rgba(255,255,255,0.88);text-decoration:none;font-size:12px;font-weight:700;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,0.14);border:1px solid rgba(255,255,255,0.22);}
.header-admin,.header-sync,.header-coach{display:inline-flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.88);text-decoration:none;font-size:13px;font-weight:700;min-width:36px;height:36px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,0.14);border:1px solid rgba(255,255,255,0.22);transition:background .18s;cursor:pointer}
.header-admin:hover,.header-sync:hover,.header-coach:hover{background:rgba(255,255,255,0.26)}
.header-tools-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;border:1px solid rgba(214,173,75,.58);background:#fff;color:#d6ad4b;font-size:21px;font-weight:900;line-height:1;cursor:pointer;text-decoration:none;}
.header-tools-btn svg{width:22px;height:22px;display:block;fill:currentColor;}
.header-install-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;border:1px solid rgba(214,173,75,.58);background:#fff;padding:3px;overflow:hidden;cursor:pointer;box-shadow:0 8px 18px rgba(15,79,56,.06);}
.header-install-btn img{width:100%;height:100%;display:block;object-fit:cover;border-radius:999px;}
.contact-tools-body{display:grid;gap:14px;padding:16px 18px 18px;}
.contact-tools-group{display:grid;gap:9px;padding:12px;border:1px solid rgba(214,173,75,.30);border-radius:18px;background:#fffdf8;}
.contact-tools-group-import{background:#f6fffb;border-color:rgba(16,185,129,.24);}
.contact-tools-label{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:0 2px 2px;}
.contact-tools-label span{font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#0f4a38;}
.contact-tools-label small{font-size:11px;font-weight:800;color:#6d7b74;text-align:right;}
.contact-tools-body .btn-phone-import{display:flex;margin:0;}
.contact-tools-sheet{width:min(520px,100%);}
/* ── HERO ── */
.hero{padding:24px 16px 0;}
.hero-card{background:linear-gradient(145deg,#00A651,#007A3D);border-radius:24px;padding:28px 20px 24px;color:white;box-shadow:0 16px 48px rgba(0,122,61,0.28);margin-bottom:4px;}
.hero-eyebrow{font-size:11px;font-weight:800;letter-spacing:0.6px;opacity:0.8;text-transform:uppercase;margin-bottom:10px;}
.hero-title{font-size:30px;font-weight:800;line-height:1.06;margin-bottom:12px;}
.hero-body{font-size:15px;line-height:1.68;opacity:0.93;margin-bottom:16px;}
.hero-highlight{background:rgba(255,255,255,0.16);border-left:3px solid rgba(255,255,255,0.75);border-radius:0 12px 12px 0;padding:12px 14px;font-size:15px;font-weight:700;margin-bottom:22px;}
.hero-cta{display:block;width:100%;background:white;color:var(--green-dark);border:none;border-radius:14px;padding:15px;font-size:16px;font-weight:800;cursor:pointer;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,0.14);transition:transform 0.18s;}
.hero-cta:active{transform:scale(0.97);}
.hero-dismiss{position:absolute;top:12px;right:12px;background:rgba(255,255,255,0.18);border:1px solid rgba(255,255,255,0.3);color:rgba(255,255,255,0.85);border-radius:50%;width:30px;height:30px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .18s;}
.hero-dismiss:hover{background:rgba(255,255,255,0.30);}
.hero-card{position:relative;}
.hero-steps{display:flex;flex-direction:column;gap:8px;margin:16px 0 20px;}
.hero-step{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,0.13);border-radius:12px;padding:10px 12px;font-size:14px;font-weight:600;color:rgba(255,255,255,0.95);}
.hero-step .step-num{background:rgba(255,255,255,0.25);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0;}
/* ── SECTIONS ── */
.section{padding:24px 16px 0;}
.section-label{display:flex;align-items:center;gap:10px;margin-bottom:14px;}
.section-icon{width:36px;height:36px;background:var(--green-light);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;}
.section-title{font-size:18px;font-weight:800;}
.section-sub{font-size:13px;color:var(--text-muted);margin-top:2px;}
.accordion-card{margin:0 0 14px;}
.accordion-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1.5px solid var(--border);border-radius:18px;background:#fff;box-shadow:var(--shadow);text-align:left;cursor:pointer;color:var(--text);}
.accordion-toggle strong{display:block;font-size:15px;font-weight:800;}
.accordion-toggle small{display:block;margin-top:3px;font-size:12px;color:var(--text-muted);font-weight:600;}
.accordion-arrow{display:inline-flex;align-items:center;justify-content:center;line-height:1;color:var(--green-dark);transition:transform .18s ease;}
.accordion-toggle.is-open .accordion-arrow{transform:rotate(180deg);}
.duo-chevron{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;color:currentColor;}
.duo-chevron svg{width:100%;height:100%;overflow:visible;}
.duo-chevron path{fill:none;stroke:currentColor;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round;}
.accordion-panel{display:none;padding-top:10px;}
.accordion-panel.is-open{display:block;}
.promotions-accordion{margin-top:2px;}
.quick-entry-accordion .accordion-toggle{background:linear-gradient(145deg,var(--green),var(--green-dark));border-color:transparent;color:#fff;box-shadow:0 12px 26px rgba(0,166,81,.22);}
.quick-entry-accordion .accordion-toggle small{color:rgba(255,255,255,.88);}
.quick-entry-accordion .accordion-arrow{color:#fff;}
/* ── STATS ── */
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.stat-card{background:white;border-radius:16px;padding:16px 14px;border:1.5px solid var(--border);box-shadow:var(--shadow);text-align:center;cursor:pointer;transition:border-color .16s,box-shadow .16s,transform .12s;user-select:none;}
.stat-card:hover{border-color:var(--green);box-shadow:0 4px 16px rgba(0,166,81,0.15);transform:translateY(-1px);}
.stat-card:active{transform:scale(0.96);}
.stat-card-active{border-color:var(--green) !important;background:var(--green-light) !important;box-shadow:0 4px 16px rgba(0,166,81,0.2) !important;}
.stat-card-active .stat-label{color:var(--green-dark);}
.stat-num{font-size:26px;font-weight:800;color:var(--green-dark);line-height:1;}
.stat-label{font-size:11px;color:var(--text-muted);margin-top:5px;font-weight:600;}
/* ── SECTION WHY ── */
.section-why{font-size:12px;color:var(--green-dark);background:var(--green-light);border-left:3px solid var(--green);border-radius:0 8px 8px 0;padding:8px 12px;margin:0 0 14px;line-height:1.5;font-style:italic;}
/* ── PROGRESS ── */
.progress-block{background:white;border-radius:16px;padding:16px 16px 14px;margin-bottom:14px;border:1px solid var(--border);box-shadow:var(--shadow);}
.progress-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
.progress-label-text{font-size:13px;font-weight:700;}
.progress-count{font-size:13px;font-weight:800;color:var(--green-dark);}
.progress-track{background:#E5E7EB;border-radius:20px;height:10px;overflow:hidden;}
.progress-fill{height:100%;background:linear-gradient(90deg,#00A651,#4ade80);border-radius:20px;transition:width 0.45s cubic-bezier(0.34,1.56,0.64,1);}
.progress-goal-msg{font-size:12px;color:var(--text-muted);margin-top:8px;font-weight:500;}
.progress-goal-msg.reached{color:var(--green-dark);font-weight:700;}
.starter-copy{margin:-2px 0 14px;}
.quick-entry-card{
background:linear-gradient(180deg,#FFFFFF 0%,#F8FCF9 100%);
border:1.5px solid #CFE7D6;
border-radius:18px;
box-shadow:0 12px 28px rgba(15,23,42,0.06);
padding:14px;
margin:0 0 14px;
}
.quick-entry-head{margin-bottom:12px;}
.quick-entry-title{font-size:14px;font-weight:800;color:var(--green-dark);margin-bottom:3px;}
.quick-entry-sub{font-size:12px;color:var(--text-muted);line-height:1.5;}
.export-card{
display:flex;align-items:center;justify-content:space-between;gap:12px;
background:#fff;border:1.5px solid #DCE7DF;border-radius:16px;
box-shadow:0 10px 24px rgba(15,23,42,0.05);
padding:14px 15px;margin:16px 0 14px;
}
.export-copy{min-width:0;}
.export-title{font-size:14px;font-weight:800;color:var(--text);margin-bottom:3px;}
.export-sub{font-size:12px;color:var(--text-muted);line-height:1.45;}
.export-actions{display:flex;gap:8px;flex-shrink:0;}
.export-btn{
min-width:72px;padding:10px 12px;border-radius:12px;border:1.5px solid #B8D9C2;
background:linear-gradient(180deg,#FFFFFF 0%,#F6FBF7 100%);color:var(--green-dark);
font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 6px 18px rgba(15,23,42,0.05);
transition:transform .16s, box-shadow .16s, border-color .16s;
}
.export-btn-secondary{background:linear-gradient(180deg,#F7FAF8 0%,#EEF6F0 100%);}
.export-btn:hover{border-color:#8CC8A0;box-shadow:0 10px 22px rgba(15,23,42,0.08);}
.export-btn:active{transform:scale(0.97);}
.export-card{margin-bottom:26px;}
/* ── DAILY QUOTE ── */
.daily-quote{display:flex;align-items:flex-start;gap:10px;margin:0 16px 12px;padding:14px 14px 14px 16px;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#e2e8f0;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,0.18);position:relative;transition:opacity .25s;border-left:4px solid #00A651;}
.dq-icon{font-size:20px;flex-shrink:0;margin-top:1px;}
.dq-text{font-size:13px;font-weight:600;line-height:1.55;flex:1;font-style:italic;color:#e2e8f0;}
.dq-close{position:absolute;top:8px;right:10px;background:rgba(255,255,255,0.12);border:none;color:rgba(255,255,255,0.6);border-radius:50%;width:22px;height:22px;font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;}
.dq-close:hover{background:rgba(255,255,255,0.25);}
/* ── HELP ? ── */
.help-q{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:50%;background:var(--green-light);color:var(--green-dark);font-size:10px;font-weight:900;text-decoration:none;margin-left:5px;vertical-align:middle;flex-shrink:0;border:1px solid rgba(0,122,61,0.25);transition:background .15s,color .15s;}
.help-q:hover{background:var(--green);color:white;}
/* ── SEARCH ── */
.search-wrap{display:flex;flex-direction:column;gap:10px;margin:0 0 14px;}
.search-input-row{display:flex;align-items:center;gap:8px;background:white;border:1.5px solid var(--border);border-radius:14px;padding:0 14px;box-shadow:var(--shadow);transition:border-color .18s,box-shadow .18s;}
.search-input-row:focus-within{border-color:var(--green);box-shadow:0 0 0 3px rgba(0,166,81,0.10);}
.search-icon{font-size:16px;flex-shrink:0;color:var(--text-muted);}
.search-input{flex:1;border:none;outline:none;padding:13px 0;font-size:15px;font-weight:600;color:var(--text);background:transparent;}
.search-input::placeholder{color:#9CA3AF;font-weight:400;}
.search-clear{background:none;border:none;cursor:pointer;font-size:14px;color:var(--text-muted);padding:6px;border-radius:50%;line-height:1;flex-shrink:0;transition:background .15s;}
.search-clear:hover{background:#F3F4F6;}
.search-no-results{text-align:center;padding:32px 16px;color:var(--text-muted);}
.search-no-results .snr-icon{font-size:32px;margin-bottom:10px;}
.search-no-results .snr-text{font-size:15px;font-weight:700;color:var(--text);margin-bottom:6px;}
.search-no-results .snr-sub{font-size:13px;}
/* ── FILTER TABS ── */
.filter-tabs-wrap{position:relative;margin-bottom:14px;}
.filter-tabs{display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px;}
.filter-tabs::-webkit-scrollbar{display:none;}
.filter-scroll-hint{display:none !important;}
.ftab{display:inline-flex;align-items:center;gap:5px;padding:7px 11px;border-radius:999px;border:1.5px solid var(--border);background:white;font-size:12px;font-weight:700;color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:all 0.16s;flex-shrink:0;}
.ftab.active{background:var(--green);color:white;border-color:var(--green);}
.ftab-count{background:rgba(0,0,0,0.1);border-radius:999px;padding:1px 6px;font-size:11px;}
.ftab.active .ftab-count{background:rgba(255,255,255,0.22);}
.ftab-more{background:#f6fbf8;color:var(--green-dark);border-color:#b8d9c2;}
.filter-tabs-more{display:none;margin-top:8px;flex-wrap:wrap;overflow:visible;padding-right:0;}
.filter-tabs-more.open{display:flex;}
.mob-filter-bar{display:none;margin-bottom:12px;}
.mob-filter-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;border-radius:12px;border:2px solid var(--green);background:#fff;font-size:13px;font-weight:700;color:var(--green);cursor:pointer;gap:8px;}
.mob-filter-left{display:inline-flex;align-items:center;gap:7px;}
.mob-sort-pill{font-size:11px;font-weight:700;background:#f0fdf4;border:1.5px solid #86efac;border-radius:999px;padding:2px 9px;color:var(--green-dark);white-space:nowrap;}
.fmodal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.48);z-index:10000;align-items:flex-end;}
.fmodal-overlay.open{display:flex;}
.fmodal-sheet{background:#fff;border-radius:20px 20px 0 0;width:100%;max-height:82vh;overflow-y:auto;padding-bottom:env(safe-area-inset-bottom,16px);animation:fmodalUp .26s cubic-bezier(.34,1.2,.64,1);}
@keyframes fmodalUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
.fmodal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 12px;border-bottom:1px solid #f1f5f9;position:sticky;top:0;background:#fff;z-index:1;}
.fmodal-title{font-size:16px;font-weight:800;color:var(--text);}
.fmodal-close{width:30px;height:30px;border-radius:50%;border:none;background:#f3f4f6;color:#64748b;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.fmodal-group-label{font-size:11px;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;padding:14px 18px 8px;}
.fmodal-grid{display:flex;flex-wrap:wrap;gap:7px;padding:0 14px 10px;}
@media(max-width:639px){
.mob-filter-bar{display:block!important;}
.filter-tabs-wrap{display:none!important;}
.sort-bar{display:none!important;}
}
/* ── INPUT ROW ── */
.name-input-row{display:flex;gap:8px;margin-bottom:10px;}
.name-input{flex:1;border:2px solid var(--green);border-radius:13px;padding:13px 14px;font-size:15px;font-weight:600;color:var(--text);outline:none;background:var(--white);transition:border-color 0.18s,box-shadow 0.18s;}
.name-input:focus{border-color:var(--green-dark);box-shadow:0 0 0 3px rgba(0,166,81,0.12);}
.name-input::placeholder{color:#9CA3AF;font-weight:400;}
.quick-entry-grid{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:10px;}
.quick-text-input{border-color:#DDE5DF;font-size:14px;}
.quick-text-input:focus{border-color:var(--green);}
.city-required{border-color:#00A651;background:linear-gradient(180deg,#FFFFFF 0%,#F8FCF9 100%);}
.city-filter-row{margin-top:8px;}
.btn-add{background:var(--green);color:white;border:none;border-radius:13px;padding:13px 18px;font-size:15px;font-weight:800;cursor:pointer;flex-shrink:0;transition:background 0.18s,transform 0.15s;}
.btn-add:active{background:var(--green-dark);transform:scale(0.96);}
.btn-add-bottom{display:block;width:100%;margin-top:10px;min-height:52px;}
.quick-add-row{display:grid;grid-template-columns:1fr;gap:8px;margin:0;}
.quick-select{-webkit-appearance:none;appearance:none;width:100%;min-height:48px;border:1.5px solid #DDE5DF;border-radius:14px;padding:12px 44px 12px 14px;font:inherit;font-size:14px;font-weight:700;letter-spacing:0.01em;background-color:#fff;background-image:linear-gradient(45deg,transparent 50%,#00A651 50%),linear-gradient(135deg,#00A651 50%,transparent 50%),linear-gradient(to bottom,#ffffff,#F7FBF8);background-position:calc(100% - 20px) calc(50% - 2px),calc(100% - 14px) calc(50% - 2px),0 0;background-size:6px 6px,6px 6px,100% 100%;background-repeat:no-repeat;border-color:#D7E6DB;color:var(--text);outline:none;box-shadow:0 6px 18px rgba(15,23,42,0.05);transition:border-color .18s, box-shadow .18s, transform .16s;}
.quick-select:hover{border-color:#B7D7C1;box-shadow:0 10px 22px rgba(15,23,42,0.07);}
.quick-select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(0,166,81,0.08),0 10px 22px rgba(15,23,42,0.07);}
/* ── ACTIVITY LOG ── */
.activity-log{margin-top:14px;border-top:1px solid var(--border);padding-top:12px;}
.activity-log-title{font-size:11px;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;}
.activity-entry{display:flex;align-items:flex-start;gap:8px;padding:6px 0;border-bottom:1px solid #F3F4F6;min-width:0;max-width:100%;overflow:hidden;}
.activity-entry:last-of-type{border-bottom:none;}
.activity-entry-date{font-size:11px;font-weight:700;color:var(--text-muted);white-space:nowrap;min-width:42px;margin-top:1px;}
.activity-entry-text{flex:1;min-width:0;font-size:13px;color:var(--text);line-height:1.45;overflow-wrap:anywhere;word-break:break-word;}
.activity-entry-del{background:none;border:none;cursor:pointer;font-size:11px;color:#D1D5DB;padding:2px 5px;border-radius:4px;flex-shrink:0;transition:color .15s;}
.activity-entry-del:hover{color:#EF4444;}
.conversation-history-card{grid-column:1/-1;background:#F8FAFC;}
.conversation-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;}
.conversation-timeline{display:grid;gap:8px;}
.conversation-item{position:relative;padding:10px 10px 10px 14px;border:1px solid #E2E8F0;border-radius:12px;background:#fff;}
.conversation-item::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:999px;background:#0B7A5A;}
.conversation-meta{color:#64748B;font-size:11px;font-weight:900;text-transform:uppercase;line-height:1.35;overflow-wrap:anywhere;}
.conversation-text{margin-top:5px;color:#111827;font-size:13px;font-weight:750;line-height:1.45;overflow-wrap:anywhere;}
.conversation-note{margin-top:5px;color:#475569;font-size:13px;line-height:1.45;overflow-wrap:anywhere;}
.conversation-next{margin-top:6px;color:#0B7A5A;font-size:12px;font-weight:900;}
.conversation-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;}
.conversation-actions button{border:1px solid #CBD5E1;border-radius:999px;background:#fff;color:#0F172A;padding:6px 10px;font-size:12px;font-weight:900;cursor:pointer;}
.conversation-actions button:hover{border-color:#0B7A5A;color:#0B7A5A;}
.conversation-empty{padding:12px;border:1px dashed #CBD5E1;border-radius:12px;background:#fff;color:#64748B;font-size:13px;font-weight:800;text-align:center;}
.conversation-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:10px 0 12px;padding:12px;border:1px solid #D9E9E4;border-radius:14px;background:#fff;}
.conversation-form[hidden]{display:none;}
.conversation-form label{display:grid;gap:6px;color:#64748B;font-size:11px;font-weight:900;text-transform:uppercase;min-width:0;}
.conversation-form select,.conversation-form input,.conversation-form textarea{width:100%;min-width:0;border:1px solid #E2E8F0;border-radius:10px;background:#fff;color:#111827;font:inherit;font-size:13px;padding:10px 11px;outline:none;}
.conversation-form select{appearance:auto;white-space:normal;text-overflow:ellipsis;}
.conversation-form textarea{min-height:74px;resize:vertical;line-height:1.45;}
.conversation-form label:nth-of-type(4){grid-column:auto;}
.conversation-form .conversation-message-label{grid-column:1/-1;}
.conversation-form select:focus,.conversation-form input:focus,.conversation-form textarea:focus{border-color:#0B7A5A;box-shadow:0 0 0 3px rgba(11,122,90,.1);}
.conversation-save-btn{align-self:end;justify-self:start;width:auto!important;min-width:190px;min-height:42px;border-radius:12px!important;padding:10px 16px!important;box-shadow:none!important;line-height:1.1;}
@media (max-width:640px){.conversation-head{align-items:stretch;flex-direction:column}.conversation-form{grid-template-columns:1fr}.conversation-save-btn{width:100%!important;justify-self:stretch}}
.activity-empty{font-size:12px;color:var(--text-muted);font-style:italic;margin-bottom:8px;}
.activity-add-row{display:flex;gap:6px;margin-top:10px;}
.activity-input{flex:1;border:1.5px solid var(--border);border-radius:10px;padding:8px 10px;font-size:13px;color:var(--text);outline:none;background:var(--white);transition:border-color .18s;}
.activity-input:focus{border-color:var(--green);}
.activity-add-btn{background:linear-gradient(135deg,#083c2f,#0f4a38);color:white;border:1px solid rgba(214,173,75,.42);border-radius:999px;padding:8px 14px;font-size:12px;font-weight:900;cursor:pointer;white-space:nowrap;flex-shrink:0;box-shadow:0 10px 22px rgba(8,60,47,.16);transition:transform .12s,box-shadow .15s,filter .15s;}
.activity-add-btn:active{transform:scale(.96);filter:brightness(.95);}
/* ── SORT BAR ── */
.sort-bar{display:flex;align-items:center;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:12px;padding-bottom:2px;}
.sort-bar::-webkit-scrollbar{display:none;}
.sort-label{font-size:12px;font-weight:700;color:var(--text-muted);white-space:nowrap;flex-shrink:0;}
.sort-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:999px;border:1.5px solid var(--border);background:white;font-size:12px;font-weight:700;color:var(--text-muted);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .16s;}
.sort-btn.active{background:var(--green-dark);color:white;border-color:var(--green-dark);}
/* ── AUTH ── */
.auth-overlay{position:fixed;inset:0;z-index:900;background:#000!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;display:none;align-items:center;justify-content:center;padding:16px}
.auth-sheet{position:relative;width:min(100%,420px);max-height:calc(100vh - 32px);overflow-y:auto;background:#fff;border-radius:24px;padding:24px 18px 18px;box-shadow:0 24px 64px rgba(15,23,42,.22)}
.auth-close{position:absolute;top:12px;right:12px;width:34px;height:34px;border:none;border-radius:50%;background:#f3f4f6;color:#475569;font-size:16px;cursor:pointer}
.auth-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:8px 42px 0;margin-bottom:16px;overflow:visible}
.auth-logo{display:flex;width:112px;height:112px;max-width:56vw;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;box-shadow:none;background:transparent;margin:0 auto;overflow:hidden}
.auth-logo img{display:block;width:116%;height:116%;object-fit:cover;object-position:center;border-radius:50%;box-shadow:none}
.auth-title{font-size:23px;font-weight:800;color:var(--text)}
.auth-sub{margin-top:4px;font-size:13px;color:var(--text-muted);line-height:1.5}
.auth-tabs{display:flex;gap:8px;margin-bottom:14px}
.auth-tab{flex:1;border:1.5px solid var(--border);background:#fff;border-radius:14px;padding:11px 12px;font-size:14px;font-weight:800;color:var(--text-muted);cursor:pointer}
.auth-tab.active{background:var(--green);border-color:var(--green);color:#fff}
.auth-error{display:none;margin-bottom:12px;padding:11px 12px;border-radius:14px;background:#fef2f2;color:#991b1b;font-size:13px;font-weight:600}
.auth-error.show{display:block}
.auth-label{display:block;margin:12px 0 6px;font-size:12px;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}
.auth-input{width:100%;border:1.5px solid var(--border);border-radius:14px;padding:12px 13px;font-size:15px;color:var(--text);background:#fff;outline:none}
.auth-input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(0,166,81,.08)}
.auth-primary,.auth-secondary,.auth-link-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;margin-top:14px;border:none;border-radius:14px;padding:12px 14px;font-size:14px;font-weight:800;cursor:pointer;text-decoration:none}
.auth-primary{background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff}
.auth-secondary,.auth-link-btn{background:#f1f5f9;color:#334155}
.auth-note{margin-top:12px;font-size:13px;color:var(--text-muted);line-height:1.55}
.auth-note-strong{color:var(--text);font-weight:700}
.auth-actions{display:flex;flex-direction:column;gap:10px}
@media(max-width:420px){
.auth-overlay{align-items:flex-start;padding:10px}
.auth-sheet{width:100%;max-height:calc(100vh - 20px);border-radius:20px;padding:20px 14px 16px}
.auth-head{padding:6px 38px 0;margin-bottom:14px}
.auth-logo{width:104px;height:104px;max-width:56vw;border-radius:50%}
.auth-title{font-size:21px}
.auth-tabs{gap:6px}
.auth-tab{padding:10px 8px;font-size:13px}
}
/* ── CONTACT CARDS ── */
.contacts-list{display:flex;flex-direction:column;gap:10px;}
.contact-card{
background:white;border-radius:16px;
border:2px solid var(--border);
box-shadow:var(--shadow);
transition:border-color 0.2s, background 0.2s;
overflow:hidden;
}
.contact-card.is-expanded{border-color:#111827!important;box-shadow:0 0 0 2px rgba(17,24,39,.18),0 10px 24px rgba(15,23,42,.14);}
/* stronger status colors */
.contact-card.status-called { border-color:#166534; background:#DCFCE7; }
.contact-card.status-later { border-color:#D97706; background:#FFFBEB; }
.contact-card.status-sms { border-color:#2563EB; background:#EFF6FF; }
.contact-card.status-no { border-color:#DC2626; background:#FFF5F5; opacity:0.72; }
/* ── CARD HEADER (always visible, clickable) ── */
.card-header{
display:flex;align-items:center;justify-content:space-between;
padding:13px 14px 10px;cursor:pointer;gap:10px;
user-select:none;
}
.card-header-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0;flex-wrap:wrap;}
.contact-name{font-size:16px;font-weight:800;color:var(--text);}
.cname-wrap{display:inline-flex;align-items:center;gap:2px;min-width:0;max-width:100%;}
.edit-name-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;border:none;background:none;cursor:pointer;color:#CBD5E1;padding:4px;border-radius:8px;flex-shrink:0;transition:color .15s,background .15s;}
.edit-name-btn:active,.edit-name-btn:hover{background:#F1F5F9;color:#64748B;}
.name-edit-input{flex:1;min-width:60px;border:2px solid var(--green,#16a34a);border-radius:8px;padding:5px 9px;font-size:15px;font-weight:700;font-family:inherit;color:var(--text);background:#fff;outline:none;max-width:200px;}
.name-edit-save,.name-edit-cancel{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;border:none;border-radius:8px;cursor:pointer;font-size:17px;font-weight:800;flex-shrink:0;}
.name-edit-save{background:#DCFCE7;color:#15803D;}
.name-edit-cancel{background:#FEE2E2;color:#DC2626;}
.header-badges{display:flex;flex-wrap:wrap;gap:6px;width:100%;margin-top:2px;}
.mini-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:800;line-height:1.1;border:1px solid transparent;box-shadow:0 2px 8px rgba(15,23,42,0.05);}
.mini-badge.type-termek{background:#D1FAE5;color:#065F46;border-color:#86EFAC;}
.mini-badge.type-uzlet{background:#DBEAFE;color:#1E3A8A;border-color:#93C5FD;}
.mini-badge.type-both{background:#F3E8FF;color:#6B21A8;border-color:#D8B4FE;}
.mini-badge.priority-hot{background:#FEE2E2;color:#991B1B;border-color:#FCA5A5;}
.mini-badge.priority-warm{background:#FEF3C7;color:#92400E;border-color:#FCD34D;}
.mini-badge.priority-cold{background:#E5E7EB;color:#475569;border-color:#CBD5E1;}
.mini-badge.follow-today{background:#FEF3C7;color:#92400E;border-color:#F59E0B;}
.mini-badge.follow-tomorrow{background:#E0F2FE;color:#0C4A6E;border-color:#7DD3FC;}
.mini-badge.follow-late{background:#FEE2E2;color:#991B1B;border-color:#FCA5A5;}
.mini-badge.follow-week{background:#ECFCCB;color:#3F6212;border-color:#BEF264;}
.mini-badge.next-step{background:#F8FAFC;color:#334155;border-color:#CBD5E1;}
.mini-badge.city-badge{background:#E0F2FE;color:#0C4A6E;border-color:#7DD3FC;}
.mini-badge.body-mission-active{background:#ECFDF5;color:#065F46;border-color:#86EFAC;}
.card-arrow{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;background:var(--green-light);border:1.5px solid #b7dcc4;color:var(--green-dark);transition:transform 0.25s cubic-bezier(0.34,1.56,0.64,1),background .18s,color .18s,border-color .18s;flex-shrink:0;line-height:1;box-shadow:0 4px 10px rgba(0,166,81,.10);}
.card-arrow.open{transform:rotate(90deg);background:var(--green);color:#fff;border-color:var(--green);}
.card-arrow .duo-chevron{width:20px;height:20px;}
.mobile-expand-toggle{display:none;}
/* ── HEADER SOCIAL ICONS ── */
.card-hicons{display:flex;align-items:center;gap:5px;flex-shrink:0;}
.card-hicon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;font-size:13px;font-weight:900;text-decoration:none;transition:opacity .15s,transform .15s;line-height:1;flex-shrink:0;}
.card-hicon:active{opacity:.65;transform:scale(.92);}
.card-hicon-phone{background:#DCFCE7;color:#15803D;font-size:16px;}
.card-hicon-fb{background:#DBEAFE;color:#1877F2;font-style:italic;font-family:Georgia,serif;font-size:15px;}
.card-hicon-ig{background:#FCE7F3;color:#C026D3;}
.card-hicon-li{background:#DBEAFE;color:#0A66C2;}
.soc-chip-li{background:#DBEAFE;color:#0A66C2;}
/* ── SOCIAL ACCORDION (in card body) ── */
.social-accordion{border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:10px;background:#F9FAFB;}
.social-acc-toggle{width:100%;display:flex;align-items:center;gap:8px;padding:9px 11px;background:none;border:none;cursor:pointer;text-align:left;font:inherit;}
.social-acc-toggle:active{background:#F1F5F9;}
.social-acc-icons{display:flex;gap:4px;flex-shrink:0;}
.social-acc-label{flex:1;font-size:12px;font-weight:700;color:var(--text-muted);min-width:0;}
.cont-label{display:flex;flex-direction:column;gap:1px;}
.cont-line-phone{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:700;color:var(--text);line-height:1.3;}
.cont-line-city{font-size:11px;font-weight:600;color:var(--text-muted);line-height:1.3;}
.soc-chip{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:999px;font-size:11px;font-weight:900;font-style:italic;font-family:Georgia,serif;}
.soc-chip-fb{background:#DBEAFE;color:#1877F2;}
.soc-chip-ig{background:#FCE7F3;color:#C026D3;}
.social-acc-arrow{display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);transition:transform .2s;flex-shrink:0;line-height:1;}
.social-acc-arrow .duo-chevron{width:18px;height:18px;}
.social-acc-body{display:none;padding:0 11px 10px;}
.social-acc-body.open{display:block;}
.social-input-row{display:flex;align-items:center;gap:8px;margin-bottom:8px;}
.social-input-row:last-child{margin-bottom:0;}
.social-input-icon{flex-shrink:0;}
.social-open-link-sm{font-size:16px;text-decoration:none;color:var(--green);flex-shrink:0;line-height:1;}
.acc-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--green);color:#fff;font-size:11px;font-weight:800;margin-left:5px;vertical-align:middle;}
.acc-dot{display:inline-block;color:#ef4444;font-size:13px;margin-left:5px;vertical-align:middle;line-height:1;}
/* ── SCROLL TO TOP ── */
.scroll-top-btn{position:fixed;bottom:22px;right:16px;width:46px;height:46px;border-radius:50%;background:var(--green,#16a34a);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 18px rgba(0,0,0,.22);z-index:800;opacity:0;pointer-events:none;transition:opacity .22s,transform .15s;}
.scroll-top-btn.visible{opacity:1;pointer-events:auto;}
.scroll-top-btn:active{transform:scale(.9);}
/* ── MESSENGER & IG DM ICONS ── */
.card-hicon-msng{background:#EDE9FE;color:#7C3AED;}
.card-hicon-igdm{background:#FCE7F3;color:#C026D3;}
/* ── MOBILE UNIFIED CONTACT BUTTON ── */
.card-mob-btn{background:none;border:none;padding:2px;}
.card-mob-btn:active{opacity:.75;transform:scale(.92);}
.card-mob-btn img{border-radius:8px;display:block;}
/* Mobile: show unified button, hide individual icons */
@media(max-width:639px){
.card-hicons-dsk{display:none!important;}
.card-mob-wrap{display:inline-flex!important;}
}
/* Desktop: hide unified button, show individual icons as flex items */
@media(min-width:640px){
.card-mob-wrap{display:none!important;}
.card-hicons-dsk{display:contents;}
}
/* Menu items for social options in dropdown */
.phone-menu-msng{color:#7C3AED!important;}
.phone-menu-fb2{color:#1877F2!important;font-style:italic;font-family:Georgia,serif;font-weight:900;}
.phone-menu-igdm2,.phone-menu-ig2{color:#C026D3!important;}
.phone-menu-li2{color:#0A66C2!important;}
/* ── PHONE DROPDOWN MENU ── */
.phone-menu-wrap{position:relative;display:inline-flex;}
.phone-menu{position:fixed;background:#fff;border:1px solid #E5E7EB;border-radius:14px;box-shadow:0 6px 20px rgba(0,0,0,.13);z-index:9999;min-width:160px;overflow:hidden;display:none;}
.phone-menu.open{display:block;}
.phone-menu a{display:flex;align-items:center;gap:9px;padding:11px 15px;text-decoration:none;font-size:13px;font-weight:600;color:#111;white-space:nowrap;border-bottom:1px solid #F3F4F6;}
.phone-menu a:last-child{border-bottom:none;}
.phone-menu a:active{background:#F1F5F9;}
.phone-menu-viber{color:#7360F2 !important;}
.phone-menu-wa{color:#25D366 !important;}
.phone-menu-call{color:#15803D !important;}
.copy-mobile-btn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:none;cursor:pointer;color:#9CA3AF;padding:0;border-radius:6px;flex-shrink:0;vertical-align:middle;margin-left:2px;}
.copy-mobile-btn:active{background:#E5E7EB;color:#374151;}
/* type badge (small, in header) */
.type-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:700;}
.tbadge-termek{background:#D1FAE5;color:#065F46;}
.tbadge-uzlet{background:#DBEAFE;color:#1E3A8A;}
/* ── STATUS ROW (always visible) ── */
.status-row{
display:flex;gap:5px;padding:0 14px 12px;
overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;
}
.status-row::-webkit-scrollbar{display:none;}
.detail-card-statuses{margin-bottom:10px;}
.status-row-inside{padding:8px 0 0;flex-wrap:wrap;overflow-x:visible;}
.status-row-inside .sbt{flex:1 1 calc(50% - 3px);justify-content:center;}
.sbt{
display:inline-flex;align-items:center;gap:3px;
padding:6px 10px;border-radius:999px;
border:1.5px solid var(--border);background:white;
font-size:11px;font-weight:700;color:var(--text-muted);
cursor:pointer;transition:all 0.15s;white-space:nowrap;flex-shrink:0;
}
.sbt.active-call { background:#D1FAE5;border-color:#34D399;color:#065F46; }
.sbt.active-called { background:#A7F3D0;border-color:#059669;color:#064E3B; }
.sbt.active-later { background:#FEF3C7;border-color:#F59E0B;color:#92400E; }
.sbt.active-sms { background:#DBEAFE;border-color:#3B82F6;color:#1E3A8A; }
.sbt.active-no { background:#FEE2E2;border-color:#F87171;color:#991B1B; }
/* ── CARD BODY (expandable) ── */
.card-body{
display:none;padding:0 14px 14px;
border-top:1px solid var(--border);
}
.card-body.open{display:block;}
.contact-meta{
display:flex;align-items:center;justify-content:space-between;
padding:10px 0 10px;
}
.meta-info{font-size:12px;color:var(--text-muted);font-weight:500;}
.btn-delete{background:none;border:none;cursor:pointer;font-size:12px;color:#EF4444;font-weight:700;padding:4px 8px;border-radius:8px;transition:background 0.15s;}
.btn-delete:hover{background:#FEE2E2;}
/* ── CARD ACTIONS (always visible: type + help) ── */
.card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:0 14px 10px;}
.status-type-actions{padding:10px 0 12px;margin:0 0 10px;border-bottom:1px solid #E5E7EB;}
.crow-expand .status-type-actions{border-top:0;padding:10px 0 12px;}
/* type toggle */
.type-btn{
width:100%;padding:7px 11px;border-radius:999px;border:1.5px solid var(--border);
background:white;font-size:12px;font-weight:700;color:var(--text-muted);cursor:pointer;
transition:all 0.16s;white-space:nowrap;text-align:center;
}
.type-btn.type-active-termek{background:#D1FAE5;border-color:#34D399;color:#065F46;}
.type-btn.type-active-uzlet{background:#DBEAFE;border-color:#3B82F6;color:#1E3A8A;}
.type-btn.type-active-both{background:#F3E8FF;border-color:#C084FC;color:#6B21A8;}
/* help small button */
.btn-help-sm{
width:100%;padding:7px 11px;border-radius:999px;
border:1.5px solid rgba(214,173,75,.55);
background:linear-gradient(135deg,#083c2f,#0f4a38);
color:#fff;font-size:12px;font-weight:900;cursor:pointer;
white-space:nowrap;transition:transform 0.16s,box-shadow 0.18s,filter 0.18s;text-align:center;
box-shadow:0 8px 18px rgba(8,60,47,.18);
}
.btn-help-sm:hover{filter:brightness(1.04);box-shadow:0 10px 22px rgba(8,60,47,.24);}
.btn-help-sm:active{transform:scale(.97);}
.contact-card.is-expanded .btn-help-sm{
animation:helpCtaPulse 2.4s ease-out 1;
}
@keyframes helpCtaPulse{
0%{box-shadow:0 0 0 0 rgba(214,173,75,.46),0 8px 18px rgba(8,60,47,.18);transform:translateY(0);}
42%{box-shadow:0 0 0 7px rgba(214,173,75,.14),0 12px 24px rgba(8,60,47,.24);transform:translateY(-1px);}
100%{box-shadow:0 8px 18px rgba(8,60,47,.18);transform:translateY(0);}
}
/* share & copy buttons (in contact-meta) */
.meta-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end;}
.btn-icon-share,.btn-icon-copy{
display:inline-flex;align-items:center;justify-content:center;gap:5px;
border:1px solid #DDE7F3;cursor:pointer;
font-size:12px;font-weight:800;padding:7px 9px;border-radius:10px;
line-height:1;background:#fff;color:#1f2937;transition:background 0.15s,transform 0.15s,box-shadow 0.15s;
animation:contactActionPulse 3.2s ease-in-out infinite;
}
.btn-icon-share{background:#EFF6FF;border-color:#BFDBFE;color:#1D4ED8;}
.btn-icon-copy{background:#F8FAFC;border-color:#CBD5E1;color:#334155;animation-delay:.35s;}
.btn-icon-share:hover,.btn-icon-copy:hover{box-shadow:0 6px 16px rgba(15,23,42,.10);transform:translateY(-1px);}
.btn-icon-share:active,.btn-icon-copy:active{transform:scale(.96);}
.meta-actions .btn-delete{margin-left:4px;}
@keyframes contactActionPulse{0%,100%{box-shadow:none}50%{box-shadow:0 0 0 3px rgba(37,99,235,.10)}}
/* note */
.contact-note{
width:100%;border:1.5px solid var(--border);border-radius:10px;
padding:9px 11px;font-size:13px;color:var(--text);resize:none;
outline:none;font-family:inherit;background:#FAFAFA;
transition:border-color 0.18s;margin-bottom:10px;
}
.contact-note:focus{border-color:var(--green);background:white;}
.contact-note::placeholder{color:#9CA3AF;}
.detail-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:10px;}
.detail-card{background:#F9FAFB;border:1px solid var(--border);border-radius:12px;padding:10px 11px;}
.notes-plan-card{grid-column:1/-1;}
.detail-card-inline{display:flex;padding:0;overflow:hidden;}
.detail-inline-item{flex:1;padding:10px 11px;min-width:0;}
.detail-inline-sep{width:1px;background:var(--border);flex-shrink:0;}
.detail-label{font-size:11px;font-weight:800;letter-spacing:0.35px;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px;}
.detail-input{width:100%;border:1.5px solid var(--border);border-radius:10px;padding:9px 10px;font:inherit;background:white;color:var(--text);outline:none;}
.detail-input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(0,166,81,0.08);}
.chip-row{display:flex;flex-wrap:wrap;gap:6px;}
.news-segment-card{background:linear-gradient(135deg,#F8FAFC,#F0FDF4)!important;border-color:#D8EBDD!important;margin-top:12px!important;clear:both;}
.news-pref-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:8px;}
.news-pref-chip{min-height:38px;border:1px solid #D7E5DD;border-radius:12px;background:#fff;color:#245043;font-size:12px;font-weight:900;text-align:left;padding:8px 9px;display:flex;align-items:center;gap:7px;cursor:pointer;}
.news-pref-chip span{width:18px;height:18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#EEF6EF;color:#0F5C45;font-size:12px;flex:0 0 auto;}
.news-pref-chip.is-on{background:#E9F8EF;border-color:#28A86B;color:#0F5C45;box-shadow:0 8px 18px rgba(40,168,107,.12);}
.news-pref-chip.is-on span{background:#0F8A5F;color:#fff;}
.news-auto-title{margin:11px 0 6px;font-size:11px;font-weight:900;color:#64748B;text-transform:uppercase;letter-spacing:.02em;}
.news-auto-row{display:flex;flex-wrap:wrap;gap:6px;}
.news-auto-chip,.news-auto-empty{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:800;background:#EEF2FF;color:#334155;border:1px solid #DDE4FF;}
.news-auto-empty{background:#F8FAFC;color:#94A3B8;border-color:#E2E8F0;}
.chip-btn{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:999px;border:1.5px solid var(--border);background:white;font-size:12px;font-weight:700;color:var(--text-muted);cursor:pointer;transition:all 0.16s;white-space:nowrap;}
.chip-btn.active-hot{background:#FEE2E2;border-color:#FCA5A5;color:#991B1B;}
.chip-btn.active-warm{background:#FEF3C7;border-color:#FCD34D;color:#92400E;}
.chip-btn.active-cold{background:#E5E7EB;border-color:#CBD5E1;color:#475569;}
.voice-note-card{grid-column:1/-1;background:#F8FAFC;}
.voice-note-card-inline{margin-top:12px;border:1px solid #E2E8F0;border-radius:14px;background:#F8FAFC;padding:12px;}
.voice-note-copy{font-size:12px;line-height:1.45;color:#64748B;font-weight:650;margin-bottom:9px;}
.voice-note-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:9px;}
.voice-record-btn{
border:1.5px solid #86EFAC;
border-radius:999px;
background:#DCFCE7;
color:#166534;
cursor:pointer;
font-size:12px;
font-weight:900;
min-height:34px;
padding:8px 12px;
}
.voice-record-btn.recording{background:#FEE2E2;border-color:#FCA5A5;color:#991B1B;animation:voicePulse 1s ease-in-out infinite;}
.voice-record-btn:disabled{background:#F1F5F9;border-color:#CBD5E1;color:#64748B;cursor:not-allowed;}
.voice-quick-btn{
flex:0 0 auto;
width:auto;
min-width:92px;
height:40px;
padding:0 12px 0 10px;
border:1px solid rgba(15,74,56,.18);
border-radius:999px;
background:linear-gradient(135deg,#F0FDF4,#FEF9C3);
color:#0F4A38;
display:inline-flex;
align-items:center;
justify-content:center;
gap:6px;
font-size:17px;
font-weight:950;
cursor:pointer;
box-shadow:0 8px 18px rgba(15,74,56,.14);
transition:transform .16s ease, box-shadow .16s ease, background .16s ease;
}
.voice-quick-btn b{font-size:12px;line-height:1;font-weight:950;color:inherit;}
.voice-quick-btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(15,74,56,.18);}
.voice-quick-btn.recording{background:#FEE2E2;border-color:#FCA5A5;color:#991B1B;animation:voiceQuickPulse 1s ease-in-out infinite;}
.voice-quick-btn:disabled{background:#F1F5F9;border-color:#CBD5E1;color:#94A3B8;box-shadow:none;cursor:not-allowed;}
.voice-record-status{font-size:12px;font-weight:800;color:#64748B;}
.voice-note-list{display:grid;gap:8px;}
.voice-note-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center;padding:8px;border:1px solid #E2E8F0;border-radius:10px;background:#fff;}
.voice-note-audio{width:100%;height:34px;grid-column:1/-1;}
.voice-note-meta{font-size:11px;font-weight:800;color:#64748B;}
.voice-note-delete{border:0;background:#FEE2E2;color:#991B1B;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900;cursor:pointer;}
.voice-note-empty{font-size:12px;color:#94A3B8;font-weight:700;}
@keyframes voicePulse{0%,100%{box-shadow:none}50%{box-shadow:0 0 0 5px rgba(239,68,68,.14)}}
@keyframes voiceQuickPulse{0%,100%{box-shadow:0 8px 18px rgba(153,27,27,.12)}50%{box-shadow:0 0 0 7px rgba(239,68,68,.18),0 12px 24px rgba(153,27,27,.18)}}
.nextstep-select,.followup-input{width:100%;border:1.5px solid var(--border);border-radius:10px;padding:9px 10px;font:inherit;background:white;color:var(--text);outline:none;}
.nextstep-select:focus,.followup-input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(0,166,81,0.08);}
.tag-chip{display:inline-flex;align-items:center;justify-content:center;padding:6px 9px;border-radius:999px;border:1.5px solid var(--border);background:white;font-size:11px;font-weight:700;color:var(--text-muted);cursor:pointer;transition:all 0.16s;white-space:nowrap;}
.tag-chip.active{background:#E8F7EE;border-color:#86EFAC;color:#166534;}
/* help button */
.btn-help{
width:100%;background:var(--green-light);color:var(--green-dark);
border:1.5px solid #A7F3D0;border-radius:11px;
padding:11px 14px;font-size:13px;font-weight:800;cursor:pointer;
text-align:center;transition:background 0.18s,transform 0.15s;
}
.btn-help:active{transform:scale(0.97);}
/* ── EMPTY STATE ── */
.empty-state{text-align:center;padding:40px 20px;color:var(--text-muted);}
.empty-state .es-icon{font-size:48px;margin-bottom:12px;}
.empty-state p{font-size:14px;line-height:1.6;}
/* ── NEXT STEP CARD ── */
.next-card{background:linear-gradient(135deg,#00A651,#007A3D);border-radius:22px;padding:22px 18px;color:white;margin:24px 16px 0;box-shadow:0 12px 36px rgba(0,122,61,0.24);}
.next-card h3{font-size:19px;font-weight:800;margin-bottom:8px;}
.next-card p{font-size:14px;line-height:1.65;opacity:0.9;margin-bottom:18px;}
.next-btn-row{display:flex;gap:10px;}
.btn-next{flex:1;background:white;color:var(--green-dark);border:none;border-radius:13px;padding:14px 10px;font-size:14px;font-weight:800;cursor:pointer;text-align:center;text-decoration:none;box-shadow:0 6px 18px rgba(0,0,0,0.18);transition:transform 0.18s,box-shadow 0.18s;}
.btn-next:active{transform:scale(0.97);box-shadow:0 2px 8px rgba(0,0,0,0.12);}
.btn-next.btn-next-coach{background:white;color:var(--green-dark);box-shadow:0 6px 20px rgba(0,0,0,0.22);}
.btn-next.btn-next-outline{background:transparent;color:white;border:2px solid rgba(255,255,255,0.7);box-shadow:0 6px 18px rgba(0,0,0,0.15);}
.btn-next.btn-next-outline:active{opacity:0.9;}
/* ── HELP MODAL ── */
.help-overlay{
position:fixed;inset:0;z-index:600;
background:rgba(7,18,12,0.62);backdrop-filter:blur(6px);
display:flex;align-items:flex-end;justify-content:center;
}
.help-overlay.hidden{display:none;}
.help-sheet{
width:100%;max-width:600px;max-height:88vh;
background:white;border-radius:26px 26px 0 0;
display:flex;flex-direction:column;
box-shadow:0 -12px 40px rgba(0,0,0,0.18);
}
.help-header{
display:flex;align-items:center;justify-content:space-between;
padding:18px 18px 14px;border-bottom:1px solid var(--border);
flex-shrink:0;
}
.help-header h3{font-size:17px;font-weight:800;}
.help-close{background:none;border:none;cursor:pointer;font-size:22px;color:var(--text-muted);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background 0.15s;}
.help-close:hover{background:#F3F4F6;}
.help-body{overflow-y:auto;padding:16px 18px 32px;flex:1;}
.help-body::-webkit-scrollbar{width:4px;}
.help-body::-webkit-scrollbar-thumb{background:#D1D5DB;border-radius:4px;}
.help-notice{background:#FEF9C3;border:1.5px solid #FDE047;border-radius:12px;padding:12px 14px;font-size:13px;font-weight:600;color:#854D0E;margin-bottom:16px;}
.help-section{margin-bottom:16px;}
.help-section-title{font-size:14px;font-weight:800;color:var(--text);margin-bottom:12px;padding-bottom:6px;border-bottom:2px solid var(--green-light);}
.help-template{background:#F9FAFB;border:1.5px solid var(--border);border-radius:13px;padding:13px 13px 10px;margin-bottom:10px;}
.help-tpl-label{font-size:12px;font-weight:800;color:var(--text-muted);margin-bottom:7px;text-transform:uppercase;letter-spacing:0.3px;}
.help-tpl-text{font-size:14px;line-height:1.65;color:var(--text);white-space:pre-line;margin-bottom:10px;}
.btn-copy{background:var(--green);color:white;border:none;border-radius:9px;padding:7px 14px;font-size:12px;font-weight:800;cursor:pointer;transition:background 0.18s;}
.btn-copy:hover{background:var(--green-dark);}
.help-rules{background:#F9FAFB;border-radius:14px;padding:14px 16px;margin-top:6px;}
.help-rules-title{font-size:13px;font-weight:800;margin-bottom:10px;}
.help-rule{font-size:13px;font-weight:600;padding:5px 0;}
.help-rule.good{color:#065F46;}
.help-rule.bad{color:#991B1B;}
/* ── CONFETTI + TOAST ── */
#confettiCanvas{position:fixed;inset:0;z-index:999;pointer-events:none;display:none;}
.goal-toast{
position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(120px);
background:#00A651;color:white;border-radius:16px;padding:14px 22px;
font-size:15px;font-weight:800;box-shadow:0 8px 28px rgba(0,122,61,0.38);
z-index:998;transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1);white-space:nowrap;
}
.goal-toast.show{transform:translateX(-50%) translateY(0);}
.goal-toast,.goal-toast.show{display:none!important;}
@media(max-width:420px){
.hero-title{font-size:26px;}
.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;}
.stat-card{padding:10px 4px;border-radius:12px;}
.stat-label{font-size:9px;line-height:1.15;margin-top:4px;overflow-wrap:anywhere;}
.sbt{font-size:10px;padding:5px 8px;}
.stat-num{font-size:20px;}
.export-card{flex-direction:column;align-items:stretch;}
.export-actions{width:100%;}
.export-btn{flex:1;}
}
@media(min-width:640px){
.quick-entry-grid{grid-template-columns:1fr 1fr;}
.quick-add-row{grid-template-columns:1fr 1fr;}
.quick-entry-card{padding:16px;}
.detail-grid{grid-template-columns:1fr 1fr;}
}
.stat-total{border-color:#D7E3EF;background:linear-gradient(180deg,#FFFFFF 0%,#F8FBFF 100%);}
.stat-new{border-color:#E5E7EB;background:linear-gradient(180deg,#FFFFFF 0%,#F8FAFC 100%);}
.stat-active{border-color:#FDE68A;background:linear-gradient(180deg,#FFFFFF 0%,#FFF7ED 100%);}
.stat-due{border-color:#FCA5A5;background:linear-gradient(180deg,#FFFFFF 0%,#FFF1F2 100%);}
.stat-neznaLR{border-color:#FDBA74;background:linear-gradient(180deg,#FFFFFF 0%,#FFF7ED 100%);}
.stat-promo-favorites{border-color:#C4B5FD;background:linear-gradient(180deg,#FFFFFF 0%,#F5F3FF 100%);}
.stat-customers{border-color:#A7F3D0;background:linear-gradient(180deg,#FFFFFF 0%,#F0FDF4 100%);}
.stat-partners{border-color:#86EFAC;background:linear-gradient(180deg,#FFFFFF 0%,#ECFDF5 100%);}
.status-kontaktovan { border-left: 4px solid #3B82F6; background: #EFF6FF; }
.status-zainteresovan { border-left: 4px solid #F59E0B; background: #FFFBEB; }
.status-informisan { border-left: 4px solid #8B5CF6; background: #F5F3FF; }
.status-zakazan { border-left: 4px solid #0EA5E9; background: #F0F9FF; }
.status-kupac { border-left: 4px solid #10B981; background: #F0FDF4; }
.status-partner { border-left: 4px solid #00A651; background: #DCFCE7; }
.status-nemkell { border-left: 6px solid #B91C1C; background: #FEE2E2; }
.status-nemkell .contact-name { color: #7F1D1D; }
.status-neznaLR { border-left: 6px solid #EA580C; background: #FFF7ED; }
.status-neznaLR .contact-name { color: #9A3412; }
.ftab.ftab-nemkell.active { background: #B91C1C; color: #fff; border-color: #B91C1C; }
.ftab.ftab-duplicates.active { background: #B45309; color: #fff; border-color: #B45309; }
.ftab.ftab-source.active { background: #0F766E; color: #fff; border-color: #0F766E; }
.duplicate-warning{display:inline-flex;align-items:center;max-width:100%;margin-top:5px;padding:3px 8px;border-radius:999px;background:#FEF3C7;color:#92400E;font-size:11px;font-weight:850;line-height:1.25;}
.btn-social-import{text-decoration:none;}
.btn-phone-import.btn-social-import,.btn-phone-import.btn-excel-import{display:flex;}
.active-nemkell { background: #B91C1C !important; color: #fff !important; border-color: #B91C1C !important; }
.active-neznaLR { background: #EA580C !important; color: #fff !important; border-color: #C2410C !important; }
.ftab.ftab-missing-favorites.active,
.active-missingFavorites { background:#0F766E!important; color:#fff!important; border-color:#0F766E!important; }
.active-kontaktovan { background: #3B82F6 !important; color: white !important; border-color: #2563EB !important; }
.active-zainteresovan { background: #F59E0B !important; color: white !important; border-color: #D97706 !important; }
.active-informisan { background: #8B5CF6 !important; color: white !important; border-color: #7C3AED !important; }
.active-zakazan { background: #0EA5E9 !important; color: white !important; border-color: #0284C7 !important; }
.active-kupac { background: #10B981 !important; color: white !important; border-color: #059669 !important; }
.active-partner { background: #00A651 !important; color: white !important; border-color: #007A3D !important; }
.pipeline-bar {
display: flex;
align-items: center;
gap: 0;
overflow-x: auto;
padding: 12px 0 16px;
scrollbar-width: none;
-ms-overflow-style: none;
}
.pipeline-bar::-webkit-scrollbar { display: none; }
.pipeline-pill {
display: flex;
flex-direction: column;
align-items: center;
padding: 8px 12px;
border-radius: 12px;
background: white;
border: 1.5px solid #E5E7EB;
cursor: pointer;
flex-shrink: 0;
min-width: 72px;
transition: all 0.2s;
}
.pipeline-pill.active {
border-color: #00A651;
background: #E8F7EE;
}
.pipeline-pill-count {
font-size: 18px;
font-weight: 800;
color: #111827;
line-height: 1;
}
.pipeline-pill-label {
font-size: 10px;
color: #6B7280;
margin-top: 3px;
font-weight: 600;
text-align: center;
}
.pipeline-arrow {
font-size: 12px;
color: #D1D5DB;
padding: 0 3px;
flex-shrink: 0;
}
/* ── HEADER NAV (IZMENA: coach link) ── */
.header-nav { display:flex; gap:6px; align-items:center; flex-shrink:0; }
.header-coach { display:inline-flex;align-items:center;gap:4px;color:rgba(255,255,255,0.88);text-decoration:none;font-size:12px;font-weight:700;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,0.22);border:1px solid rgba(255,255,255,0.32);transition:background .18s; }
.header-coach:active { background:rgba(255,255,255,0.35); }
.header-cl { position:relative;display:inline-flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.88);text-decoration:none;font-size:17px;width:36px;height:36px;border-radius:999px;background:rgba(255,255,255,0.14);border:1px solid rgba(255,255,255,0.22);transition:background .18s;flex-shrink:0; }
.header-cl:active { background:rgba(255,255,255,0.28); }
.cl-dot { display:none;position:absolute;top:5px;right:5px;width:9px;height:9px;background:#EF4444;border-radius:50%;border:2px solid #00A651;animation:cl-dot-pop .3s ease; }
@keyframes cl-dot-pop { from{transform:scale(0);}to{transform:scale(1);} }
.lang-toggle { display:inline-flex;align-items:center;gap:3px;color:rgba(255,255,255,0.88);background:rgba(255,255,255,0.14);border:1px solid rgba(255,255,255,0.22);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;cursor:pointer;transition:background .18s; }
.lang-toggle:active { background:rgba(255,255,255,0.28); }
/* ── FLOATING COACH BUTTON ── */
.coach-fab{
position:fixed;bottom:24px;right:18px;z-index:400;
display:inline-flex;align-items:center;gap:7px;
background:linear-gradient(135deg,#00A651,#007A3D);
color:white;text-decoration:none;
padding:13px 18px;border-radius:999px;
font-size:14px;font-weight:800;
box-shadow:0 6px 22px rgba(0,122,61,0.42);
transition:transform 0.18s,box-shadow 0.18s;
}
.coach-fab:active{transform:scale(0.95);box-shadow:0 3px 12px rgba(0,122,61,0.3);}
/* ── SELECT HINT BOXES (IZMENA 2+3) ── */
.select-hint { display:none; background:#F0FDF4; border:1.5px solid #A7F3D0; border-radius:10px; padding:10px 12px; font-size:12px; color:#065F46; line-height:1.55; margin-top:6px; font-weight:600; }
.select-hint.visible { display:block; }
.select-hint strong { color:#007A3D; }
/* ── MINI STEP GUIDE on contact card (IZMENA 4) ── */
.mini-guide { display:flex; align-items:center; gap:4px; padding:8px 14px 4px; overflow-x:auto; white-space:nowrap; -webkit-overflow-scrolling:touch; }
.mini-guide::-webkit-scrollbar { display:none; }
.guide-step { display:inline-flex; align-items:center; gap:3px; padding:4px 9px; border-radius:999px; border:1.5px solid #E5E7EB; background:white; font-size:10px; font-weight:700; color:#9CA3AF; white-space:nowrap; flex-shrink:0; }
.guide-step.done { background:#D1FAE5; border-color:#86EFAC; color:#065F46; }
.guide-step.current { background:#00A651; border-color:#00A651; color:white; }
.guide-arrow { color:#D1D5DB; font-size:10px; flex-shrink:0; }
.guide-advice { font-size:11px; color:#374151; background:#F9FAFB; border-left:3px solid #00A651; padding:7px 12px 7px 10px; margin:4px 14px 4px; border-radius:0 8px 8px 0; line-height:1.5; font-weight:600; }
/* ── FIRST ACTION BANNER (IZMENA 6) ── */
.action-banner { background:linear-gradient(135deg,#ECFDF5,#D1FAE5); border:1.5px solid #86EFAC; border-radius:16px; padding:16px; margin:16px 16px 0; position:relative; }
.action-banner-title { font-size:14px; font-weight:800; color:#065F46; margin-bottom:6px; }
.action-banner-body { font-size:13px; color:#047857; line-height:1.55; margin-bottom:12px; }
.action-banner-steps { display:flex; flex-direction:column; gap:7px; margin-bottom:14px; }
.action-banner-step { display:flex; align-items:flex-start; gap:8px; font-size:12px; font-weight:700; color:#065F46; line-height:1.4; }
.step-num { width:22px; height:22px; background:#00A651; color:white; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:11px; font-weight:800; flex-shrink:0; margin-top:1px; }
.action-banner-dismiss { position:absolute; top:10px; right:12px; background:none; border:none; cursor:pointer; font-size:18px; color:#6B7280; width:28px; height:28px; display:flex; align-items:center; justify-content:center; line-height:1; }
.action-banner-cta { display:block; width:100%; background:#00A651; color:white; border:none; border-radius:11px; padding:11px; font-size:13px; font-weight:800; cursor:pointer; text-align:center; transition:background .18s; }
.action-banner-cta:active { background:#007A3D; }
.action-banner-compact{
padding:10px 12px;
background:linear-gradient(135deg,#fffdf8,#faf6ee)!important;
border:1px solid rgba(214,173,75,.38)!important;
box-shadow:0 14px 34px rgba(8,60,47,.08)!important;
}
.action-banner-mini{
width:100%;
display:grid;
grid-template-columns:1fr auto;
gap:3px 12px;
align-items:center;
border:0;
background:transparent;
color:#083c2f;
padding:0;
text-align:left;
cursor:pointer;
}
.action-banner-mini span{font-size:13px;font-weight:900;color:#083c2f;}
.action-banner-mini small{font-size:11px;font-weight:700;color:#7a6b4d;line-height:1.35;}
.action-banner-mini b{
grid-row:1 / span 2;
grid-column:2;
align-self:center;
color:#0f4a38;
background:rgba(15,74,56,.08);
border:1px solid rgba(15,74,56,.16);
border-radius:999px;
padding:7px 10px;
font-size:11px;
}
.action-banner-compact-body{
display:none;
margin-top:12px;
padding-top:12px;
border-top:1px solid rgba(214,173,75,.28);
}
.action-banner-compact-body.open{display:block;}
/* ── MILESTONE TOAST (IZMENA 7) ── */
.milestone-toast { position:fixed; bottom:80px; left:50%; transform:translateX(-50%) translateY(120px); background:#1E40AF; color:white; border-radius:16px; padding:12px 20px; font-size:14px; font-weight:800; box-shadow:0 8px 28px rgba(0,0,0,0.22); z-index:997; transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1); white-space:nowrap; }
.milestone-toast.show { transform:translateX(-50%) translateY(0); }
.milestone-toast,.milestone-toast.show{display:none!important;}
/* ── PIPELINE TOOLTIP (IZMENA 8) ── */
.pipeline-tip-popup { position:fixed; background:#1F2937; color:white; border-radius:10px; padding:8px 12px; font-size:11px; font-weight:600; z-index:500; pointer-events:none; opacity:0; transition:opacity 0.15s; white-space:nowrap; box-shadow:0 4px 16px rgba(0,0,0,0.22); }
.pipeline-tip-popup.visible { opacity:1; }
/* ── EMPTY STATE WIZARD (IZMENA 1) ── */
.es-wizard { background:white; border-radius:20px; border:2px solid #A7F3D0; padding:22px 18px; text-align:center; }
.es-wizard-title { font-size:17px; font-weight:800; color:#065F46; margin-bottom:8px; }
.es-wizard-sub { font-size:13px; color:#6B7280; line-height:1.55; margin-bottom:18px; }
.es-categories { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:18px; text-align:left; }
.es-cat { background:#F0FDF4; border:1.5px solid #BBF7D0; border-radius:12px; padding:10px 12px; }
.es-cat-icon { font-size:22px; margin-bottom:4px; }
.es-cat-title { font-size:12px; font-weight:800; color:#065F46; margin-bottom:3px; }
.es-cat-ex { font-size:11px; color:#6B7280; line-height:1.4; }
.es-wizard-cta { display:block; width:100%; background:#00A651; color:white; border:none; border-radius:13px; padding:14px; font-size:15px; font-weight:800; cursor:pointer; text-align:center; transition:background .18s; }
.es-wizard-cta:active { background:#007A3D; }
body.is-empty-contact-state .stats-section,
body.is-empty-contact-state #nevlistaSection .contacts-premium-actions,
body.is-empty-contact-state #nevlistaSection .progress-block,
body.is-empty-contact-state #nevlistaSection .section-why,
body.is-empty-contact-state #nevlistaSection .starter-copy,
body.is-empty-contact-state #nevlistaSection .filter-tabs-wrap,
body.is-empty-contact-state #nevlistaSection .sort-bar,
body.is-empty-contact-state #nevlistaSection .mob-filter-bar,
body.is-empty-contact-state .floating-filter-btn{
display:none!important;
}
.first-contact-empty{
min-height:220px;
display:flex;
align-items:center;
justify-content:center;
padding:26px 14px;
}
.first-contact-cta{
width:min(100%,460px);
border:0;
border-radius:18px;
padding:19px 22px;
background:linear-gradient(135deg,#00A651,#047857);
color:#fff;
font-size:18px;
font-weight:950;
letter-spacing:0;
line-height:1.25;
box-shadow:0 18px 36px rgba(0,122,61,.22);
cursor:pointer;
}
.first-contact-cta:active{
transform:translateY(1px) scale(.99);
filter:brightness(.96);
}
/* ── ONBOARDING RULES MODAL ── */
.rules-overlay{position:fixed;inset:0;z-index:700;background:rgba(0,0,0,0.74);display:flex;align-items:flex-end;justify-content:center;backdrop-filter:blur(4px);}
.rules-sheet{background:white;border-radius:24px 24px 0 0;padding:28px 20px 36px;max-height:90vh;overflow-y:auto;width:100%;max-width:520px;box-shadow:0 -8px 40px rgba(0,0,0,0.28);animation:rulesSlideUp 0.38s cubic-bezier(0.34,1.56,0.64,1);}
@keyframes rulesSlideUp{from{transform:translateY(100%);}to{transform:translateY(0);}}
.rules-warn-icon{font-size:38px;text-align:center;margin-bottom:10px;}
.rules-title{font-size:19px;font-weight:800;color:#111827;text-align:center;margin-bottom:8px;line-height:1.32;}
.rules-intro{font-size:14px;color:#374151;text-align:center;margin-bottom:18px;line-height:1.6;font-weight:600;}
.rules-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;}
.rules-item{display:flex;align-items:flex-start;gap:10px;background:#FEF2F2;border:1px solid #FECACA;border-radius:12px;padding:10px 12px;font-size:13px;font-weight:600;color:#991B1B;line-height:1.5;}
.rules-item-icon{flex-shrink:0;font-size:15px;margin-top:1px;}
.rules-why{background:#FFFBEB;border:1px solid #FDE68A;border-radius:12px;padding:12px 14px;margin-bottom:12px;}
.rules-why-title{font-size:11px;font-weight:800;color:#92400E;text-transform:uppercase;letter-spacing:0.6px;margin-bottom:5px;}
.rules-why-text{font-size:13px;color:#78350F;line-height:1.58;}
.rules-mentor{background:#E8F7EE;border:1px solid #86EFAC;border-radius:12px;padding:12px 14px;margin-bottom:22px;}
.rules-mentor-title{font-size:11px;font-weight:800;color:#065F46;text-transform:uppercase;letter-spacing:0.6px;margin-bottom:5px;}
.rules-mentor-text{font-size:13px;color:#064E3B;line-height:1.58;}
.rules-cta{display:block;width:100%;background:linear-gradient(145deg,#00A651,#007A3D);color:white;border:none;border-radius:16px;padding:17px;font-size:16px;font-weight:800;cursor:pointer;text-align:center;box-shadow:0 6px 20px rgba(0,122,61,0.35);transition:transform 0.18s;}
.rules-cta:active{transform:scale(0.97);}
.header-sync{display:inline-flex;align-items:center;gap:3px;color:rgba(255,255,255,0.88);background:rgba(255,255,255,0.14);border:1px solid rgba(255,255,255,0.22);border-radius:999px;padding:6px 10px;font-size:13px;font-weight:700;cursor:pointer;transition:background .18s;}
.header-sync:active{background:rgba(255,255,255,0.28);}
.sync-badge{font-size:11px;font-weight:800;transition:color .2s;}
.sync-badge.syncing{color:#FCD34D;animation:spin .8s linear infinite;display:inline-block;}
.sync-badge.ok{color:#86EFAC;}
.sync-badge.err{color:#FCA5A5;}
.sync-badge.conflict{color:#FCD34D;}
@keyframes spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
@media(max-width:640px){
}
/* ── TOP MENU (hamburger, details/summary) ── */
.top-menu{position:relative;display:none;}
.top-menu summary{list-style:none;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:rgba(255,255,255,0.16);border:1px solid rgba(255,255,255,0.24);cursor:pointer;font-size:20px;font-weight:700;color:#fff;}
.top-menu summary::-webkit-details-marker{display:none;}
.menu-sheet{position:absolute;right:0;top:50px;width:210px;background:#fff;color:#111827;border-radius:16px;box-shadow:0 18px 40px rgba(15,23,42,0.18);padding:10px;z-index:200;}
.menu-sheet a,.menu-sheet button{display:block;width:100%;text-decoration:none;color:#111827;padding:11px 12px;border-radius:10px;font-size:14px;font-weight:700;background:none;border:0;text-align:left;font:inherit;cursor:pointer;}
.menu-sheet a:hover,.menu-sheet a:active,.menu-sheet button:hover,.menu-sheet button:active{background:#F3F7F4;}
.menu-sheet-admin{color:#B45309!important;}
@media(max-width:1024px){
.hn-desktop{display:none!important;}
.top-menu{display:block;}
}
/* ── PHONE IMPORT BUTTON ── */
.btn-phone-import{display:none;width:100%;margin:10px 0 2px;padding:12px 14px;background:#F0F9FF;border:1.5px dashed #7DD3FC;border-radius:12px;cursor:pointer;align-items:center;gap:12px;transition:background .18s;text-align:left;}
.btn-phone-import:active{background:#E0F2FE;}
.btn-phone-import-icon{font-size:22px;flex-shrink:0;line-height:1;}
.btn-phone-import-text{display:flex;flex-direction:column;gap:2px;}
.btn-phone-import-text strong{font-size:13px;font-weight:700;color:#0369A1;line-height:1.3;}
.btn-phone-import-text small{font-size:11px;color:#64748B;font-weight:500;}
@media(max-width:768px){.btn-phone-import{display:flex;}}
/* ── GOALS ── */
.goals-wrap{padding:0 16px;margin-bottom:4px;}
/* chip — collapsed, goals exist */
.goals-chip{display:flex;align-items:center;gap:8px;background:var(--green-light);border:1.5px solid #A7F3C0;border-radius:99px;padding:8px 14px;cursor:default;}
.goals-chip-icon{font-size:16px;line-height:1;}
.goals-chip-text{font-size:13px;font-weight:700;color:var(--green-dark);flex:1;}
.goals-chip-check{font-size:13px;color:var(--green);}
.goals-chip-edit{background:none;border:none;font-size:12px;font-weight:700;color:var(--green-dark);cursor:pointer;text-decoration:underline;padding:0;margin-left:4px;}
/* invite — no goals */
.goals-invite{display:flex;align-items:center;gap:12px;background:#fff;border:1.5px dashed var(--green);border-radius:16px;padding:14px 16px;}
.goals-invite-icon{font-size:26px;flex-shrink:0;line-height:1;}
.goals-invite-body{flex:1;min-width:0;}
.goals-invite-title{font-size:14px;font-weight:800;color:var(--text);margin-bottom:2px;}
.goals-invite-sub{font-size:12px;color:var(--text-muted);line-height:1.4;}
.goals-invite-btn{flex-shrink:0;background:var(--green);color:#fff;border:none;border-radius:12px;padding:9px 14px;font-size:13px;font-weight:800;cursor:pointer;white-space:nowrap;}
/* editor — expanded */
.goals-editor{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:16px;box-shadow:0 4px 18px rgba(0,0,0,0.07);}
.goals-editor-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.goals-editor-title{font-size:15px;font-weight:800;color:var(--text);}
.goals-editor-close{background:none;border:none;font-size:18px;color:var(--text-muted);cursor:pointer;padding:0;line-height:1;}
.goals-guide{background:var(--green-light);border-radius:12px;padding:12px 14px;margin-bottom:12px;}
.goals-guide-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--green-dark);margin-bottom:8px;}
.goals-guide-item{font-size:13px;color:#1a5c36;line-height:1.5;padding:2px 0;}
.goals-textarea{width:100%;min-height:130px;border:1.5px solid var(--border);border-radius:12px;padding:12px;font-size:14px;font-family:inherit;line-height:1.6;resize:vertical;outline:none;transition:border-color .18s;}
.goals-textarea:focus{border-color:var(--green);}
.goals-editor-actions{display:flex;gap:10px;margin-top:10px;}
.goals-save-btn{flex:1;background:var(--green);color:#fff;border:none;border-radius:12px;padding:12px;font-size:14px;font-weight:800;cursor:pointer;}
.goals-cancel-btn{background:var(--border);color:var(--text-muted);border:none;border-radius:12px;padding:12px 16px;font-size:14px;font-weight:700;cursor:pointer;}
/* ── PROMOTIONS BANNER ── */
.promotions-banner-wrap{display:flex;flex-direction:column;gap:12px;margin:0 0 14px;}
.promo-banner-card{display:flex;gap:12px;align-items:stretch;padding:14px;border:1.5px solid #f3c672;border-radius:18px;background:linear-gradient(135deg,#fff8e8 0%,#fffdf7 100%);box-shadow:0 10px 24px rgba(245,158,11,.12);}
.promo-banner-media{width:96px;flex:0 0 96px;border-radius:14px;overflow:hidden;background:#fde9ba;border:1px solid rgba(245,158,11,.22);}
.promo-banner-media img{width:100%;height:100%;object-fit:cover;display:block;}
.promo-banner-body{min-width:0;flex:1;display:flex;flex-direction:column;gap:8px;}
.promo-banner-eyebrow{font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#b45309;}
.promo-banner-title{font-size:15px;line-height:1.45;font-weight:800;color:#7c2d12;}
.promo-banner-message{font-size:13px;line-height:1.55;color:#7c5b15;}
.promo-contact-list{display:flex;flex-direction:column;gap:8px;margin-top:2px;}
.promo-contact-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid rgba(245,158,11,.22);border-radius:12px;background:rgba(255,255,255,.72);}
.promo-contact-name{min-width:0;font-size:13px;font-weight:850;color:#4b2f0f;display:flex;flex-direction:column;gap:2px;}
.promo-contact-name small{font-size:11px;font-weight:700;color:#9a6a20;}
.promo-contact-open{border:none;border-radius:999px;padding:8px 11px;background:#111827;color:#fff;font-size:12px;font-weight:850;white-space:nowrap;cursor:pointer;}
.promo-contact-more{font-size:12px;font-weight:800;color:#92400e;padding:2px 4px;}
.promo-contact-summary-card{padding:12px;}
.promo-contact-main{min-width:0;display:flex;flex-direction:column;gap:6px;}
.promo-contact-row-stacked{align-items:center;}
.promo-contact-products{display:flex;gap:5px;flex-wrap:wrap;}
.promo-product-chip{display:inline-flex;align-items:center;max-width:100%;padding:5px 8px;border-radius:999px;background:#fff7df;border:1px solid rgba(245,158,11,.24);color:#7c2d12;font-size:11px;font-weight:850;line-height:1.2;}
.promo-banner-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;}
.promo-banner-expiry{font-size:12px;color:#92400e;font-weight:700;}
.promo-banner-cta{border:none;border-radius:999px;padding:10px 14px;background:var(--green);color:#fff;font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 8px 18px rgba(0,166,81,.18);}
@media(max-width:640px){
.accordion-toggle{padding:13px 14px;}
.promo-banner-card{flex-direction:column;padding:13px;}
.promo-banner-media{width:100%;flex-basis:auto;aspect-ratio:16/9;}
.promo-banner-footer{align-items:stretch;}
.promo-banner-cta{width:100%;}
.promo-contact-row{align-items:stretch;flex-direction:column;}
.promo-contact-open{width:100%;}
.promo-contact-row-stacked{gap:9px;}
}
@media(max-width:768px){
.contact-card{border-radius:18px;}
.card-header{align-items:flex-start;padding:13px 14px 8px;gap:10px;}
.card-header-left{align-items:flex-start;gap:6px;flex:1;min-width:0;}
.contact-name{display:block;width:100%;padding-right:0;}
.card-hicons{
order:2;
width:auto;
max-width:45%;
justify-content:flex-end;
gap:7px;
padding-top:0;
margin-left:auto;
flex-wrap:wrap;
}
.card-hicon{width:32px;height:32px;}
.card-arrow{display:none;}
.header-badges{display:none;}
.contact-card.is-expanded .header-badges{display:flex;}
.card-actions{
display:none;
padding:0 14px 10px;
}
.contact-card.is-expanded .card-actions{display:grid;}
.mobile-expand-toggle{
display:flex;
align-items:center;
justify-content:center;
width:calc(100% - 28px);
margin:0 14px 10px;
min-height:26px;
border:none;
background:transparent;
cursor:pointer;
position:relative;
isolation:isolate;
}
.mobile-expand-toggle::before{
content:"";
position:absolute;
left:0;
right:0;
top:50%;
height:1px;
background:linear-gradient(90deg,rgba(0,166,81,0),rgba(0,166,81,.18) 22%,rgba(0,166,81,.18) 78%,rgba(0,166,81,0));
transform:translateY(-50%);
z-index:0;
}
.mobile-expand-chevron{
position:relative;
z-index:1;
display:inline-flex;
align-items:center;
justify-content:center;
width:42px;
height:26px;
border-radius:999px;
background:linear-gradient(135deg,#fff 0%,#eefaf2 100%);
border:1px solid rgba(0,166,81,.18);
box-shadow:0 10px 20px rgba(0,166,81,.12);
color:var(--green);
transition:transform .28s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease,background .2s ease,color .2s ease;
animation:mobileChevronPulse 2.2s ease-in-out infinite;
}
.mobile-expand-chevron .duo-chevron{width:22px;height:22px;}
.mobile-expand-toggle.open .mobile-expand-chevron{
transform:rotate(180deg);
background:linear-gradient(135deg,var(--green) 0%,#17c76d 100%);
color:#fff;
box-shadow:0 12px 24px rgba(0,166,81,.22);
animation:none;
}
.mobile-expand-toggle:active .mobile-expand-chevron{transform:scale(.96);}
.mobile-expand-toggle.open:active .mobile-expand-chevron{transform:rotate(180deg) scale(.96);}
}
@keyframes mobileChevronPulse{
0%,100%{transform:translateY(0);box-shadow:0 10px 20px rgba(0,166,81,.12);}
50%{transform:translateY(2px);box-shadow:0 13px 24px rgba(0,166,81,.18);}
}
/* ── PRODUCT FILTER ROW ── */
.product-filter-row{position:relative;}
.product-autocomplete{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1.5px solid var(--border);border-radius:12px;box-shadow:0 6px 24px rgba(0,0,0,0.12);z-index:200;overflow:hidden;display:none;}
.product-autocomplete.open{display:block;}
.prod-ac-item{padding:11px 14px;font-size:14px;cursor:pointer;border-bottom:1px solid var(--border);transition:background .12s;}
.prod-ac-item:last-child{border-bottom:none;}
.prod-ac-item:hover,.prod-ac-item.highlighted{background:var(--green-light);}
.prod-ac-item-cat{font-size:11px;color:var(--text-muted);margin-top:1px;}
.prod-ac-empty{padding:11px 14px;font-size:13px;color:var(--text-muted);}
/* ── FAVORITES SECTION in contact card ── */
.fav-section{margin:10px 0 6px;padding:12px;border:1.5px solid var(--border);border-radius:14px;background:#fbfdfb;}
.fav-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;}
.fav-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;}
.fav-health-start-btn{border:1px solid #BFDBFE;background:#EFF6FF;color:#1D4ED8;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:850;cursor:pointer;line-height:1.2;}
.fav-health-start-btn:hover{background:#DBEAFE;border-color:#93C5FD;}
.promo-result-section{margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb;}
.promo-result-card{padding:10px;border:1px solid rgba(245,158,11,.28);border-radius:12px;background:#fffaf0;margin-top:8px;}
.promo-result-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;margin-bottom:8px;color:#7c2d12;}
.promo-result-head strong{font-size:13px;line-height:1.35;}
.promo-result-head span{font-size:11px;font-weight:850;color:#b45309;white-space:nowrap;}
.promo-result-controls{display:grid;grid-template-columns:minmax(124px,1fr) repeat(3,auto);gap:7px;align-items:center;}
.promo-result-date{min-height:36px;border:1px solid #f3d08a;border-radius:10px;padding:0 8px;background:#fff;font-size:12px;font-weight:800;color:#4b2f0f;}
.promo-result-btn{border:none;border-radius:999px;padding:9px 10px;background:#f3f4f6;color:#374151;font-size:12px;font-weight:850;cursor:pointer;}
.promo-result-bought{background:var(--green);color:#fff;}
.promo-result-history{display:flex;flex-direction:column;gap:6px;margin-top:10px;}
.promo-result-history-title{font-size:12px;font-weight:900;color:#6b7280;}
.promo-result-history-row{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid #edf0f2;font-size:12px;color:#4b5563;}
.promo-result-history-row strong{color:#111827;text-align:right;}
@keyframes lr-card-flash{0%,100%{box-shadow:none}30%,70%{box-shadow:0 0 0 3px #3b82f6,0 4px 16px rgba(59,130,246,.35)}}
@media(max-width:640px){
.promo-result-controls{grid-template-columns:1fr 1fr;}
.promo-result-date{grid-column:1/-1;}
}
.fav-header-count{font-size:11px;font-weight:600;background:var(--green-light);color:var(--green-dark);border-radius:999px;padding:1px 8px;}
.fav-selected-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;min-height:0;}
.fav-tag{display:inline-flex;align-items:center;gap:4px;background:var(--green-light);color:var(--green-dark);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;}
.fav-tag-health{background:#EFF6FF;color:#1D4ED8;border:1px solid #BFDBFE;}
.fav-tag-health small{font-size:10px;font-weight:800;color:#2563EB;opacity:.85;}
.fav-tag-remove{background:none;border:none;cursor:pointer;font-size:12px;color:var(--green-dark);padding:0;line-height:1;}
.health-name-choice-overlay{position:fixed;inset:0;z-index:16000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(15,23,42,.52);backdrop-filter:blur(5px);}
.health-name-choice-sheet{width:min(460px,100%);background:#fff;border-radius:20px;padding:20px;box-shadow:0 26px 80px rgba(15,23,42,.28);position:relative;color:#111827;}
.health-name-choice-close{position:absolute;top:10px;right:12px;width:32px;height:32px;border:0;border-radius:999px;background:#F1F5F9;color:#64748B;font-size:22px;line-height:1;cursor:pointer;}
.health-name-choice-kicker{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;background:#ECFDF5;color:#047857;font-size:11px;font-weight:900;margin-bottom:10px;}
.health-name-choice-sheet h3{margin:0 36px 8px 0;font-size:19px;line-height:1.2;color:#0F172A;}
.health-name-choice-sheet p{margin:0 0 14px;color:#64748B;font-size:13px;line-height:1.45;}
.health-name-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;}
.health-name-choice-grid button{min-height:88px;text-align:left;border:1.5px solid #D7E5DD;background:#F8FAFC;border-radius:14px;padding:12px;cursor:pointer;transition:.15s ease;}
.health-name-choice-grid button:hover{border-color:#00A651;background:#F0FDF4;transform:translateY(-1px);}
.health-name-choice-grid small{display:block;margin-bottom:6px;color:#64748B;font-size:10px;font-weight:900;text-transform:uppercase;}
.health-name-choice-grid strong{display:block;color:#0F172A;font-size:14px;line-height:1.25;word-break:break-word;}
.health-name-custom-label{display:block;color:#334155;font-size:12px;font-weight:850;margin:0 0 10px;}
.health-name-custom-label input{display:block;width:100%;margin-top:6px;border:1.5px solid #CBD5E1;border-radius:12px;padding:11px 12px;font-size:14px;outline:none;}
.health-name-custom-label input:focus{border-color:#00A651;box-shadow:0 0 0 3px rgba(0,166,81,.12);}
.health-name-choice-save{width:100%;border:0;border-radius:12px;background:#00A651;color:#fff;font-size:14px;font-weight:900;padding:12px;cursor:pointer;}
@media(max-width:520px){.health-name-choice-grid{grid-template-columns:1fr}.health-name-choice-sheet{border-radius:18px;padding:18px}}
.fav-search-row{display:flex;align-items:center;gap:6px;background:#F9FAFB;border:1.5px solid var(--border);border-radius:10px;padding:6px 10px;margin-bottom:8px;}
.fav-search-input{flex:1;border:none;background:transparent;font-size:13px;outline:none;color:var(--text);}
.fav-search-clear{background:none;border:none;cursor:pointer;font-size:12px;color:var(--text-muted);padding:0;line-height:1;}
.fav-list{display:flex;flex-direction:column;gap:2px;max-height:200px;overflow-y:auto;}
.fav-item{display:flex;align-items:center;gap:8px;padding:7px 4px;border-radius:8px;cursor:pointer;transition:background .12s;}
.fav-item:hover{background:var(--green-light);}
.fav-item-check{width:18px;height:18px;border-radius:5px;border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .14s;}
.fav-item.selected .fav-item-check{background:var(--green);border-color:var(--green);color:#fff;}
.fav-item-name{font-size:13px;flex:1;}
.fav-item-cat{font-size:11px;color:var(--text-muted);margin-left:auto;text-align:right;}
.fav-empty{font-size:13px;color:var(--text-muted);padding:8px 4px;}
.fav-empty-selected{padding:0 0 8px;}
.goals-save-msg{font-size:13px;color:var(--green-dark);margin-top:8px;min-height:18px;font-weight:700;}
.status-result-overlay{position:fixed;inset:0;z-index:12000;background:rgba(15,23,42,.58);display:flex;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(3px);}
.status-result-sheet{width:100%;max-width:460px;background:#fff;border-radius:18px;box-shadow:0 22px 70px rgba(15,23,42,.28);padding:18px;animation:statusResultIn .18s ease-out;}
@keyframes statusResultIn{from{transform:translateY(10px);opacity:.7}to{transform:translateY(0);opacity:1}}
.status-result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px;}
.status-result-kicker{font-size:12px;font-weight:700;color:#64748B;margin-bottom:3px;}
.status-result-title{font-size:18px;font-weight:850;color:#0F172A;line-height:1.25;}
.status-result-close{width:32px;height:32px;border:none;border-radius:50%;background:#F1F5F9;color:#64748B;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.status-result-close:hover{background:#E2E8F0;color:#334155;}
.status-result-label{display:block;font-size:12px;font-weight:800;color:#475569;text-transform:uppercase;letter-spacing:.04em;margin:12px 0 6px;}
.status-result-date-row{display:flex;align-items:center;gap:8px;}
.status-result-text,.status-result-date{width:100%;border:1.5px solid #CBD5E1;border-radius:12px;padding:10px 12px;font:inherit;color:#0F172A;background:#fff;outline:none;}
.status-result-date{flex:1;}
.status-result-time{max-width:112px;flex:0 0 108px;}
.status-result-cal{width:42px;height:42px;border:1.5px solid #FDE047;border-radius:12px;background:#FEF9C3;cursor:pointer;font-size:17px;flex-shrink:0;}
.status-result-cal:hover{background:#FEF08A;}
.status-result-text{resize:vertical;min-height:106px;line-height:1.45;}
.status-result-text:focus,.status-result-date:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(0,166,81,.09);}
.status-result-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px;}
.status-result-secondary,.status-result-save{border:none;border-radius:12px;padding:10px 14px;font-size:13px;font-weight:800;cursor:pointer;}
.status-result-secondary{background:#F1F5F9;color:#475569;}
.status-result-save{background:var(--green);color:#fff;}
.status-result-save:hover{background:var(--green-dark);}
.followup-suite{grid-column:1/-1;display:grid;gap:10px;padding:10px;border:1.5px solid #D5E3DF;border-radius:16px;background:#EEF5F2;box-shadow:inset 0 1px 0 rgba(255,255,255,.75);}
.followup-suite .detail-card{border:1px solid #DDE8E5!important;background:#F8FBFA!important;box-shadow:none!important;}
.followup-suite .followup-planner-card{border-radius:13px 13px 10px 10px!important;}
.followup-suite .followup-list-card{border-radius:10px 10px 13px 13px!important;}
.followup-suite .detail-label{color:#475569;}
.followup-suite .followup-input{background:#fff;}
.followup-suite .followup-item{background:#fff;border-color:#DCE7E4;}
.followup-list-card{grid-column:1/-1;}
.followup-list{display:flex;flex-direction:column;gap:7px;margin-top:8px;}
.followup-item{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:8px;padding:8px 9px;border:1px solid #E2E8F0;border-radius:10px;background:#F8FAFC;}
.followup-item-date{font-size:12px;font-weight:800;color:#0F172A;white-space:nowrap;}
.followup-item-text{font-size:12px;color:#475569;line-height:1.35;min-width:0;overflow-wrap:anywhere;}
.followup-item-cal{padding:5px 8px;}
.followup-item-del{width:30px;height:30px;border:none;border-radius:999px;background:#FFF1F2;color:#BE123C;font-size:19px;font-weight:900;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .12s,transform .1s;}
.followup-item-del:active{transform:scale(.92);}
@media(max-width:520px){
.status-result-overlay{align-items:flex-end;padding:0;}
.status-result-sheet{border-radius:18px 18px 0 0;max-width:none;padding:18px 16px calc(18px + env(safe-area-inset-bottom));}
.status-result-actions{display:grid;grid-template-columns:1fr 1fr;}
.followup-item{grid-template-columns:1fr auto auto;}
.followup-item-text{grid-column:1/-1;}
.followup-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;}
.followup-save-btn{grid-column:1/-1;width:100%;min-width:0;}
.followup-time-input{max-width:none;width:100%;flex:auto;}
}
/* Contact list separation and compact closed summary */
.contacts-list .contact-card{border-bottom:3px solid #D7E3EF;}
.contacts-list .contact-card:last-child{border-bottom:none;}
@media(max-width:768px){.header-badges{display:flex;}.contact-card.is-expanded .header-badges{display:flex;}}
/* Closed contact cards only show summary */
.contact-card:not(.is-expanded) > .card-actions{display:none;}
.contact-card.is-expanded > .card-actions{display:grid;}
/* SR compact crow contact rows - matches HU */
.contacts-list{background:#fff;border-radius:18px;overflow:hidden;border:1.5px solid #E5E7EB;box-shadow:0 8px 24px rgba(15,23,42,.05);gap:0;}
.contact-card{background:#fff;border-radius:0;border:none;border-bottom:3px solid #D7E3EF;box-shadow:none;overflow:visible;transition:background .14s;}
.contact-card.is-expanded{border:2px solid #111827!important;border-radius:12px!important;margin:6px 4px 10px;box-shadow:0 0 0 2px rgba(17,24,39,.16),0 10px 24px rgba(15,23,42,.12);}
.contact-card:last-child{border-bottom:none;}
.contact-card.status-kontaktovan{border-left:3px solid #3B82F6;background:#fff;}
.contact-card.status-zainteresovan{border-left:3px solid #F59E0B;background:#fff;}
.contact-card.status-informisan{border-left:3px solid #8B5CF6;background:#fff;}
.contact-card.status-zakazan{border-left:3px solid #0EA5E9;background:#fff;}
.contact-card.status-kupac{border-left:3px solid #10B981;background:#fff;}
.contact-card.status-partner{border-left:3px solid #00A651;background:#fff;}
.contact-card.status-nemkell{border-left:4px solid #B91C1C;background:#FEE2E2;opacity:.9;}
.contact-card.status-neznaLR{border-left:4px solid #EA580C;background:#FFF7ED;opacity:.9;}
.crow{display:flex;align-items:center;gap:11px;padding:11px 14px 11px 12px;cursor:pointer;user-select:none;min-height:62px;}
.crow:active{background:#F9FAFB;}
.crow-av{width:46px;height:46px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:800;text-transform:uppercase;letter-spacing:0;}
.crow-av.crow-av-icon{font-size:20px;font-weight:400;text-transform:none;letter-spacing:0;}
.crow-info{flex:1;min-width:0;}
.crow-name{font-size:15px;font-weight:700;color:#111827;display:flex;align-items:center;gap:2px;min-width:0;}
.crow-name .contact-name{font-size:15px;font-weight:700;color:#111827;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.crow-sub{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin-top:4px;}
.crow-end{display:flex;align-items:center;gap:4px;flex-shrink:0;}
.crow-prio{font-size:15px;line-height:1;display:inline-flex;align-items:center;}
.crow-chev{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;flex-shrink:0;background:#F3F4F6;color:#9CA3AF;transition:transform .25s cubic-bezier(.34,1.56,.64,1),background .18s,color .18s;line-height:1;}
.crow-chev .duo-chevron{width:20px;height:20px;}
.crow-chev.open{transform:rotate(180deg);background:var(--green);color:#fff;}
.crow-expand{display:none;}
.crow-expand.open{display:block;}
.crow-expand .card-body{display:block!important;border-top:none;padding-top:4px;}
.crow-expand .card-actions{border-top:1px solid #F3F4F6;padding:10px 14px 10px;display:grid;}
.crow-expand .status-type-actions{border-top:0;padding:10px 0 12px;display:grid;}
.card-header,.mobile-expand-toggle{display:none!important;}
.search-input-row{position:relative;}
.unified-search-row{padding-left:8px;}
.search-mode-toggle{width:25%;height:38px;border:none;border-radius:12px;background:var(--green-light);color:var(--green-dark);display:inline-flex;align-items:center;justify-content:center;font-size:17px;min-width:72px;max-width:112px;cursor:pointer;flex-shrink:0;transition:background .15s,transform .15s;}
.search-mode-toggle:active{transform:scale(.94);}
.search-mode-menu{position:absolute;left:0;top:calc(100% + 6px);width:min(260px,calc(100vw - 40px));background:#fff;border:1.5px solid var(--border);border-radius:14px;box-shadow:0 14px 34px rgba(15,23,42,.16);padding:6px;display:none;z-index:230;}
.search-mode-menu.open{display:block;}
.search-mode-option{width:100%;display:flex;align-items:center;gap:10px;border:none;background:transparent;border-radius:10px;padding:10px 11px;text-align:left;color:var(--text);cursor:pointer;font-size:14px;}
.search-mode-option b{font-size:13px;}
.search-mode-option:hover,.search-mode-option.active{background:var(--green-light);color:var(--green-dark);}
.unified-search-wrap .product-autocomplete{left:0;right:0;}
.search-mode-toggle{gap:8px;overflow:hidden;}
.search-mode-toggle #searchModeIcon{display:inline-block;animation:searchIconNudge 1.9s ease-in-out infinite;}
.search-mode-toggle::after{content:"▾";font-size:18px;font-weight:900;line-height:1;opacity:.95;animation:searchCaretBounce 1.25s ease-in-out infinite;}
.search-mode-menu.open + .search-input,.search-mode-toggle[aria-expanded="true"] #searchModeIcon{animation:none;}
@keyframes searchIconNudge{0%,100%{transform:translateX(0) rotate(0deg) scale(1);}35%{transform:translateX(2px) rotate(-8deg) scale(1.08);}58%{transform:translateX(0) rotate(0deg) scale(1);}}
@keyframes searchCaretBlink{0%,100%{opacity:.55;transform:translateY(0);}45%{opacity:1;transform:translateY(2px);}}
@keyframes searchCaretBounce{0%,100%{transform:translateY(-1px);opacity:.72;}45%{transform:translateY(3px);opacity:1;}}
/* ── PIN BUTTON ──────────────────────────────────────────── */
.pin-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:2px solid transparent;border-radius:999px;background:transparent;cursor:pointer;font-size:16px;opacity:0.28;transition:opacity .15s,transform .15s,background .15s,border-color .15s;flex-shrink:0;padding:0;filter:grayscale(1);}
.pin-btn:hover{opacity:0.65;transform:scale(1.1);filter:grayscale(0.3);}
.pin-btn.pin-active{opacity:1;background:#FEF3C7;border-color:#F59E0B;filter:grayscale(0);transform:scale(1.08);}
.pin-btn:active{transform:scale(.88);}
/* ── PINNED CARD ─────────────────────────────────────────── */
.contact-card.is-pinned{border-left:3px solid #F59E0B;padding-left:1px;}
/* ── PINNED POPUP ────────────────────────────────────────── */
.pinned-popup-overlay{position:fixed;inset:0;z-index:800;background:rgba(0,0,0,0.55);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(3px);padding:16px;}
.pinned-popup-sheet{width:100%;max-width:460px;background:#fff;border-radius:20px;padding:0;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(15,23,42,0.22);}
.pinned-popup-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid #F1F5F9;}
.pinned-popup-title{font-size:16px;font-weight:800;color:#1E293B;}
.pinned-popup-close{border:none;background:transparent;font-size:20px;color:#94A3B8;cursor:pointer;line-height:1;padding:2px 8px;border-radius:8px;}
.pinned-popup-close:hover{background:#F1F5F9;color:#475569;}
.pinned-popup-list{overflow-y:auto;flex:1;padding:6px 10px 10px;}
.ppp-row{padding:10px 8px 12px;border-radius:14px;border-bottom:1px solid #F1F5F9;margin-bottom:2px;}
.ppp-row:last-child{border-bottom:none;margin-bottom:0;}
.ppp-row.ppp-due{background:#FFF7ED;}
.ppp-top{display:flex;align-items:center;gap:7px;margin-bottom:8px;}
.ppp-pin{font-size:14px;flex-shrink:0;}
.ppp-name{font-size:15px;font-weight:700;color:#1E293B;flex:1;}
.ppp-date{font-size:12px;color:#94A3B8;flex-shrink:0;}
.ppp-actions{display:flex;gap:6px;padding-left:22px;}
.ppp-btn{flex:1;border:none;border-radius:10px;padding:7px 4px;font-size:12px;font-weight:600;cursor:pointer;transition:opacity .12s,transform .1s;line-height:1.2;}
.ppp-btn:active{transform:scale(.94);}
.ppp-btn-open{background:#DCFCE7;color:#166534;}
.ppp-btn-open:hover{background:#BBF7D0;}
.ppp-btn-dismiss{background:#F1F5F9;color:#475569;}
.ppp-btn-dismiss:hover{background:#E2E8F0;}
.ppp-btn-unpin{background:#FEE2E2;color:#991B1B;}
.ppp-btn-unpin:hover{background:#FECACA;}
.pinned-popup-dismiss{margin:8px 14px 14px;border:1.5px solid #E2E8F0;background:#fff;border-radius:12px;padding:11px;font-size:14px;font-weight:600;color:#64748B;cursor:pointer;width:calc(100% - 28px);transition:background .12s;}
.pinned-popup-dismiss:hover{background:#F8FAFC;}
/* ── FILTER TAB — PINNED ─────────────────────────────────── */
.ftab-pinned{background:#FEF3C7!important;color:#92400E!important;border-color:#F59E0B!important;}
.ftab-pinned.active{background:#F59E0B!important;color:#fff!important;}
.followup-row{display:flex;align-items:center;gap:6px;min-width:0;width:100%;}
.followup-row .followup-input{flex:1 1 0;min-width:0;}
.followup-time-input{max-width:112px;flex:0 1 104px;}
.followup-planner{display:grid;gap:8px;}
.followup-text-input{width:100%;}
.followup-save-btn{min-width:90px;min-height:42px;border-radius:999px;border:1px solid rgba(214,173,75,.42);background:linear-gradient(135deg,#083c2f,#0f4a38);color:#fff;font-weight:900;padding:0 14px;box-shadow:0 10px 22px rgba(8,60,47,.16);cursor:pointer;white-space:nowrap;transition:transform .12s,box-shadow .15s,filter .15s;flex:0 0 auto;}
.followup-save-btn:active{transform:scale(.96);filter:brightness(.95);}
.followup-calendar-check{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;color:#0f4a38;min-width:0;}
.followup-calendar-check span{min-width:0;overflow-wrap:anywhere;}
.followup-calendar-check input{width:16px;height:16px;accent-color:#0f4a38;}
.followup-google-btn{min-width:74px;font-size:12px;font-weight:900;background:#eef6ff;border-color:#bfdbfe;color:#1d4ed8;}
.cal-btn{background:#FEF9C3;border:1px solid #FDE047;border-radius:8px;padding:5px 8px;font-size:15px;cursor:pointer;line-height:1;flex-shrink:0;transition:background .12s,transform .1s;}
.cal-btn:hover{background:#FEF08A;}
.cal-btn:active{transform:scale(.9);}
@media(max-width:520px){
.followup-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;}
.followup-save-btn{grid-column:1/-1;width:100%;min-width:0;}
.followup-time-input{max-width:none;width:100%;flex:auto;}
}
/* ── PREMIUM COLORS FOR CURRENT SR START ── */
:root{
--premium-bg:#f6f8f4;
--premium-surface:#ffffff;
--premium-soft:#fbfcf8;
--premium-green:#0f4f38;
--premium-green-2:#176849;
--premium-green-soft:#e8f4ed;
--premium-gold:#c7a758;
--premium-gold-soft:#fff8e6;
--premium-text:#13231b;
--premium-muted:#65756c;
--premium-line:#e2e9df;
--premium-shadow:0 18px 48px rgba(26,54,40,.11);
--premium-shadow-soft:0 10px 26px rgba(26,54,40,.08);
}
body{
color:var(--premium-text);
background:
radial-gradient(circle at top left, rgba(199,167,88,.16), transparent 34rem),
linear-gradient(180deg,#fbfcf8 0%,var(--premium-bg) 42%,#eef5ef 100%);
}
.header{
background:rgba(255,255,255,.9)!important;
color:var(--premium-text)!important;
border-bottom:1px solid rgba(226,233,223,.86)!important;
box-shadow:0 12px 30px rgba(15,79,56,.06)!important;
backdrop-filter:blur(18px);
}
.lr-logo{
border-radius:16px!important;
background:linear-gradient(145deg,#fff,#edf6ef)!important;
border:1px solid var(--premium-line)!important;
box-shadow:0 8px 24px rgba(15,79,56,.12)!important;
}
.header-info h1{color:var(--premium-text)!important;letter-spacing:0!important;}
.header-info p{color:var(--premium-muted)!important;opacity:1!important;font-weight:800!important;}
.header-back,.header-coach,.header-cl,.header-admin,.header-sync,.top-menu summary,.mobile-admin-btn{
min-height:40px!important;
border:1px solid var(--premium-line)!important;
border-radius:999px!important;
background:#fff!important;
color:var(--premium-green)!important;
box-shadow:0 8px 18px rgba(15,79,56,.06)!important;
font-weight:850!important;
}
.mobile-admin-btn{
width:40px!important;
height:40px!important;
align-items:center!important;
justify-content:center!important;
text-decoration:none!important;
font-size:17px!important;
padding:0!important;
}
.header-cl{display:inline-flex!important;}
.cl-dot{border-color:#fff!important;}
.menu-sheet{
border:1px solid var(--premium-line)!important;
border-radius:18px!important;
box-shadow:var(--premium-shadow)!important;
}
.menu-sheet a,.menu-sheet button{color:var(--premium-green)!important;}
.hero-card{
background:
linear-gradient(135deg,rgba(255,255,255,.13),transparent 34%),
linear-gradient(135deg,#0f4f38 0%,#176849 54%,#0b3326 100%)!important;
border-radius:24px!important;
box-shadow:0 24px 62px rgba(15,79,56,.24)!important;
}
.premium-welcome,
.premium-quick-actions,
.premium-tasks{
margin:14px 16px 0;
}
.premium-welcome{
display:block;
padding:0;
}
.premium-welcome p{
margin:0;
padding:12px 14px;
border:1px solid rgba(199,167,88,.28);
border-radius:18px;
background:rgba(255,248,230,.72);
color:#725718;
font-size:14px;
font-weight:850;
box-shadow:0 8px 18px rgba(199,167,88,.08);
}
.premium-quick-actions{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
}
.premium-quick-actions button,
.premium-quick-actions a{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:6px;
min-height:108px;
padding:14px;
border:1px solid var(--premium-line);
border-radius:20px;
background:linear-gradient(180deg,#fff,var(--premium-soft));
color:var(--premium-text);
box-shadow:0 8px 18px rgba(15,79,56,.06);
text-align:left;
text-decoration:none;
transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.premium-quick-actions span{
width:32px;
height:32px;
display:grid;
place-items:center;
border-radius:12px;
background:var(--premium-green-soft);
color:var(--premium-green);
font-weight:950;
}
.premium-quick-actions strong{
font-size:14px;
line-height:1.16;
font-weight:950;
}
.premium-quick-actions small{
color:var(--premium-muted);
font-size:12px;
font-weight:750;
}
.premium-tasks{
padding:18px;
border:1px solid rgba(226,233,223,.92);
border-radius:22px;
background:rgba(255,255,255,.94);
box-shadow:var(--premium-shadow-soft);
}
.premium-task-list{display:grid;gap:10px;}
.premium-task-list label{
display:flex;
align-items:center;
gap:10px;
min-height:48px;
padding:12px;
border:1px solid var(--premium-line);
border-radius:16px;
background:var(--premium-soft);
color:var(--premium-text);
font-weight:850;
}
.premium-task-list input{width:20px;height:20px;accent-color:var(--premium-green);}
.premium-tasks .section-label{align-items:center;}
.daily-tasks-toggle{
margin-left:auto;
align-self:center;
border:1px solid rgba(214,173,75,.34);
border-radius:999px;
background:rgba(255,253,248,.9);
color:#0f4a38;
min-height:34px;
padding:7px 12px;
font-size:12px;
font-weight:900;
cursor:pointer;
box-shadow:0 8px 18px rgba(8,60,47,.08);
}
.premium-tasks.is-collapsed{
grid-template-columns:1fr;
padding-top:12px;
padding-bottom:12px;
}
.premium-tasks.is-collapsed .premium-tasks-head,
.premium-tasks.is-collapsed .premium-task-list{display:none!important;}
.premium-tasks.is-collapsed .section-label{margin-bottom:0;}
.section,.next-card,.export-card,.goals-wrap .goals-invite,.goals-wrap .goals-editor,.accordion-card,.progress-block,.contacts-list{
border-color:rgba(226,233,223,.92)!important;
box-shadow:var(--premium-shadow-soft)!important;
}
.section-icon{
background:var(--premium-green-soft)!important;
color:var(--premium-green)!important;
}
.section-title,.next-card h3,.export-title{color:var(--premium-text)!important;letter-spacing:0!important;}
.section-sub,.starter-copy,.export-sub,.next-card p{color:var(--premium-muted)!important;}
.section-why{
border-color:rgba(199,167,88,.28)!important;
background:var(--premium-gold-soft)!important;
color:#725718!important;
}
.stat-card,.quick-entry-card,.contact-card,.social-accordion,.help-template,.fav-section{
border-color:var(--premium-line)!important;
background:linear-gradient(180deg,#fff,var(--premium-soft))!important;
}
.quick-entry-accordion .accordion-toggle{
background:linear-gradient(135deg,var(--premium-green),var(--premium-green-2))!important;
box-shadow:0 16px 34px rgba(15,79,56,.2)!important;
}
.promotions-accordion .accordion-toggle{
background:linear-gradient(180deg,#fff,var(--premium-soft))!important;
border-radius:18px!important;
}
.name-input,.quick-select,.search-input,.activity-input,.fav-search-row,.status-result-text,.status-result-date{
border-color:var(--premium-line)!important;
border-radius:16px!important;
box-shadow:none!important;
}
.name-input:focus,.quick-select:focus,.search-input:focus,.activity-input:focus{
border-color:rgba(15,79,56,.52)!important;
box-shadow:0 0 0 4px rgba(15,79,56,.08)!important;
}
.btn-add,.export-btn,.btn-copy,.goals-save-btn,.status-result-save,.action-banner-cta{
background:linear-gradient(135deg,var(--premium-green),var(--premium-green-2))!important;
color:#fff!important;
}
.btn-phone-import{
border:1px solid rgba(199,167,88,.35)!important;
border-radius:18px!important;
background:linear-gradient(180deg,#fffaf0,#fff)!important;
color:#725718!important;
box-shadow:0 8px 18px rgba(199,167,88,.1)!important;
}
.btn-phone-import-icon{background:var(--premium-gold-soft)!important;border-radius:14px!important;}
.ftab,.sort-btn,.mob-filter-btn{
border-color:var(--premium-line)!important;
background:#fff!important;
color:var(--premium-muted)!important;
font-weight:900!important;
box-shadow:0 6px 14px rgba(15,79,56,.05)!important;
}
.ftab.active,.sort-btn.active{
background:var(--premium-green)!important;
border-color:var(--premium-green)!important;
color:#fff!important;
}
.search-mode-toggle,.crow-chev{
background:var(--premium-green-soft)!important;
color:var(--premium-green)!important;
}
.crow-chev.open{background:var(--premium-green)!important;color:#fff!important;}
.contact-card.is-expanded{
border-color:rgba(15,79,56,.32)!important;
box-shadow:0 14px 30px rgba(15,79,56,.12)!important;
}
.contacts-list .contact-card.is-pinned{
margin:8px!important;
border:1px solid rgba(199,167,88,.44)!important;
border-left:5px solid var(--premium-gold)!important;
border-radius:18px!important;
background:linear-gradient(180deg,#fffaf0,#fff)!important;
box-shadow:0 12px 28px rgba(120,88,24,.12)!important;
}
.contacts-list .contact-card.is-pinned + .contact-card{
border-top:1px solid var(--premium-line)!important;
}
.contact-card.is-pinned .crow{
padding-left:12px!important;
}
.contact-card.is-pinned .pin-btn.pin-active{
background:var(--premium-gold-soft)!important;
border-color:var(--premium-gold)!important;
box-shadow:0 6px 14px rgba(199,167,88,.18)!important;
}
.pinned-group{
margin:10px 8px 14px!important;
border:1px solid rgba(215,168,77,.44)!important;
border-radius:20px!important;
background:linear-gradient(180deg,#FFF7DF,#fff)!important;
box-shadow:0 16px 38px rgba(142,105,36,.14)!important;
overflow:hidden!important;
}
.pinned-group-head{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:10px!important;
padding:9px 12px!important;
background:rgba(255,245,217,.78)!important;
color:#7B5A16!important;
border-bottom:1px solid rgba(215,168,77,.32)!important;
font-size:13px!important;
font-weight:800!important;
}
.pinned-group-head strong{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
min-width:26px!important;
height:24px!important;
border-radius:999px!important;
background:#F59E0B!important;
color:#fff!important;
font-size:12px!important;
}
.pinned-group .contact-card{border-bottom-color:#FDE68A!important;}
.pinned-group .contact-card:last-child{border-bottom:none!important;}
.contacts-list .contact-card.is-expanded{
position:relative!important;
z-index:820!important;
overflow:visible!important;
border-color:var(--premium-line)!important;
outline:1px solid rgba(0,0,0,.78)!important;
outline-offset:2px!important;
}
.contacts-list:has(.contact-card.is-expanded)::before{
content:"";
position:fixed;
inset:0;
z-index:810;
background:rgba(15,23,18,.34);
pointer-events:none;
backdrop-filter:blur(1.5px);
}
.pinned-popup-overlay{
z-index:12020!important;
background:rgba(19,35,27,.52)!important;
}
.pinned-popup-sheet{
border:1px solid rgba(226,233,223,.96)!important;
background:linear-gradient(180deg,#fff,#fbfcf8)!important;
box-shadow:0 24px 70px rgba(19,35,27,.28)!important;
}
.pinned-popup-head{
background:linear-gradient(180deg,#fffaf0,#fff)!important;
border-bottom:1px solid rgba(199,167,88,.22)!important;
}
.pinned-popup-title{color:var(--premium-text)!important;}
.ppp-row{
margin:8px 4px!important;
border:1px solid var(--premium-line)!important;
border-radius:16px!important;
background:#fff!important;
box-shadow:0 8px 18px rgba(15,79,56,.06)!important;
}
.ppp-row.ppp-due{
border-color:rgba(199,167,88,.34)!important;
background:linear-gradient(180deg,#fffaf0,#fff)!important;
}
.ppp-btn-open{
background:var(--premium-green-soft)!important;
color:var(--premium-green)!important;
}
.btn-next{border-radius:16px!important;font-weight:950!important;}
.btn-next-coach{background:var(--premium-green)!important;color:#fff!important;}
.btn-next-outline,.export-btn-secondary{
border:1px solid var(--premium-line)!important;
background:#fff!important;
color:var(--premium-green)!important;
}
.premium-bottom-nav{
position:fixed;
left:10px;
right:10px;
bottom:10px;
z-index:760;
display:none;
grid-template-columns:repeat(4,1fr);
gap:4px;
padding:8px;
border:1px solid rgba(226,233,223,.9);
border-radius:24px;
background:rgba(255,255,255,.93);
box-shadow:0 16px 38px rgba(15,79,56,.14);
backdrop-filter:blur(18px);
}
.premium-bottom-nav a,.premium-bottom-nav button{
min-width:0;
min-height:50px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:2px;
border:0;
border-radius:17px;
background:transparent;
color:var(--premium-muted);
font-size:11px;
font-weight:850;
text-decoration:none;
}
.premium-bottom-nav a.active,.premium-bottom-nav button.active{
background:var(--premium-green-soft);
color:var(--premium-green);
box-shadow:inset 0 0 0 1px rgba(15,79,56,.12);
}
.premium-bottom-nav span{font-size:17px;line-height:1;}
.news-nav-link{position:relative}
.news-nav-badge{
position:absolute;
top:3px;
right:14px;
min-width:18px;
height:18px;
padding:0 5px;
border-radius:999px;
background:#dc2626;
color:#fff;
font-size:10px!important;
font-weight:900;
line-height:18px!important;
text-align:center;
box-shadow:0 0 0 2px #fff;
}
@media(max-width:640px){
body{padding-bottom:108px;}
.premium-bottom-nav{display:grid;}
.header-sync{display:none!important;}
.header-top{gap:8px;}
.header-brand{min-width:0;}
.header-info h1{font-size:15px!important;}
.header-info p{font-size:10px!important;}
.header-cl,.header-sync,.top-menu summary,.mobile-admin-btn{width:40px!important;height:40px!important;padding:0!important;}
.top-menu[style*="display: none"]{display:none!important;}
.premium-welcome{display:block;margin-top:14px;}
.premium-quick-actions{gap:9px;}
.premium-quick-actions button,
.premium-quick-actions a{
min-height:108px;
padding:12px;
}
.premium-tasks{padding:16px;border-radius:20px;}
.premium-bottom-nav{
left:0!important;
right:0!important;
bottom:0!important;
border-left:0!important;
border-right:0!important;
border-bottom:0!important;
border-radius:22px 22px 0 0!important;
padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;
}
.scroll-top-btn{
bottom:88px!important;
right:14px!important;
z-index:780!important;
width:auto!important;
min-width:58px!important;
height:40px!important;
gap:3px!important;
padding:0 10px!important;
border:1px solid rgba(15,79,56,.18)!important;
border-radius:999px!important;
background:rgba(255,255,255,.96)!important;
color:var(--premium-green)!important;
box-shadow:0 12px 28px rgba(15,79,56,.18)!important;
font-size:11px!important;
font-weight:900!important;
}
.scroll-top-btn::after{content:"Vrh";}
.goal-toast{
bottom:calc(126px + env(safe-area-inset-bottom,0px))!important;
max-width:calc(100vw - 32px)!important;
z-index:790!important;
}
.milestone-toast{
bottom:calc(136px + env(safe-area-inset-bottom,0px))!important;
max-width:calc(100vw - 32px)!important;
white-space:normal!important;
text-align:center!important;
z-index:790!important;
}
.export-card{margin-bottom:18px!important;}
}
@media(min-width:641px){
.premium-bottom-nav{display:none!important;}
.premium-quick-actions{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(min-width:1100px){
.premium-quick-actions{grid-template-columns:repeat(6,minmax(0,1fr));}
.premium-quick-actions button,
.premium-quick-actions a{min-height:118px;}
}
/* ── Pregled dashboard: isti izgled kao Statistika Aktivitas dashboard ── */
.stats-grid{
gap:12px!important;
align-items:stretch!important;
}
.stats-grid .stat-card{
position:relative!important;
overflow:hidden!important;
min-height:128px!important;
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
justify-content:space-between!important;
text-align:left!important;
padding:16px!important;
border:1px solid rgba(226,233,223,.92)!important;
border-radius:20px!important;
background:linear-gradient(180deg,#fff,var(--premium-soft))!important;
color:var(--premium-text)!important;
box-shadow:0 12px 28px rgba(15,79,56,.08)!important;
}
.stats-grid .stat-card::before{
content:"";
position:absolute;
left:0;
top:14px;
width:5px;
height:52px;
border-radius:0 999px 999px 0;
background:var(--premium-green);
}
.stats-grid .stat-card::after{
content:"";
position:absolute;
right:-28px;
bottom:-32px;
width:92px;
height:92px;
border-radius:50%;
background:rgba(15,79,56,.06);
pointer-events:none;
}
.stats-grid .stat-card:hover{
border-color:rgba(15,79,56,.22)!important;
box-shadow:0 16px 36px rgba(15,79,56,.12)!important;
transform:translateY(-2px)!important;
}
.stats-grid .stat-card:active{
transform:translateY(0) scale(.98)!important;
}
.stats-grid .stat-card-active{
background:linear-gradient(180deg,#fff,#eef7f1)!important;
border-color:rgba(15,79,56,.34)!important;
box-shadow:0 18px 38px rgba(15,79,56,.15)!important;
}
.stats-grid .stat-num{
position:relative;
z-index:1;
color:var(--premium-text)!important;
font-size:40px!important;
line-height:.95!important;
font-weight:950!important;
letter-spacing:0!important;
font-variant-numeric:tabular-nums;
}
.stats-grid .stat-label{
position:relative;
z-index:1;
margin-top:10px!important;
color:var(--premium-muted)!important;
font-size:12px!important;
line-height:1.25!important;
font-weight:900!important;
}
.stats-grid .stat-total::before,
.stats-grid .stat-customers::before,
.stats-grid .stat-partners::before{background:var(--premium-green)!important;}
.stats-grid .stat-new::before{background:#64748b!important;}
.stats-grid .stat-active::before,
.stats-grid .stat-due::before{background:var(--premium-gold)!important;}
.stats-grid .stat-neznaLR::before{background:#c2410c!important;}
.stats-grid .stat-promo-favorites::before{background:var(--premium-green-2)!important;}
@media(max-width:640px){
.stats-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:10px!important;
}
.stats-grid .stat-card{
min-height:104px!important;
padding:12px!important;
border-radius:18px!important;
}
.stats-grid .stat-card::before{
top:12px;
height:42px;
}
.stats-grid .stat-card::after{
width:78px;
height:78px;
right:-30px;
bottom:-34px;
}
.stats-grid .stat-num{
font-size:30px!important;
}
.stats-grid .stat-label{
font-size:10.5px!important;
margin-top:8px!important;
overflow-wrap:anywhere;
}
}
/* ── Premium contacts UX po priloženom mockup-u ── */
.contacts-premium-head{
position:relative;
overflow:hidden;
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:18px;
margin:0 0 18px;
padding:28px 24px 32px;
border-radius:24px 24px 28px 28px;
background:
radial-gradient(circle at 82% 18%,rgba(255,255,255,.12),transparent 170px),
linear-gradient(135deg,#083c2f,#0f4a38 58%,#176849);
color:#fff;
box-shadow:0 18px 42px rgba(8,60,47,.2);
}
.contacts-premium-head::after{
content:"";
position:absolute;
left:-5%;
right:-5%;
bottom:-22px;
height:44px;
border-radius:50% 50% 0 0;
background:linear-gradient(90deg,#d6ad4b,#f8dd8a,#d6ad4b);
opacity:.9;
}
.contacts-premium-head h2{position:relative;z-index:1;margin:0;font-size:31px;line-height:1;font-weight:900;letter-spacing:0;}
.contacts-premium-head p{position:relative;z-index:1;margin:8px 0 0;color:rgba(255,255,255,.86);font-size:15px;line-height:1.35;font-weight:700;}
.contacts-premium-actions{position:relative;z-index:1;display:flex;gap:12px;align-items:center;}
.contacts-head-btn{width:48px;height:48px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.1);color:#fff;font-size:31px;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 22px rgba(0,0,0,.16);backdrop-filter:blur(12px);}
.contacts-head-search svg{width:21px;height:21px;display:block;stroke:#fff;}
.contacts-head-add{background:linear-gradient(135deg,#f7d879,#d6ad4b);color:#083c2f;border-color:rgba(214,173,75,.5);}
@media(max-width:640px){.contacts-premium-head{gap:10px;}.contacts-premium-head p{display:none;}.contacts-premium-actions{gap:8px;}#contactAddHost .btn-phone-import{display:flex!important;}.contact-tools-body .btn-phone-import{display:flex!important;}}
.contact-ui-overlay{position:fixed;inset:0;z-index:9900;display:none;align-items:flex-start;justify-content:center;padding:84px 14px 18px;background:rgba(8,26,20,.38);backdrop-filter:blur(3px);}
.contact-ui-overlay.open{display:flex;}
.contact-ui-sheet{width:min(620px,100%);max-height:min(78vh,720px);overflow:auto;-webkit-overflow-scrolling:touch;border:1px solid #e8d9b8;border-radius:24px;background:linear-gradient(180deg,#fffdf8,#faf6ee);box-shadow:0 24px 60px rgba(8,60,47,.22);}
.contact-ui-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:18px 18px 12px;background:linear-gradient(180deg,#fffdf8,#fffaf1);border-bottom:1px solid rgba(232,217,184,.82);}
.contact-ui-head strong{display:block;font-size:18px;color:#083c2f;line-height:1.15;}
.contact-ui-head small{display:block;margin-top:4px;color:#65756c;font-weight:700;line-height:1.35;}
.contact-ui-head button{width:34px;height:34px;border:1px solid #e8d9b8;border-radius:999px;background:#fff;color:#0f4a38;font-weight:900;cursor:pointer;}
.contact-ui-footer{display:flex;gap:10px;justify-content:flex-end;padding:12px 18px 18px;border-top:1px solid rgba(232,217,184,.7);}
.contact-ui-primary,.contact-ui-ghost{min-height:42px;border-radius:999px;padding:0 18px;font-weight:900;cursor:pointer;}
.contact-ui-primary{border:none;background:linear-gradient(135deg,#083c2f,#0f4a38);color:#fff;}
.contact-ui-ghost{border:1px solid #e8d9b8;background:#fff;color:#0f4a38;}
#contactAddHost .btn-phone-import{display:flex!important;}
#contactAddHost .quick-entry-accordion,#contactAddHost .quick-entry-card,#contactSearchHost .search-wrap,#contactSearchHost .filter-tabs-wrap,#contactSearchHost .sort-bar{margin:0!important;box-shadow:none!important;}
#contactAddHost .quick-entry-accordion{border:0!important;background:transparent!important;}
#contactAddHost .quick-entry-accordion .accordion-toggle{display:none!important;}
#contactAddHost #quickEntryPanel{display:block!important;max-height:none!important;}
#contactAddHost .quick-entry-card{border:0!important;background:transparent!important;padding:16px 18px 18px!important;}
#contactSearchHost{display:grid;gap:14px;padding:16px 18px 4px;}
#contactSearchHost .filter-tabs-wrap{display:block!important;}
#contactSearchHost .filter-tabs,#contactSearchHost .sort-bar{display:flex!important;flex-wrap:wrap;gap:8px;}
#contactSearchHost .mob-filter-bar{display:none!important;}
#contactSearchHost .search-input-row{border-color:#e8d9b8!important;border-radius:18px!important;box-shadow:0 8px 18px rgba(8,60,47,.06)!important;}
.contacts-list{background:#fffdf8!important;border-color:#e8d9b8!important;border-radius:24px!important;box-shadow:0 16px 40px rgba(8,60,47,.08)!important;}
.contacts-list .contact-card{background:#fffdf8!important;border-left:none!important;border-bottom:1px solid rgba(232,217,184,.78)!important;}
.crow{min-height:74px!important;padding:13px 18px!important;gap:13px!important;}
.crow-av{width:50px!important;height:50px!important;box-shadow:inset 0 0 0 1px rgba(214,173,75,.22);}
.crow-name,.crow-name .contact-name{color:#13231b!important;font-weight:850!important;}
.crow-sub .mini-badge{background:#f4efe4!important;border-color:transparent!important;color:#33443a!important;}
.crow-prio{display:none!important;}
.contact-card:not(.is-expanded) .pin-btn{display:none!important;}
.pin-btn{background:#e8f4ed!important;border-color:rgba(15,74,56,.2)!important;color:#0f4a38!important;opacity:1!important;filter:none!important;}
.pin-btn.pin-active{background:linear-gradient(135deg,#e8f4ed,#fff8e6)!important;border-color:#d6ad4b!important;color:#083c2f!important;box-shadow:0 8px 18px rgba(15,74,56,.12)!important;}
.card-hicons-dsk{display:none!important;}
.card-mob-wrap{display:inline-flex!important;}
.card-mob-btn{width:38px!important;height:38px!important;padding:0!important;border:1px solid rgba(15,74,56,.18)!important;border-radius:999px!important;background:linear-gradient(135deg,#083c2f,#0f4a38)!important;color:#fff!important;box-shadow:0 10px 22px rgba(8,60,47,.18)!important;}
.card-mob-btn img{display:none!important;}
.card-mob-btn::before{content:"☏";font-size:20px;line-height:1;}
.phone-menu{border-color:#e8d9b8!important;border-radius:18px!important;background:#fffdf8!important;box-shadow:0 18px 42px rgba(8,60,47,.18)!important;}
.phone-menu a{color:#0f4a38!important;border-bottom-color:rgba(232,217,184,.72)!important;font-weight:850!important;}
.crow-chev{width:38px!important;height:38px!important;background:#fffdf8!important;border:1px solid rgba(232,217,184,.9)!important;color:#0f4a38!important;box-shadow:0 8px 18px rgba(8,60,47,.08);}
.crow-chev.open{background:#e8f4ed!important;color:#0f4a38!important;}
.contacts-list .contact-card.is-expanded{position:fixed!important;z-index:920!important;left:50%!important;top:46px!important;bottom:22px!important;width:min(520px,calc(100vw - 24px))!important;transform:translateX(-50%)!important;overflow:auto!important;margin:0!important;border:1px solid #e8d9b8!important;border-radius:28px!important;background:linear-gradient(180deg,#fffdf8,#faf6ee)!important;box-shadow:0 28px 70px rgba(8,60,47,.28)!important;outline:none!important;}
.contact-card.is-expanded .crow{position:relative;display:grid!important;grid-template-columns:1fr auto auto;justify-items:center;padding:32px 18px 24px!important;background:radial-gradient(circle at 50% 0,rgba(214,173,75,.14),transparent 210px),linear-gradient(180deg,#fffdf8,#fffaf1)!important;border-bottom:1px solid rgba(232,217,184,.72);}
.contact-card.is-expanded .crow-av{grid-column:1 / -1;width:104px!important;height:104px!important;font-size:38px!important;margin-bottom:14px;border:1px solid #d6ad4b;background:#faf6ee!important;color:#0f4a38!important;}
.contact-card.is-expanded .crow-info{grid-column:1 / -1;text-align:center;}
.contact-card.is-expanded .crow-name{justify-content:center;font-size:28px!important;color:#0f4a38!important;}
.contact-card.is-expanded .crow-sub{justify-content:center;margin-top:10px;}
.contact-card.is-expanded .crow-end{grid-column:1 / -1;margin-top:18px;justify-content:center;gap:12px;}
.contact-card.is-expanded .pin-btn{display:inline-flex!important;width:auto!important;min-width:140px;height:48px!important;padding:0 20px!important;gap:8px;border-radius:999px!important;font-size:16px!important;}
.contact-card.is-expanded .pin-btn::after{content:"Zakači";font-size:14px;font-weight:900;}
.contact-card.is-expanded .crow-chev{position:absolute;right:16px;top:16px;transform:rotate(180deg)!important;}
.contact-card.is-expanded .crow-expand{display:block!important;padding:14px 18px 18px;}
.contact-card.is-expanded .social-accordion{border-color:rgba(232,217,184,.82)!important;border-radius:18px!important;background:#fffdf8!important;box-shadow:0 10px 24px rgba(8,60,47,.06)!important;margin-bottom:12px;}
.contact-card.is-expanded .social-acc-toggle{min-height:62px;color:#13231b!important;}
.contact-card.is-expanded .contact-meta{padding:12px 0 0;}
.contact-card.is-expanded .meta-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important;}
.contact-card.is-expanded .btn-icon-share{grid-column:1 / -1;min-height:54px;border-radius:16px!important;background:linear-gradient(135deg,#083c2f,#0f4a38)!important;color:#fff!important;justify-content:center;}
.contact-card.is-expanded .btn-delete{color:#b91c1c!important;border-color:#fecaca!important;background:#fff!important;}
@media(max-width:640px){
.contacts-premium-head{margin-left:-4px;margin-right:-4px;padding:26px 22px 31px;border-radius:24px 24px 26px 26px;}
.contacts-premium-head h2{font-size:30px;}
.contact-ui-overlay{padding-top:70px;padding-left:10px;padding-right:10px;}
.contact-ui-sheet{max-height:calc(100dvh - 92px);border-radius:22px;}
.contacts-list .contact-card.is-expanded{top:10px!important;bottom:calc(86px + env(safe-area-inset-bottom,0px))!important;width:calc(100vw - 18px)!important;border-radius:26px!important;}
.contact-card.is-expanded .crow{padding-top:28px!important;}
.contact-card.is-expanded .crow-name{font-size:24px!important;}
.contact-card.is-expanded .meta-actions{grid-template-columns:1fr!important;}
}
/* ── FINAL OVERRIDE: premium dashboard/contact polish mora da pobedi kaskadu ── */
.premium-welcome,.premium-tasks,.goals-wrap .goals-invite,.goals-wrap .goals-editor,
.accordion-toggle,.quick-entry-card,.promotions-accordion,.export-card,.next-card,
.daily-quote,.contacts-list,.filter-tabs-wrap,.sort-bar,.search-wrap{
border-color:rgba(232,217,184,.82)!important;
background:radial-gradient(circle at 100% 0,rgba(214,173,75,.08),transparent 150px),linear-gradient(180deg,#fffdf8,#faf6ee)!important;
box-shadow:0 14px 34px rgba(8,60,47,.08)!important;
}
.section-label{padding:14px 16px!important;border:1px solid rgba(232,217,184,.78)!important;border-radius:20px!important;background:linear-gradient(180deg,#fffdf8,#faf6ee)!important;box-shadow:0 12px 28px rgba(8,60,47,.07)!important;}
.section-icon{background:linear-gradient(135deg,#e8f4ed,#fff7df)!important;color:#0f4a38!important;border:1px solid rgba(214,173,75,.26)!important;}
.hero-card,.premium-tasks-head,.next-card{background:radial-gradient(circle at 92% 8%,rgba(255,255,255,.14),transparent 180px),linear-gradient(135deg,#083c2f,#0f4a38 58%,#176849)!important;box-shadow:0 20px 44px rgba(8,60,47,.20)!important;}
.btn-next,.hero-cta,.export-btn,.type-btn,.status-btn,.help-btn,.contact-ui-primary,.contact-ui-ghost,.meta-actions button,.meta-actions a{min-height:44px!important;border-radius:999px!important;font-weight:900!important;}
.contacts-list:has(.contact-card.is-expanded)::before{background:rgba(8,26,20,.22)!important;backdrop-filter:none!important;}
.contacts-list .contact-card.is-expanded{width:min(500px,calc(100vw - 28px))!important;border:1px solid rgba(232,217,184,.95)!important;background:#fffdf8!important;box-shadow:0 28px 74px rgba(8,60,47,.30)!important;}
.contact-card.is-expanded .crow{padding:24px 18px 20px!important;background:radial-gradient(circle at 50% -10%,rgba(214,173,75,.16),transparent 180px),linear-gradient(180deg,#fffdf8,#fffaf1)!important;}
.contact-card.is-expanded .crow-av{width:88px!important;height:88px!important;font-size:32px!important;margin-bottom:12px!important;}
.contact-card.is-expanded .crow-name{font-size:25px!important;line-height:1.12!important;}
.contact-card.is-expanded .crow-sub{margin-top:8px!important;}
.contact-card.is-expanded .crow-end{width:min(360px,100%)!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin-top:16px!important;}
.contact-card.is-expanded .card-hicons,.contact-card.is-expanded .card-mob-wrap{display:flex!important;width:100%!important;}
.contact-card.is-expanded .card-mob-btn,.contact-card.is-expanded .pin-btn{width:100%!important;min-width:0!important;height:48px!important;padding:0 14px!important;border-radius:999px!important;justify-content:center!important;gap:8px!important;font-size:16px!important;}
.contact-card.is-expanded .card-mob-btn::after{content:"Kontakt";font-size:14px;font-weight:900;}
.contact-card.is-expanded .social-accordion{border-radius:20px!important;background:#fffdf8!important;}
.contact-card.is-expanded .social-acc-toggle{min-height:58px!important;}
.contact-card.is-expanded .meta-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
.contact-card.is-expanded .meta-actions > *{width:100%!important;min-width:0!important;justify-content:center!important;text-align:center!important;}
.contact-card.is-expanded .btn-icon-share{grid-column:1 / -1!important;background:linear-gradient(135deg,#083c2f,#0f4a38)!important;}
.pinned-group{border-color:rgba(214,173,75,.56)!important;background:linear-gradient(180deg,#fffdf8,#fff7df)!important;box-shadow:0 16px 38px rgba(8,60,47,.09)!important;}
.pinned-group-head{background:linear-gradient(135deg,#fff8df,#f6e7b9)!important;color:#785510!important;}
.pinned-group-head strong{background:linear-gradient(135deg,#0f4a38,#083c2f)!important;color:#fff!important;}
@media(max-width:640px){
.contacts-list .contact-card.is-expanded{top:8px!important;width:calc(100vw - 14px)!important;background:#fffdf8!important;}
.contact-card.is-expanded .crow{padding:20px 14px 17px!important;}
.contact-card.is-expanded .crow-av{width:74px!important;height:74px!important;font-size:28px!important;margin-bottom:10px!important;}
.contact-card.is-expanded .crow-name{font-size:22px!important;}
.contact-card.is-expanded .crow-end{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-top:14px!important;}
.contact-card.is-expanded .card-mob-btn,.contact-card.is-expanded .pin-btn{min-height:46px!important;height:46px!important;padding:0 10px!important;font-size:15px!important;}
.contact-card.is-expanded .card-mob-btn::after,.contact-card.is-expanded .pin-btn::after{font-size:13px!important;}
.contact-card.is-expanded .meta-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.contact-card.is-expanded .btn-icon-share{grid-column:1 / -1!important;}
}
/* FINAL MOBILE FIX 20260503: top dugme + gold kontakt ikonice */
@media(max-width:1024px){
.scroll-top-btn,
#scrollTopBtn{
left:50%!important;
right:auto!important;
bottom:calc(102px + env(safe-area-inset-bottom,0px))!important;
width:46px!important;
min-width:46px!important;
max-width:46px!important;
height:46px!important;
min-height:46px!important;
padding:0!important;
border-radius:999px!important;
transform:translateX(-50%)!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
background:linear-gradient(135deg,#083c2f,#0f4a38)!important;
color:#fff!important;
border:1px solid rgba(214,173,75,.44)!important;
box-shadow:0 14px 30px rgba(8,60,47,.26)!important;
z-index:9998!important;
}
.scroll-top-btn.visible,
#scrollTopBtn.visible{transform:translateX(-50%)!important;}
.scroll-top-btn:active,
#scrollTopBtn:active{transform:translateX(-50%) scale(.94)!important;}
.scroll-top-btn svg,
#scrollTopBtn svg{display:none!important;}
.scroll-top-btn::after,
#scrollTopBtn::after{
content:"↑"!important;
display:block!important;
color:#fff!important;
font-size:26px!important;
font-weight:900!important;
line-height:1!important;
margin-top:-2px!important;
}
}
.contact-card:not(.is-expanded) .crow-av{
background:linear-gradient(135deg,#083c2f,#0f4a38)!important;
color:#d6ad4b!important;
border:1px solid rgba(214,173,75,.54)!important;
box-shadow:0 10px 22px rgba(8,60,47,.14),inset 0 0 0 1px rgba(214,173,75,.16)!important;
}
.contact-card:not(.is-expanded) .crow-av .crow-av-symbol{
color:#d6ad4b!important;
filter:sepia(1) saturate(4.2) hue-rotate(358deg) brightness(1.05)!important;
text-shadow:0 1px 0 rgba(0,0,0,.08)!important;
}
.pinned-group .contact-card.is-pinned .crow-av .crow-av-symbol{
color:#d6ad4b!important;
filter:sepia(1) saturate(4.2) hue-rotate(358deg) brightness(1.05)!important;
}
/* Jednaka gold boja avatar simbola, kao + dugme za dodavanje kontakta */
.contact-card:not(.is-expanded) .crow-av .crow-av-symbol,
.pinned-group .contact-card.is-pinned .crow-av .crow-av-symbol{
color:#f7d879!important;
-webkit-text-fill-color:#f7d879!important;
filter:none!important;
font-family:Arial,"Helvetica Neue",sans-serif!important;
font-weight:950!important;
text-shadow:0 1px 0 rgba(8,60,47,.24)!important;
}
.contact-card:not(.is-expanded) .crow-av{
color:#f7d879!important;
}
/* FINAL PREMIUM GREEN BUTTON RING */
.btn-icon-share,
.card-mob-btn,
.floating-filter-btn,
.scroll-top-btn,
#scrollTopBtn,
.contact-ui-primary,
.btn-add,
.hero-cta,
.btn-next,
.export-btn,
.goals-save-btn,
.status-result-save,
.action-banner-cta{
background:linear-gradient(135deg,#083c2f,#0f4a38)!important;
color:#fffdf8!important;
border:1px solid rgba(255,255,255,.78)!important;
box-shadow:
inset 0 0 0 1px rgba(255,255,255,.28),
inset 0 0 0 2px rgba(214,173,75,.16),
0 0 0 1px rgba(214,173,75,.26),
0 12px 26px rgba(8,60,47,.24)!important;
}
.btn-icon-share span,
.card-mob-btn span,
.floating-filter-btn span,
.scroll-top-btn span,
#scrollTopBtn span,
.contact-ui-primary span,
.btn-add span,
.hero-cta span,
.btn-next span,
.export-btn span,
.goals-save-btn span,
.status-result-save span,
.action-banner-cta span{
color:#fffdf8!important;
}
.btn-icon-share:active,
.card-mob-btn:active,
.floating-filter-btn:active,
.scroll-top-btn:active,
#scrollTopBtn:active,
.contact-ui-primary:active,
.btn-add:active,
.hero-cta:active,
.btn-next:active,
.export-btn:active,
.goals-save-btn:active,
.status-result-save:active,
.action-banner-cta:active{
filter:brightness(.96);
}
/* Dugme za vrh ostaje ispod otvorene kartice/popup prozora */
body:has(.contact-card.is-expanded) .scroll-top-btn,
body:has(.contact-card.is-expanded) #scrollTopBtn,
body:has(.contact-ui-overlay.open) .scroll-top-btn,
body:has(.contact-ui-overlay.open) #scrollTopBtn,
body:has(.pinned-popup-overlay[style*="flex"]) .scroll-top-btn,
body:has(.pinned-popup-overlay[style*="flex"]) #scrollTopBtn{
z-index:100!important;
opacity:0!important;
pointer-events:none!important;
}
/* Lebdeca pretraga prati kontakt header na mobilnom/tabletu */
.floating-search-btn{
display:none;
}
@media(max-width:1024px){
.floating-search-btn{
position:fixed!important;
right:14px!important;
bottom:calc(144px + env(safe-area-inset-bottom,0px))!important;
width:46px!important;
height:46px!important;
min-width:46px!important;
min-height:46px!important;
padding:0!important;
border-radius:999px!important;
border:1px solid rgba(214,173,75,.44)!important;
background:linear-gradient(135deg,#083c2f,#0f4a38)!important;
color:#fff!important;
box-shadow:0 14px 30px rgba(8,60,47,.26)!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
z-index:9998!important;
opacity:0;
pointer-events:none;
transform:translateY(8px) scale(.96);
transition:opacity .18s ease,transform .18s ease;
cursor:pointer;
}
.floating-search-btn.visible{
opacity:1;
pointer-events:auto;
transform:translateY(0) scale(1);
}
.floating-search-btn svg{width:21px!important;height:21px!important;stroke:#fff!important;}
.floating-filter-btn{
width:46px!important;
height:46px!important;
min-width:46px!important;
min-height:46px!important;
max-width:46px!important;
padding:0!important;
}
.floating-filter-btn svg{width:21px!important;height:21px!important;}
.floating-clear-filters-btn{
right:68px!important;
bottom:calc(98px + env(safe-area-inset-bottom,0px))!important;
width:34px!important;
height:34px!important;
min-width:34px!important;
min-height:34px!important;
font-size:22px!important;
}
.scroll-top-btn,
#scrollTopBtn{
width:38px!important;
min-width:38px!important;
max-width:38px!important;
height:38px!important;
min-height:38px!important;
}
.scroll-top-btn::after,
#scrollTopBtn::after{
font-size:21px!important;
margin-top:-1px!important;
}
}
@media(min-width:1025px){
.floating-search-btn{display:none!important;}
}
body:has(.contact-card.is-expanded) .floating-search-btn,
body:has(.contact-ui-overlay.open) .floating-search-btn,
body:has(.pinned-popup-overlay[style*="flex"]) .floating-search-btn{
z-index:100!important;
opacity:0!important;
pointer-events:none!important;
}
/* FINAL CONTACT FOOTER BUTTON FIX */
.contact-card.is-expanded .contact-meta{
width:100%!important;
}
.contact-card.is-expanded .meta-actions{
width:100%!important;
display:grid!important;
grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
gap:8px!important;
align-items:center!important;
}
.contact-card.is-expanded .meta-actions > *{
grid-column:auto!important;
width:100%!important;
min-width:0!important;
max-width:none!important;
height:44px!important;
min-height:44px!important;
padding:0 8px!important;
border-radius:999px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:5px!important;
font-size:12px!important;
line-height:1!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.contact-card.is-expanded .meta-actions .btn-icon-share{
justify-self:stretch!important;
background:linear-gradient(135deg,#083c2f,#0f4a38)!important;
color:#fffdf8!important;
border:1px solid rgba(255,255,255,.86)!important;
box-shadow:
inset 0 0 0 1px rgba(255,255,255,.34),
inset 0 0 0 2px rgba(214,173,75,.15),
0 0 0 1px rgba(214,173,75,.28),
0 12px 24px rgba(8,60,47,.22)!important;
}
.contact-card.is-expanded .meta-actions .btn-icon-share span{
min-width:0!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
}
@media(max-width:430px){
.contact-card.is-expanded .meta-actions{
grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
gap:6px!important;
}
.contact-card.is-expanded .meta-actions > *{
height:42px!important;
min-height:42px!important;
padding:0 6px!important;
font-size:11px!important;
}
}
/* FINAL CONTACT AVATAR UPLOAD */
.contact-avatar-img{
width:100%!important;
height:100%!important;
display:block!important;
object-fit:cover!important;
border-radius:inherit!important;
}
.avatar-actions{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:14px!important;
margin:0 0 14px!important;
padding:14px!important;
border:1px solid rgba(214,173,75,.28)!important;
border-radius:18px!important;
background:linear-gradient(135deg,#fffdf8,#faf6ee)!important;
box-shadow:0 14px 32px rgba(15,74,56,.08)!important;
}
.avatar-actions-copy{
display:flex!important;
flex-direction:column!important;
gap:3px!important;
min-width:0!important;
}
.avatar-actions-copy strong{
color:#083c2f!important;
font-size:14px!important;
font-weight:850!important;
}
.avatar-actions-copy span{
color:#66736b!important;
font-size:12px!important;
line-height:1.35!important;
}
/* Daily Action Dashboard v1 */
.daily-action-dashboard{
margin:16px 16px 0;
padding:14px;
border:1px solid rgba(232,217,184,.86);
border-radius:24px;
background:linear-gradient(180deg,#fffdf8,#faf6ee);
box-shadow:0 18px 44px rgba(8,60,47,.11);
}
.daily-action-hero{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:12px;
align-items:stretch;
padding:16px;
border-radius:20px;
background:radial-gradient(circle at 94% 4%,rgba(247,220,126,.22),transparent 170px),linear-gradient(135deg,#083c2f,#0f4a38);
color:#fffdf8;
}
.daily-action-kicker{margin-bottom:6px;color:#f7dc7e;font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.daily-action-hero h2{margin:0;font-size:clamp(21px,4vw,31px);line-height:1.12;letter-spacing:0}
.daily-action-hero p{margin:8px 0 0;color:rgba(255,253,248,.82);font-size:13px;font-weight:700}
.daily-score-card{min-width:116px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(247,220,126,.42);border-radius:18px;background:rgba(255,253,248,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.daily-score-card span,.daily-score-card small{color:rgba(255,253,248,.82);font-size:11px;font-weight:900}
.daily-score-card strong{margin:3px 0;color:#fff;font-size:34px;line-height:1}
.daily-action-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}
.daily-metric{min-height:74px;border:1px solid rgba(232,217,184,.8);border-radius:18px;background:#fff;color:#083c2f;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;padding:10px 12px;text-align:left;box-shadow:0 10px 22px rgba(8,60,47,.06)}
button.daily-metric{cursor:pointer}
.daily-metric span{font-size:22px;font-weight:950;line-height:1}
.daily-metric small{color:#66756f;font-size:11px;font-weight:850}
.daily-action-main{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:10px;margin-top:10px}
.daily-action-mobile-toggle{display:none}
.daily-action-tasks,.daily-next-card,.daily-mentor-box{border:1px solid rgba(232,217,184,.78);border-radius:20px;background:#fff;padding:13px;box-shadow:0 10px 24px rgba(8,60,47,.06)}
.daily-action-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px;color:#083c2f}
.daily-action-section-head strong,.daily-next-card strong,.daily-mentor-box strong{font-size:15px;font-weight:950}
.daily-action-section-head span{border:1px solid rgba(214,173,75,.42);border-radius:999px;background:#fff8df;padding:4px 8px;font-size:11px;font-weight:950}
.daily-action-task{display:flex;align-items:center;gap:10px;min-height:44px;margin-top:7px;padding:9px 10px;border:1px solid #ecdfbd;border-radius:14px;background:#fffdf8;color:#334155;font-size:13px;font-weight:850}
.daily-action-task input{width:19px;height:19px;accent-color:#0f4a38;flex:0 0 auto}
.daily-action-task.is-done{color:#047857;border-color:#bbf7d0;background:#ecfdf5}
.daily-action-side{display:grid;gap:10px}
.daily-next-card p{margin:8px 0 12px;color:#475569;font-size:13px;font-weight:750}
.daily-action-buttons{display:flex;gap:8px;flex-wrap:wrap}
.daily-action-buttons button,.daily-action-buttons a{min-height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(232,217,184,.9);border-radius:999px;background:#fffdf8;color:#083c2f;padding:8px 12px;font-size:12px;font-weight:950;text-decoration:none;cursor:pointer}
.daily-action-buttons .daily-action-primary{border-color:transparent;background:linear-gradient(135deg,#083c2f,#0f4a38);color:#fffdf8}
.daily-mentor-box textarea{width:100%;margin:9px 0;border:1.5px solid #e8d9b8;border-radius:14px;padding:10px 11px;color:#14231d;background:#fffdf8;font:inherit;font-size:13px;resize:vertical}
@media(max-width:760px){
.daily-action-dashboard{margin:12px 10px 0;padding:10px;border-radius:21px}
.daily-action-hero{grid-template-columns:1fr;padding:14px;border-radius:18px}
.daily-score-card{min-height:78px;align-items:flex-start;padding:12px}
.daily-action-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
.daily-action-mobile-toggle{width:100%;min-height:48px;margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(214,173,75,.42);border-radius:16px;background:linear-gradient(135deg,#fffdf8,#fff8df);color:#083c2f;padding:10px 12px;font-size:13px;font-weight:950;text-align:left;box-shadow:0 10px 22px rgba(8,60,47,.06)}
.daily-action-mobile-toggle small{flex:0 0 auto;border-radius:999px;background:#0f4a38;color:#fffdf8;padding:6px 10px;font-size:11px;font-weight:950}
.daily-action-mobile-collapsed .daily-action-main{display:none}
.daily-action-main{grid-template-columns:1fr}
.daily-next-card > strong{display:none}
.daily-action-buttons{display:grid;grid-template-columns:1fr 1fr}
.daily-action-buttons .daily-action-primary{grid-column:1/-1}
}
.avatar-actions-buttons{
display:flex!important;
gap:8px!important;
flex-shrink:0!important;
}
.avatar-upload-btn,
.avatar-delete-btn{
min-height:38px!important;
border-radius:999px!important;
padding:0 14px!important;
font-weight:850!important;
cursor:pointer!important;
white-space:nowrap!important;
}
.avatar-upload-btn{
border:1px solid rgba(255,255,255,.82)!important;
outline:1px solid rgba(214,173,75,.36)!important;
background:linear-gradient(135deg,#083c2f,#0f4a38)!important;
color:#fffdf8!important;
box-shadow:inset 0 0 0 2px rgba(255,255,255,.2),0 10px 22px rgba(8,60,47,.18)!important;
}
.avatar-delete-btn{
border:1px solid rgba(220,38,38,.28)!important;
background:#fffdf8!important;
color:#b91c1c!important;
}
/* Header promotions popup */
.header-promos-btn{min-width:40px!important;height:40px!important;align-items:center!important;justify-content:center!important;border:1px solid rgba(214,173,75,.72)!important;border-radius:999px!important;background:linear-gradient(135deg,#fff8df,#fff)!important;color:#7c2d12!important;padding:0 12px!important;font-size:12px!important;font-weight:950!important;white-space:nowrap!important;cursor:pointer!important;box-shadow:0 8px 18px rgba(15,79,56,.08)!important;position:relative!important;isolation:isolate!important}
.header-promos-btn.has-promotions{animation:promoPulse 1.9s ease-in-out infinite}
.header-promos-btn.has-promotions::after{content:"";position:absolute;inset:-4px;border-radius:999px;border:1px solid rgba(214,173,75,.55);animation:promoRing 1.9s ease-out infinite;pointer-events:none;z-index:-1}
@keyframes promoPulse{0%,100%{transform:translateY(0);box-shadow:0 8px 18px rgba(15,79,56,.08)}50%{transform:translateY(-1px);box-shadow:0 12px 26px rgba(214,173,75,.28)}}
@keyframes promoRing{0%{opacity:.72;transform:scale(.94)}100%{opacity:0;transform:scale(1.16)}}
.promotions-popup-overlay{z-index:12500!important;align-items:center;justify-content:center;padding:14px;background:rgba(15,23,42,.48)!important;backdrop-filter:blur(5px)}
.promotions-popup-sheet{width:min(760px,100%)!important;max-height:min(84vh,760px)!important;overflow:auto!important;border-radius:24px!important;background:linear-gradient(180deg,#f6fbf7,#fffdf8)!important;box-shadow:0 30px 90px rgba(8,60,47,.25)!important}
.promotions-popup-body{margin:0!important;gap:12px!important}
.promo-popup-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}
.promo-popup-summary div{min-height:86px;border:1px solid rgba(15,79,56,.16);border-radius:18px;background:#fff;display:flex;flex-direction:column;justify-content:center;padding:14px;box-shadow:0 12px 28px rgba(8,60,47,.08);position:relative;overflow:hidden}
.promo-popup-summary div::after{content:"";position:absolute;right:-16px;bottom:-28px;width:86px;height:86px;border-radius:999px;background:rgba(15,79,56,.07)}
.promo-popup-summary strong{font-size:34px;line-height:1;color:#083c2f;font-weight:950}
.promo-popup-summary span{margin-top:8px;color:#66756f;font-size:12px;font-weight:900}
.promo-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.promo-product-card{border:1px solid rgba(232,217,184,.86);border-radius:20px;background:#fff;box-shadow:0 14px 32px rgba(8,60,47,.08);padding:13px}
.promo-product-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}
.promo-product-card-head small{display:block;color:#b45309;font-size:10px;font-weight:950;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px}
.promo-product-card-head strong{display:block;color:#083c2f;font-size:15px;line-height:1.25;font-weight:950}
.promo-product-card-head > span{min-width:34px;height:34px;border-radius:999px;background:#0f4a38;color:#fffdf8;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:950;box-shadow:0 8px 18px rgba(15,79,56,.18)}
.promo-people-list{display:grid;gap:8px}
.promo-person-pill{width:100%;min-height:48px;border:1px solid rgba(232,217,184,.82);border-radius:15px;background:linear-gradient(135deg,#fffdf8,#fff);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 9px;text-align:left;cursor:pointer}
.promo-person-avatar{width:32px;height:32px;border-radius:999px;background:#eaf4ee;color:#0f4a38;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:950}
.promo-person-name{min-width:0;color:#14231d;font-size:13px;font-weight:950;line-height:1.2}
.promo-person-name small{display:block;color:#728078;font-size:11px;font-weight:750;margin-top:2px}
.promo-person-open{width:30px;height:30px;border-radius:999px;background:#fff8df;color:#92400e;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:950}
@media(max-width:680px){
.header-promos-btn{height:40px!important;padding:0 9px!important;font-size:11px!important}
.promotions-popup-overlay{align-items:flex-end!important;padding:0!important}
.promotions-popup-sheet{width:100%!important;max-height:86vh!important;border-radius:22px 22px 0 0!important;padding-bottom:calc(12px + env(safe-area-inset-bottom))!important}
.promo-product-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
.avatar-actions{
align-items:stretch!important;
flex-direction:column!important;
}
.avatar-actions-buttons{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
width:100%!important;
}
.avatar-upload-btn,
.avatar-delete-btn{
width:100%!important;
padding:0 10px!important;
}
}
/* FINAL EQUAL CONTACT FOOTER BUTTONS */
.contact-card.is-expanded .contact-meta .meta-actions{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:8px!important;
width:100%!important;
}
.contact-card.is-expanded .contact-meta .meta-actions .btn-icon-share,
.contact-card.is-expanded .contact-meta .meta-actions .btn-delete{
width:100%!important;
max-width:none!important;
min-width:0!important;
height:44px!important;
min-height:44px!important;
margin:0!important;
padding:0 10px!important;
box-sizing:border-box!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:6px!important;
white-space:nowrap!important;
}
@media(max-width:430px){
.contact-card.is-expanded .contact-meta .meta-actions{
gap:7px!important;
}
.contact-card.is-expanded .contact-meta .meta-actions .btn-icon-share,
.contact-card.is-expanded .contact-meta .meta-actions .btn-delete{
height:42px!important;
min-height:42px!important;
font-size:11px!important;
padding:0 6px!important;
}
}
/* FINAL COMPACT AVATAR MENU */
.is-avatar-clickable{
cursor:pointer!important;
position:relative!important;
}
.is-avatar-clickable::after{
content:none!important;
}
.avatar-menu-trigger{
position:absolute!important;
right:-2px!important;
bottom:-2px!important;
width:28px!important;
height:28px!important;
border-radius:50%!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
background:linear-gradient(135deg,#f7d879,#d6ad4b)!important;
color:#083c2f!important;
border:2px solid #fffdf8!important;
box-shadow:0 8px 18px rgba(8,60,47,.18)!important;
font-size:18px!important;
font-weight:900!important;
line-height:1!important;
z-index:5!important;
pointer-events:none!important;
}
.avatar-menu-overlay{
position:fixed!important;
inset:0!important;
z-index:10020!important;
display:flex!important;
align-items:flex-start!important;
justify-content:center!important;
padding:96px 16px 24px!important;
background:rgba(8,32,25,.32)!important;
backdrop-filter:blur(6px)!important;
}
.avatar-menu-sheet{
position:relative!important;
width:min(360px,100%)!important;
padding:18px!important;
border-radius:22px!important;
border:1px solid rgba(214,173,75,.35)!important;
background:linear-gradient(135deg,#fffdf8,#faf6ee)!important;
box-shadow:0 24px 70px rgba(8,60,47,.24)!important;
}
.avatar-menu-close{
position:absolute!important;
top:10px!important;
right:10px!important;
width:34px!important;
height:34px!important;
border-radius:50%!important;
border:1px solid rgba(214,173,75,.28)!important;
background:#fffdf8!important;
color:#083c2f!important;
font-size:24px!important;
line-height:1!important;
cursor:pointer!important;
}
.avatar-menu-title{
padding-right:38px!important;
color:#083c2f!important;
font-size:18px!important;
font-weight:900!important;
}
.avatar-menu-sub{
margin:4px 0 16px!important;
color:#66736b!important;
font-size:13px!important;
font-weight:700!important;
}
.avatar-menu-action{
width:100%!important;
min-height:44px!important;
margin-top:8px!important;
border-radius:999px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
font-weight:900!important;
cursor:pointer!important;
}
.avatar-menu-primary{
border:1px solid rgba(255,255,255,.84)!important;
background:linear-gradient(135deg,#083c2f,#0f4a38)!important;
color:#fffdf8!important;
box-shadow:inset 0 0 0 2px rgba(255,255,255,.18),0 12px 24px rgba(8,60,47,.2)!important;
}
.avatar-menu-danger{
border:1px solid rgba(220,38,38,.28)!important;
background:#fffdf8!important;
color:#b91c1c!important;
}
.avatar-menu-muted{
border:1px solid rgba(214,173,75,.24)!important;
background:rgba(255,253,248,.72)!important;
color:#4b5a51!important;
}
@media(max-width:640px){
.avatar-menu-overlay{
align-items:flex-end!important;
padding:20px 14px calc(96px + env(safe-area-inset-bottom))!important;
}
.avatar-menu-sheet{
width:100%!important;
max-width:430px!important;
}
}
/* FINAL CONTACT FOCUS SHIELD */
.contact-focus-shield{
position:fixed!important;
inset:0!important;
z-index:10000!important;
background:rgba(8,26,20,.36)!important;
backdrop-filter:blur(4px)!important;
cursor:pointer!important;
pointer-events:auto!important;
}
body.contact-card-open{
overflow:hidden!important;
}
body.contact-card-open .contacts-list{
z-index:auto!important;
}
body.contact-card-open .contacts-list .contact-card.is-expanded{
position:fixed!important;
z-index:12000!important;
pointer-events:auto!important;
}
body.contact-card-open .contacts-list .contact-card.is-expanded .crow,
body.contact-card-open .contacts-list .contact-card.is-expanded .crow-av,
body.contact-card-open .contacts-list .contact-card.is-expanded .edit-name-btn,
body.contact-card-open .contacts-list .contact-card.is-expanded .avatar-menu-trigger{
position:relative!important;
z-index:12002!important;
}
/* FINAL CLOSED CARD READ-ONLY */
.contact-card:not(.is-expanded) .crow-end,
.contact-card:not(.is-expanded) .crow-end *{
pointer-events:none!important;
}
.contact-card:not(.is-expanded) .card-hicons,
.contact-card:not(.is-expanded) .card-mob-wrap,
.contact-card:not(.is-expanded) .pin-btn,
.contact-card:not(.is-expanded) .edit-name-btn,
.contact-card:not(.is-expanded) .avatar-menu-trigger{
display:none!important;
}
/* FINAL CLOSED CARD PHONE SIGNAL */
.contact-card:not(.is-expanded) .card-hicons{
display:flex!important;
align-items:center!important;
}
.contact-card:not(.is-expanded) .card-mob-wrap{
display:inline-flex!important;
}
.contact-card:not(.is-expanded) .card-hicons-dsk{
display:none!important;
}
.contact-card:not(.is-expanded) .card-mob-btn{
pointer-events:none!important;
}
/* FINAL MODAL STACKING AND CLOSED PREVIEW FIX */
.contact-card:not(.is-expanded) .card-hicons,
.contact-card:not(.is-expanded) .card-mob-wrap,
.contact-card:not(.is-expanded) .card-mob-btn,
.contact-card:not(.is-expanded) .phone-menu{
display:none!important;
}
.avatar-menu-overlay{
z-index:13040!important;
}
.avatar-menu-sheet{
z-index:13041!important;
}
.contact-card.is-expanded .phone-menu{
z-index:13050!important;
}
.contact-card.is-expanded .pin-btn,
.contact-card.is-expanded .pin-btn.pin-active{
transform:none!important;
}
.phone-menu.open{
z-index:14050!important;
display:block!important;
}
/* FINAL PINNED OPEN CARD SHAPE FIX */
.contacts-list .contact-card.is-expanded.is-pinned .crow-av,
.pinned-group .contact-card.is-expanded.is-pinned .crow-av,
body.contact-card-open .contact-card.is-expanded.is-pinned .crow-av{
width:88px!important;
height:88px!important;
min-width:88px!important;
min-height:88px!important;
border-radius:50%!important;
overflow:visible!important;
aspect-ratio:1 / 1!important;
}
.contacts-list .contact-card.is-expanded.is-pinned .contact-avatar-img,
.pinned-group .contact-card.is-expanded.is-pinned .contact-avatar-img,
body.contact-card-open .contact-card.is-expanded.is-pinned .contact-avatar-img{
width:100%!important;
height:100%!important;
border-radius:50%!important;
object-fit:cover!important;
}
@media(max-width:640px){
.contacts-list .contact-card.is-expanded.is-pinned .crow-av,
.pinned-group .contact-card.is-expanded.is-pinned .crow-av,
body.contact-card-open .contact-card.is-expanded.is-pinned .crow-av{
width:74px!important;
height:74px!important;
min-width:74px!important;
min-height:74px!important;
}
}
/* FINAL PINNED GROUP OPEN MODAL RESET */
.contacts-list .pinned-group .contact-card.is-expanded.is-pinned,
body.contact-card-open .pinned-group .contact-card.is-expanded.is-pinned{
position:fixed!important;
z-index:12000!important;
left:50%!important;
top:46px!important;
bottom:22px!important;
width:min(520px,calc(100vw - 24px))!important;
transform:translateX(-50%)!important;
overflow:auto!important;
margin:0!important;
border:1px solid #e8d9b8!important;
border-left:1px solid #e8d9b8!important;
border-radius:28px!important;
background:linear-gradient(180deg,#fffdf8,#faf6ee)!important;
}
.contacts-list .pinned-group .contact-card.is-expanded.is-pinned .crow,
body.contact-card-open .pinned-group .contact-card.is-expanded.is-pinned .crow{
min-height:0!important;
padding:24px 18px 20px!important;
display:grid!important;
grid-template-columns:1fr auto auto!important;
justify-items:center!important;
background:radial-gradient(circle at 50% -10%,rgba(214,173,75,.16),transparent 180px),linear-gradient(180deg,#fffdf8,#fffaf1)!important;
}
@media(max-width:640px){
.contacts-list .pinned-group .contact-card.is-expanded.is-pinned,
body.contact-card-open .pinned-group .contact-card.is-expanded.is-pinned{
top:8px!important;
bottom:calc(86px + env(safe-area-inset-bottom,0px))!important;
width:calc(100vw - 14px)!important;
}
.contacts-list .pinned-group .contact-card.is-expanded.is-pinned .crow,
body.contact-card-open .pinned-group .contact-card.is-expanded.is-pinned .crow{
padding:20px 14px 17px!important;
}
}
.list-lazy-sentinel {
width: 100%;
height: 1px;
}
/* WEB PUSH MVP */
.push-reminders-panel{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 16px 0;padding:13px 14px;border:1px solid rgba(214,173,75,.35);border-radius:16px;background:#fffdf8;box-shadow:0 8px 22px rgba(15,23,42,.06);}
.header-notify-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:none;border-radius:999px;background:#fff;color:#083c2f;font-size:18px;box-shadow:0 8px 20px rgba(15,23,42,.10);cursor:pointer;}
.app-notify-dot{position:absolute;top:4px;right:4px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;font-size:10px;font-weight:900;line-height:18px;text-align:center;display:none;}
.app-notifications-panel{position:fixed;top:76px;right:14px;z-index:1200;width:min(360px,calc(100vw - 28px));max-height:70vh;overflow:hidden;border:1.5px solid rgba(15,23,42,.12);border-radius:18px;background:#fff;box-shadow:0 20px 60px rgba(15,23,42,.20);}
.app-notifications-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px;border-bottom:1px solid #e5e7eb;background:#f8fafc;}
.app-notifications-head strong{font-size:14px;color:#083c2f;}
.app-notifications-head button{border:none;background:#eef2f7;color:#334155;border-radius:999px;width:30px;height:30px;font-weight:900;cursor:pointer;}
.app-notifications-head button{
position:relative;
font-size:0!important;
}
.app-notifications-head button::before{
content:"\00D7";
font-size:18px;
line-height:1;
}
.app-notifications-list{display:flex;flex-direction:column;gap:8px;max-height:calc(70vh - 58px);overflow:auto;padding:10px;}
.app-notification-item{border:1px solid #e2e8f0;border-radius:14px;background:#fff;padding:11px 12px;}
.app-notification-item.unread{border-color:#86efac;background:#f0fdf4;}
.app-notification-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:5px;}
.app-notification-title{font-size:13px;font-weight:900;color:#0f172a;line-height:1.35;}
.app-notification-type{font-size:10px;font-weight:900;color:#047857;background:#dcfce7;border-radius:999px;padding:3px 7px;text-transform:uppercase;white-space:nowrap;}
.app-notification-body{font-size:13px;line-height:1.5;color:#334155;white-space:pre-wrap;}
.app-notification-meta{font-size:11px;color:#64748b;font-weight:800;margin-top:7px;}
.push-reminders-start.is-hidden{display:none!important;}
.push-reminders-copy{min-width:0;}
.push-reminders-title{font-size:13px;font-weight:900;color:#083c2f;margin-bottom:3px;}
.push-reminders-status{font-size:12px;font-weight:700;color:#64748B;line-height:1.35;}
.push-reminders-status.is-ok{color:#047857;}
.push-reminders-status.is-error{color:#B91C1C;}
.push-reminders-btn{min-height:38px;border-radius:999px;border:1px solid rgba(255,255,255,.78);background:linear-gradient(135deg,#083c2f,#0f4a38);color:#fffdf8;font-size:12px;font-weight:900;padding:0 14px;box-shadow:0 10px 22px rgba(8,60,47,.18);cursor:pointer;white-space:nowrap;}
.push-reminders-btn:disabled{opacity:.58;cursor:not-allowed;}
.push-reminders-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;}
.push-reminders-account{margin:12px 0 0;padding:10px 11px;border-radius:14px;background:#F8FAFC;box-shadow:none;}
.push-reminders-account .push-reminders-title{font-size:12px;margin-bottom:2px;}
.push-reminders-account .push-reminders-status{font-size:11px;}
.push-reminders-account .push-reminders-btn{min-height:34px;padding:0 12px;font-size:11px;box-shadow:none;}
.push-reminders-test-btn{min-height:28px!important;padding:0 9px!important;font-size:10px!important;background:#fffdf8;color:#083c2f;border-color:rgba(214,173,75,.45);box-shadow:none!important;opacity:.72;}
.push-reminders-test-btn:hover{opacity:1;}
@media(max-width:520px){.push-reminders-panel{align-items:stretch;flex-direction:column}.push-reminders-btn{width:100%;}}
@media(max-width:520px){.push-reminders-account{align-items:center;flex-direction:row}.push-reminders-account .push-reminders-btn{width:auto;}.push-reminders-actions{flex:0 0 auto;}}
/* FINAL NAV RESPONSIVE FIX 20260504 */
.header-cl,
.header-install-btn,
.header-tools-btn,
.mobile-admin-btn{
border:1px solid rgba(214,173,75,.58)!important;
}
.premium-bottom-nav{
border-top:1px solid rgba(214,173,75,.58)!important;
}
@media(max-width:1024px){
.hn-desktop{
display:none!important;
}
.header-nav{
margin-left:auto!important;
}
.header-cl,
.header-install-btn,
.header-tools-btn,
.mobile-admin-btn{
display:inline-flex!important;
width:40px!important;
height:40px!important;
min-width:40px!important;
min-height:40px!important;
padding:0!important;
align-items:center!important;
justify-content:center!important;
border-radius:999px!important;
background:#fff!important;
color:#0f4a38!important;
}
.header-tools-btn{color:#d6ad4b!important;}
.header-install-btn img{width:100%!important;height:100%!important;}
.mobile-admin-btn[style*="display:none"],
.mobile-admin-btn[style*="display: none"]{
display:none!important;
}
.premium-bottom-nav{
display:grid!important;
left:0!important;
right:0!important;
bottom:0!important;
width:100%!important;
border-left:0!important;
border-right:0!important;
border-bottom:0!important;
border-radius:22px 22px 0 0!important;
}
}
@media(max-width:640px){
.header-install-btn,
.header-tools-btn{display:inline-flex!important;}
}
@media(min-width:1025px){
.hn-desktop{
display:inline-flex!important;
}
.header-install-btn,
.header-tools-btn{display:inline-flex!important;}
.premium-bottom-nav{
display:none!important;
}
}
/* Tablet-only contact detail layout: keep mobile and desktop unchanged. */
@media(min-width:641px) and (max-width:1024px){
.contact-card.is-expanded .detail-grid{
grid-template-columns:1fr!important;
}
.contact-card.is-expanded .followup-planner-card,
.contact-card.is-expanded .followup-list-card{
grid-column:1/-1!important;
width:100%!important;
}
.contact-card.is-expanded .followup-row{
display:grid!important;
grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
align-items:center!important;
gap:8px!important;
}
.contact-card.is-expanded .followup-save-btn{
grid-column:1/-1!important;
width:100%!important;
min-width:0!important;
}
}
/* Pomoć modal mora biti iznad otvorene kontakt kartice. */
.help-overlay{
z-index:13000!important;
}
/* Desktop contact detail fix: keep form cards wide enough to read and tap. */
.contact-card.is-expanded .detail-grid{
grid-template-columns:1fr!important;
}
.contact-card.is-expanded .followup-planner-card,
.contact-card.is-expanded .followup-list-card,
.contact-card.is-expanded .followup-suite,
.contact-card.is-expanded .notes-plan-card,
.contact-card.is-expanded .voice-note-card{
grid-column:1/-1!important;
width:100%!important;
max-width:100%!important;
}
.contact-card.is-expanded .followup-row{
display:grid!important;
grid-template-columns:minmax(0,1fr) 112px auto!important;
align-items:center!important;
gap:8px!important;
}
.contact-card.is-expanded .followup-save-btn{
width:auto!important;
min-width:94px!important;
}
@media(max-width:640px){
.contact-card.is-expanded .followup-row{
grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
}
.contact-card.is-expanded .followup-save-btn{
grid-column:1/-1!important;
width:100%!important;
}
}
/* Stable app icons: SVG masks instead of emoji/text fallbacks. */
.lr-icon,
.btn-phone-import-icon::before{
display:inline-block;
width:1.15em;
height:1.15em;
flex:0 0 auto;
background:currentColor;
vertical-align:-.16em;
-webkit-mask:var(--lr-icon-mask) center/contain no-repeat;
mask:var(--lr-icon-mask) center/contain no-repeat;
}
.lr-icon-back{--lr-icon-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M15.7 4.3a1 1 0 0 1 0 1.4L10.4 11H20a1 1 0 1 1 0 2h-9.6l5.3 5.3a1 1 0 0 1-1.4 1.4l-7-7a1 1 0 0 1 0-1.4l7-7a1 1 0 0 1 1.4 0z'/%3E%3C/svg%3E");}
.lr-icon-coach{--lr-icon-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M12 3a7 7 0 0 0-7 7v3.2A3 3 0 0 0 7 16h1v-6H7a5 5 0 0 1 10 0h-1v6h1.2a4.8 4.8 0 0 1-4.2 2.5h-1.4a1 1 0 1 0 0 2H13a6.8 6.8 0 0 0 6.6-5.2A3 3 0 0 0 21 12.8V10a7 7 0 0 0-9-7z'/%3E%3C/svg%3E");}
.lr-icon-stats{--lr-icon-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M5 20a1 1 0 0 1-1-1V5a1 1 0 1 1 2 0v13h13a1 1 0 1 1 0 2H5zm4-4a1 1 0 0 1-1-1v-4a1 1 0 1 1 2 0v4a1 1 0 0 1-1 1zm4 0a1 1 0 0 1-1-1V8a1 1 0 1 1 2 0v7a1 1 0 0 1-1 1zm4 0a1 1 0 0 1-1-1v-9a1 1 0 1 1 2 0v9a1 1 0 0 1-1 1z'/%3E%3C/svg%3E");}
.lr-icon-info{--lr-icon-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm0 7a1.25 1.25 0 1 1 0-2.5A1.25 1.25 0 0 1 12 9zm1 7a1 1 0 1 1-2 0v-5a1 1 0 1 1 2 0v5z'/%3E%3C/svg%3E");}
.lr-icon-bell{--lr-icon-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M12 22a2.8 2.8 0 0 0 2.7-2h-5.4A2.8 2.8 0 0 0 12 22zm7-6-1.5-2.2V10a5.5 5.5 0 0 0-4.3-5.4V4a1.2 1.2 0 1 0-2.4 0v.6A5.5 5.5 0 0 0 6.5 10v3.8L5 16a1.3 1.3 0 0 0 1.1 2h11.8A1.3 1.3 0 0 0 19 16z'/%3E%3C/svg%3E");}
.lr-icon-home{--lr-icon-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M12.7 3.3a1 1 0 0 0-1.4 0l-8 7A1 1 0 0 0 4 12h1v7a1 1 0 0 0 1 1h4v-5h4v5h4a1 1 0 0 0 1-1v-7h1a1 1 0 0 0 .7-1.7l-8-7z'/%3E%3C/svg%3E");}
.lr-icon-contacts{--lr-icon-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm0 2c-4 0-7 2-7 4.5V19a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-1.5C16 15 13 13 9 13zm8-2a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm.6 2.1a7 7 0 0 1 2.4 1.4c1.3 1.1 2 2.4 2 3.8V19a1 1 0 0 1-1 1h-3v-2.5c0-1.7-.8-3.2-2.2-4.4h1.8z'/%3E%3C/svg%3E");}
.lr-icon-user{--lr-icon-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10zm0 2c-4.4 0-8 2.3-8 5v1a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-1c0-2.7-3.6-5-8-5z'/%3E%3C/svg%3E");}
.lr-icon-chat{--lr-icon-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M4 4h16a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H9l-4.4 3.3A1 1 0 0 1 3 19.5V6a2 2 0 0 1 2-2zm3 5a1 1 0 1 0 0 2h10a1 1 0 1 0 0-2H7zm0 4a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2H7z'/%3E%3C/svg%3E");}
.lr-icon-note{--lr-icon-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M6 2h9l5 5v15H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2zm8 2v4h4l-4-4zM8 12a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2H8zm0 4a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2H8z'/%3E%3C/svg%3E");}
.lr-icon-target{--lr-icon-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 0 10 10h-2a8 8 0 1 1-8-8V2zm0 4a6 6 0 1 0 6 6h-2a4 4 0 1 1-4-4V6zm0 4a2 2 0 1 0 2 2h-2v-2zm8.7-8.7a1 1 0 0 1 .3.7v3h3a1 1 0 0 1 .7 1.7l-4 4A1 1 0 0 1 20 11h-3a1 1 0 0 1-1-1V7a1 1 0 0 1 .3-.7l4-4a1 1 0 0 1 1.4 0z'/%3E%3C/svg%3E");}
.btn-phone-import-icon{
width:38px!important;
height:38px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
color:var(--premium-green)!important;
font-size:0!important;
}
.btn-phone-import-icon::before{content:"";width:22px;height:22px;}
.btn-phone-import-icon[data-lr-icon="phone"]::before{--lr-icon-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M6.6 2.7 4.1 4.6a2.5 2.5 0 0 0-.8 2.9c2 5.6 6.6 10.2 12.2 12.2 1 .4 2.2 0 2.9-.8l1.9-2.5a1.7 1.7 0 0 0-.2-2.3l-2.8-2.4a1.8 1.8 0 0 0-2.1-.1l-1.6 1a12.4 12.4 0 0 1-4.2-4.2l1-1.6a1.8 1.8 0 0 0-.1-2.1L7.9 2.9a1.7 1.7 0 0 0-2.3-.2z'/%3E%3C/svg%3E");}
.btn-phone-import-icon[data-lr-icon="social"]::before{--lr-icon-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M8 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm8.5 1a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7zM8 13c-3.9 0-7 2.1-7 4.7V19a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-1.3C15 15.1 11.9 13 8 13zm8.5.5c-.7 0-1.4.1-2 .3 1.5 1 2.5 2.4 2.5 3.9V20h5a1 1 0 0 0 1-1v-1c0-2.5-2.9-4.5-6.5-4.5z'/%3E%3C/svg%3E");}
.btn-phone-import-icon[data-lr-icon="table"]::before{--lr-icon-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M5 3h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm0 5h14V5H5v3zm0 2v4h4v-4H5zm6 0v4h8v-4h-8zm-6 6v3h4v-3H5zm6 0v3h8v-3h-8z'/%3E%3C/svg%3E");}
.btn-phone-import-icon[data-lr-icon="backup"]::before{--lr-icon-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M12 2C7.6 2 4 3.6 4 5.5v13C4 20.4 7.6 22 12 22s8-1.6 8-3.5v-13C20 3.6 16.4 2 12 2zm0 2c3.7 0 6 1.1 6 1.5S15.7 7 12 7 6 5.9 6 5.5 8.3 4 12 4zM6 8.2C7.5 9 9.6 9.4 12 9.4s4.5-.4 6-1.2v3.3c0 .4-2.3 1.5-6 1.5s-6-1.1-6-1.5V8.2zm0 6C7.5 15 9.6 15.4 12 15.4s4.5-.4 6-1.2v4.3c0 .4-2.3 1.5-6 1.5s-6-1.1-6-1.5v-4.3z'/%3E%3C/svg%3E");}
.header-nav .lr-icon{width:16px;height:16px;}
.header-cl .lr-icon,
.header-notify-btn .lr-icon,
.mobile-admin-btn .lr-icon{width:19px;height:19px;}
.help-q .lr-icon{width:12px;height:12px;}
.premium-bottom-nav .lr-icon{width:20px!important;height:20px!important;}
.btn-help-sm .lr-icon,
.detail-label .lr-icon,
.activity-log-title .lr-icon,
.guide-step .lr-icon,
.social-acc-label .lr-icon{width:16px;height:16px;}
/* Colorful icon restore: Unicode escapes keep encoding safe while rendering native color icons. */
.lr-icon{
width:auto!important;
height:auto!important;
min-width:1.15em;
background:none!important;
-webkit-mask:none!important;
mask:none!important;
color:inherit;
font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;
line-height:1;
text-align:center;
}
.lr-icon::before{content:var(--lr-emoji,"");}
.lr-icon-back{--lr-emoji:"\2190";}
.lr-icon-coach{--lr-emoji:"\1F3A7";}
.lr-icon-stats{--lr-emoji:"\1F4CA";}
.lr-icon-info{--lr-emoji:"\2139\FE0F";}
.lr-icon-bell{--lr-emoji:"\1F514";}
.lr-icon-home{--lr-emoji:"\1F3E0";}
.lr-icon-contacts{--lr-emoji:"\1F465";}
.lr-icon-user{--lr-emoji:"\1F464";}
.lr-icon-chat{--lr-emoji:"\1F4AC";}
.lr-icon-note{--lr-emoji:"\1F4DD";}
.lr-icon-target{--lr-emoji:"\1F3AF";}
.lr-icon-task{--lr-emoji:"\2705";}
.lr-icon-overview{--lr-emoji:"\1F4CA";}
.lr-icon-list{--lr-emoji:"\1F4CB";}
.btn-phone-import-icon::before{
background:none!important;
-webkit-mask:none!important;
mask:none!important;
font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;
font-size:22px;
line-height:1;
}
.btn-phone-import-icon[data-lr-icon="phone"]::before{content:"\1F4F1";}
.btn-phone-import-icon[data-lr-icon="social"]::before{content:"\1F465";}
.btn-phone-import-icon[data-lr-icon="table"]::before{content:"\1F4CA";}
.btn-phone-import-icon[data-lr-icon="backup"]::before{content:"\1F4BE";}
.section-icon .lr-icon{font-size:20px!important;}
.header-nav .lr-icon{font-size:15px!important;}
.header-cl .lr-icon,
.header-notify-btn .lr-icon,
.mobile-admin-btn .lr-icon{font-size:18px!important;}
.help-q .lr-icon{font-size:12px!important;}
.premium-bottom-nav .lr-icon{font-size:20px!important;}
/* Donja navigacija mora ostati jedan red sa 5 jednakih stavki. */
@media(max-width:1024px){
#dailyTasksCard,
#actionBanner{
display:none!important;
}
.premium-bottom-nav{
display:grid!important;
grid-template-columns:repeat(5,minmax(0,1fr))!important;
gap:2px!important;
padding:7px 6px calc(7px + env(safe-area-inset-bottom,0px))!important;
}
.premium-bottom-nav > *{
grid-column:auto!important;
min-width:0!important;
}
.premium-bottom-nav > :nth-child(1),
.premium-bottom-nav > :nth-child(2),
.premium-bottom-nav > :nth-child(3),
.premium-bottom-nav > :nth-child(4),
.premium-bottom-nav > :nth-child(5){
grid-column:auto!important;
grid-row:1!important;
}
.premium-bottom-nav a,
.premium-bottom-nav button{
min-height:56px!important;
padding:5px 2px!important;
gap:3px!important;
font-size:clamp(10px,2.25vw,12px)!important;
line-height:1!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:clip!important;
}
.premium-bottom-nav .lr-icon{
width:19px!important;
height:19px!important;
font-size:19px!important;
flex:0 0 auto!important;
}
}
.btn-help-sm .lr-icon,
.detail-label .lr-icon,
.activity-log-title .lr-icon,
.guide-step .lr-icon,
.social-acc-label .lr-icon{font-size:16px!important;}
/* Hide the changelog/"Mi újság?" button on mobile and installed app. */
@media (max-width: 768px), (display-mode: standalone) {
.header-cl#clBtn {
display: none!important;
}
}
/* Premium desktop start navigacija. */
@media(min-width:1025px){
.header .header-nav{
gap:8px!important;
padding:7px!important;
border-radius:999px!important;
border:1px solid rgba(232,217,184,.84)!important;
background:rgba(255,253,248,.86)!important;
box-shadow:0 18px 44px rgba(8,60,47,.12)!important;
backdrop-filter:blur(16px)!important;
}
.header .header-nav .hn-desktop{
min-height:42px!important;
padding:0 15px!important;
border-radius:999px!important;
border:1px solid transparent!important;
color:#0f4a38!important;
background:transparent!important;
box-shadow:none!important;
font-size:12px!important;
font-weight:900!important;
letter-spacing:0!important;
transition:transform .16s ease, background .16s ease, border-color .16s ease, color .16s ease!important;
}
.header .header-nav .hn-desktop:hover{
transform:translateY(-1px);
color:#083c2f!important;
background:#fffdf8!important;
border-color:rgba(232,217,184,.9)!important;
box-shadow:0 10px 22px rgba(8,60,47,.08)!important;
}
.header .header-nav .header-cl,
.header .header-nav .header-install-btn,
.header .header-nav .header-tools-btn,
.header .header-nav .mobile-admin-btn{
width:43px!important;
height:43px!important;
border-radius:16px!important;
background:#fffdf8!important;
color:#0f4a38!important;
border:1px solid rgba(232,217,184,.9)!important;
box-shadow:0 10px 22px rgba(8,60,47,.08)!important;
}
.header .header-nav .header-install-btn{
width:39px!important;
height:39px!important;
padding:3px!important;
overflow:hidden!important;
}
.header .header-nav .header-install-btn img{
width:100%!important;
height:100%!important;
object-fit:contain!important;
object-position:center!important;
border-radius:11px!important;
transform:none!important;
background:#fff!important;
}
}
/* Premium centriran dnevni fokus. */
.premium-welcome{
display:flex!important;
justify-content:center!important;
align-items:center!important;
text-align:center!important;
margin:14px auto 0!important;
padding:0 16px!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
}
.premium-welcome > div{
width:min(680px,100%)!important;
}
.premium-welcome p{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
width:100%!important;
min-height:56px!important;
margin:0 auto!important;
padding:14px 18px!important;
border:1px solid rgba(214,173,75,.55)!important;
border-radius:22px!important;
background:radial-gradient(circle at 12% 0,rgba(214,173,75,.20),transparent 130px),linear-gradient(135deg,#fffdf8,#fff6dc)!important;
color:#083c2f!important;
box-shadow:0 16px 34px rgba(8,60,47,.09)!important;
font-size:clamp(15px,2.5vw,18px)!important;
font-weight:950!important;
line-height:1.35!important;
}
/* FAZA 4D-1B: CRM next-step blok u otvorenoj kartici, samo vizuelni stil. */
.next-step-test-card{
box-sizing:border-box!important;
width:100%!important;
max-width:100%!important;
margin:0 0 14px!important;
padding:12px 13px!important;
border-color:rgba(214,173,75,.45)!important;
background:linear-gradient(135deg,#fffdf8,#f9fbf7)!important;
box-shadow:0 10px 24px rgba(8,60,47,.06)!important;
overflow:hidden!important;
}
.next-step-test-heading{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:10px!important;
margin-bottom:8px!important;
min-width:0!important;
overflow-wrap:anywhere!important;
}
.next-step-test-priority{
flex:0 0 auto!important;
border-color:rgba(214,173,75,.55)!important;
background:#fff7df!important;
color:#7a4d00!important;
font-size:10px!important;
line-height:1.2!important;
white-space:nowrap!important;
}
.next-step-test-summary,
.next-step-test-message{
margin:8px 0 0!important;
background:#fff!important;
border-left-color:#0f6b53!important;
overflow-wrap:anywhere!important;
word-break:normal!important;
}
.next-step-test-message{
color:#243b35!important;
white-space:pre-wrap!important;
}
.next-step-test-warning{
margin:8px 0 0!important;
border-radius:10px!important;
}
.next-step-copy-row{
display:flex!important;
justify-content:flex-end!important;
margin-top:9px!important;
}
.next-step-copy-btn{
min-height:34px!important;
padding:7px 12px!important;
border:1px solid rgba(15,107,83,.24)!important;
border-radius:999px!important;
background:#0f6b53!important;
color:#fff!important;
font-size:11px!important;
font-weight:900!important;
cursor:pointer!important;
}
.next-step-copy-btn:hover{
background:#095542!important;
}
.message-action-card{margin-bottom:10px!important;border-color:rgba(214,173,75,.36)!important;background:linear-gradient(135deg,#fffdf8,#f7fbf7)!important;}
.message-action-head{display:flex;align-items:flex-start;gap:10px;color:#083c2f;}
.message-action-icon{width:34px;height:34px;border-radius:999px;background:#e8f4ed;color:#0f4a38;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;}
.message-action-head strong{display:block;font-size:14px;font-weight:950;line-height:1.2;}
.message-action-head small{display:block;margin-top:2px;color:#64756c;font-size:12px;font-weight:850;line-height:1.3;}
.message-action-text,.message-action-preview{margin-top:9px;color:#475569;font-size:12px;font-weight:750;line-height:1.45;}
.message-action-preview{padding:10px 11px;border:1px solid rgba(232,217,184,.8);border-radius:13px;background:#fff;color:#14231d;}
.message-action-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;}
.message-action-link{min-height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(15,74,56,.14);border-radius:999px;background:#fff;color:#083c2f;padding:9px 12px;font-size:12px;font-weight:950;text-decoration:none;}
.customer-care-accordion{
box-sizing:border-box!important;
width:100%!important;
max-width:100%!important;
margin:0 0 12px!important;
overflow:hidden!important;
}
.customer-care-accordion .social-acc-toggle{
min-height:44px!important;
padding:11px 13px!important;
background:#fffdf8!important;
}
.customer-care-accordion .social-acc-label{
display:flex!important;
align-items:center!important;
flex-wrap:wrap!important;
gap:8px!important;
min-width:0!important;
overflow-wrap:anywhere!important;
font-weight:950!important;
}
.customer-care-header-icon{
width:22px!important;
height:22px!important;
font-size:12px!important;
}
.next-step-header-icon{
background:#fff7df!important;
color:#7a4d00!important;
}
.body-mission-header-icon{
background:#dcfce7!important;
color:#15803d!important;
font-size:10px!important;
letter-spacing:-.02em!important;
}
.customer-care-accordion .social-acc-body{
padding:10px!important;
background:#fffdf8!important;
}
.customer-care-accordion .next-step-test-card,
.customer-care-accordion .customer-care-card-block{
margin:0!important;
}
.next-step-accordion .social-acc-toggle{
border-color:rgba(214,173,75,.45)!important;
}
.body-mission-accordion .social-acc-toggle{
border-color:rgba(15,107,83,.22)!important;
}
/* FAZA 5J-2B: read-only Body Mission blok u otvorenoj CRM kartici. */
.customer-care-card-block{
box-sizing:border-box!important;
width:100%!important;
max-width:100%!important;
margin:0 0 14px!important;
padding:12px 13px!important;
border-color:rgba(15,107,83,.22)!important;
background:linear-gradient(135deg,#f8fffb,#ffffff)!important;
box-shadow:0 10px 22px rgba(8,60,47,.055)!important;
overflow:hidden!important;
}
.customer-care-card-block .detail-label{
display:block!important;
margin-bottom:8px!important;
color:#0f4a38!important;
font-size:12px!important;
font-weight:950!important;
line-height:1.35!important;
overflow-wrap:anywhere!important;
}
.customer-care-card-block .guide-advice{
margin:0!important;
padding:9px 11px!important;
border-left-color:#0f6b53!important;
background:#fff!important;
color:#243b35!important;
font-size:12px!important;
line-height:1.55!important;
overflow-wrap:anywhere!important;
word-break:normal!important;
}
.customer-care-card-block .guide-advice strong{
color:#0b342a!important;
font-weight:950!important;
}
.customer-care-guide-link-row{
display:flex!important;
justify-content:flex-start!important;
margin-top:10px!important;
}
.customer-care-guide-link{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
min-height:36px!important;
max-width:100%!important;
border:1px solid rgba(15,107,83,.22)!important;
border-radius:999px!important;
padding:8px 12px!important;
background:#f0fdf4!important;
color:#0f4a38!important;
font-size:12px!important;
font-weight:950!important;
line-height:1.25!important;
text-decoration:none!important;
overflow-wrap:anywhere!important;
}
.customer-care-add-test-row{
display:flex!important;
justify-content:flex-start!important;
margin-top:12px!important;
margin-bottom:2px!important;
}
.customer-care-add-test-btn{
min-height:38px!important;
white-space:normal!important;
overflow-wrap:anywhere!important;
}
.customer-care-add-test-form{
box-sizing:border-box!important;
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:11px!important;
margin-top:14px!important;
padding:12px!important;
border:1px solid rgba(15,107,83,.18)!important;
border-radius:12px!important;
background:#fff!important;
max-width:100%!important;
overflow:hidden!important;
}
.customer-care-add-test-form label{
display:grid!important;
gap:5px!important;
margin:0!important;
min-width:0!important;
}
.customer-care-add-test-form span{
color:#0f4a38!important;
font-size:11.5px!important;
font-weight:900!important;
line-height:1.35!important;
overflow-wrap:anywhere!important;
}
.customer-care-add-test-form input,
.customer-care-add-test-form select,
.customer-care-add-test-form textarea{
box-sizing:border-box!important;
width:100%!important;
max-width:100%!important;
min-height:40px!important;
border:1px solid rgba(15,107,83,.2)!important;
border-radius:10px!important;
padding:9px 10px!important;
background:#fff!important;
color:#12352d!important;
font:inherit!important;
font-size:13px!important;
line-height:1.35!important;
overflow-wrap:anywhere!important;
}
.customer-care-add-test-form textarea{
min-height:68px!important;
resize:vertical!important;
grid-column:1/-1!important;
}
.customer-care-add-form-actions{
display:flex!important;
flex-wrap:wrap!important;
gap:8px!important;
align-items:center!important;
grid-column:1/-1!important;
margin-top:2px!important;
}
.customer-care-add-save-btn{
background:#0f6b53!important;
color:#fff!important;
}
@media (max-width:640px){
.next-step-test-card{
margin:0 0 12px!important;
padding:11px!important;
}
.next-step-test-heading{
align-items:flex-start!important;
flex-direction:column!important;
gap:7px!important;
}
.next-step-test-priority{font-size:10px!important;}
.next-step-test-summary,
.next-step-test-message{
font-size:12px!important;
line-height:1.5!important;
padding:8px 10px!important;
}
.next-step-copy-row{justify-content:stretch!important;}
.next-step-copy-btn{width:100%!important;}
.message-action-buttons{display:grid!important;grid-template-columns:1fr!important;}
.message-action-link{width:100%!important;}
.customer-care-accordion{
margin:0 0 10px!important;
}
.customer-care-accordion .social-acc-toggle{
padding:10px 11px!important;
}
.customer-care-accordion .social-acc-body{
padding:9px!important;
}
.customer-care-card-block{
margin:0 0 12px!important;
padding:11px!important;
}
.customer-care-card-block .detail-label{
font-size:12px!important;
margin-bottom:7px!important;
}
.customer-care-card-block .guide-advice{
padding:8px 10px!important;
font-size:12px!important;
line-height:1.55!important;
}
.customer-care-guide-link-row{justify-content:stretch!important;}
.customer-care-guide-link{width:100%!important;}
.customer-care-add-test-row{justify-content:stretch!important;}
.customer-care-add-test-btn{
width:100%!important;
min-height:42px!important;
}
.customer-care-add-test-form{
grid-template-columns:1fr!important;
padding:10px!important;
gap:10px!important;
margin-top:12px!important;
}
.customer-care-add-test-form input,
.customer-care-add-test-form select,
.customer-care-add-test-form textarea{
font-size:16px!important;
min-height:44px!important;
}
.customer-care-add-form-actions{align-items:stretch!important;flex-direction:column!important;}
}
/* Premium closed CRM tabs: visual-only polish, no CRM behavior changes. */
.contact-card.is-expanded .card-body > .social-accordion{
position:relative!important;
margin:0 0 12px!important;
border:1px solid rgba(214,173,75,.34)!important;
border-radius:18px!important;
background:linear-gradient(180deg,#ffffff 0%,#fffdf8 100%)!important;
box-shadow:0 12px 28px rgba(8,60,47,.07)!important;
overflow:hidden!important;
}
.contact-card.is-expanded .card-body > .social-accordion:not(:has(.social-acc-body.open)){
box-shadow:0 10px 24px rgba(8,60,47,.055)!important;
}
.contact-card.is-expanded .card-body > .social-accordion::before{
content:""!important;
position:absolute!important;
inset:0 auto 0 0!important;
width:4px!important;
background:linear-gradient(180deg,#0f6b53,#d6ad4b)!important;
opacity:.82!important;
}
.contact-card.is-expanded .card-body > .social-accordion .social-acc-toggle{
min-height:56px!important;
padding:12px 14px 12px 15px!important;
gap:10px!important;
background:transparent!important;
color:#14251e!important;
}
.contact-card.is-expanded .card-body > .social-accordion .social-acc-toggle:active{
background:rgba(15,107,83,.055)!important;
}
.contact-card.is-expanded .crow-expand > .card-body > .social-accordion:first-child .social-acc-toggle::before{
content:none!important;
display:none!important;
}
.contact-card.is-expanded .card-body > .social-accordion .social-acc-icons{
gap:5px!important;
align-items:center!important;
}
.contact-card.is-expanded .card-body > .social-accordion .social-acc-label{
display:flex!important;
align-items:center!important;
gap:7px!important;
min-width:0!important;
color:#334155!important;
font-size:12.5px!important;
font-weight:950!important;
line-height:1.35!important;
letter-spacing:0!important;
}
.contact-card.is-expanded .card-body > .social-accordion .social-acc-label:first-child:not(:has(.lr-icon))::before{
content:"+"!important;
width:22px!important;
height:22px!important;
flex:0 0 22px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
border-radius:999px!important;
background:linear-gradient(135deg,#ecfdf5,#fef3c7)!important;
color:#0f6b53!important;
border:1px solid rgba(214,173,75,.34)!important;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.76)!important;
font-size:15px!important;
font-weight:950!important;
line-height:1!important;
}
.contact-card.is-expanded .card-body > .social-accordion .lr-icon{
display:inline-flex!important;
width:22px!important;
height:22px!important;
min-width:22px!important;
align-items:center!important;
justify-content:center!important;
border-radius:999px!important;
background:linear-gradient(135deg,#ecfdf5,#fff7df)!important;
border:1px solid rgba(214,173,75,.34)!important;
font-size:13px!important;
}
.contact-card.is-expanded .card-body > .social-accordion .card-hicon{
width:26px!important;
height:26px!important;
border:1px solid rgba(255,255,255,.78)!important;
box-shadow:0 7px 14px rgba(15,23,42,.09),inset 0 0 0 1px rgba(255,255,255,.45)!important;
}
.contact-card.is-expanded .card-body > .social-accordion .card-hicon-phone{
background:linear-gradient(135deg,#dcfce7,#bbf7d0)!important;
color:#0f6b53!important;
}
.contact-card.is-expanded .card-body > .social-accordion .card-hicon-fb{
background:linear-gradient(135deg,#dbeafe,#bfdbfe)!important;
color:#1769c2!important;
}
.contact-card.is-expanded .card-body > .social-accordion .card-hicon-ig,
.contact-card.is-expanded .card-body > .social-accordion .card-hicon-igdm{
background:linear-gradient(135deg,#fce7f3,#fde68a)!important;
color:#be185d!important;
}
.contact-card.is-expanded .card-body > .social-accordion .card-hicon-li{
background:linear-gradient(135deg,#dbeafe,#e0f2fe)!important;
color:#075985!important;
}
.contact-card.is-expanded .card-body > .social-accordion .customer-care-header-icon{
width:26px!important;
height:26px!important;
font-size:0!important;
}
.contact-card.is-expanded .card-body > .social-accordion .customer-care-header-icon::before{
content:""!important;
width:15px!important;
height:15px!important;
background:currentColor!important;
-webkit-mask:var(--premium-tab-icon) center/contain no-repeat!important;
mask:var(--premium-tab-icon) center/contain no-repeat!important;
}
.contact-card.is-expanded .card-body > .social-accordion .next-step-header-icon{
--premium-tab-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M13 3 4 14h7l-1 7 10-12h-7l0-6z'/%3E%3C/svg%3E");
background:linear-gradient(135deg,#fff7df,#fde68a)!important;
color:#9a6500!important;
}
.contact-card.is-expanded .card-body > .social-accordion .body-mission-header-icon{
--premium-tab-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M12 3c3.2 2.2 6 5.2 6 9a6 6 0 1 1-12 0c0-3.8 2.8-6.8 6-9zm0 5.1c-1.5 1.4-2.5 2.9-2.5 4.6A2.5 2.5 0 0 0 12 15.2a2.5 2.5 0 0 0 2.5-2.5c0-1.7-1-3.2-2.5-4.6z'/%3E%3C/svg%3E");
background:linear-gradient(135deg,#dcfce7,#bbf7d0)!important;
color:#0f6b53!important;
}
.contact-card.is-expanded .card-body > .social-accordion .social-acc-arrow{
width:30px!important;
height:30px!important;
border-radius:999px!important;
background:#f8fafc!important;
color:#64748b!important;
box-shadow:inset 0 0 0 1px rgba(203,213,225,.8)!important;
}
.contact-card.is-expanded .card-body > .social-accordion .social-acc-arrow .duo-chevron{
width:16px!important;
height:16px!important;
}
.contact-card.is-expanded .card-body > .social-accordion .social-acc-arrow .duo-chevron path{
stroke-width:3.1!important;
}
.contact-card.is-expanded .card-body > .social-accordion:has(.social-acc-body.open) .social-acc-arrow{
background:#0f6b53!important;
color:#fffdf8!important;
box-shadow:0 8px 18px rgba(15,107,83,.22)!important;
}
.contact-card.is-expanded .card-body > .social-accordion .acc-count,
.contact-card.is-expanded .card-body > .social-accordion .status-pill{
border:1px solid rgba(214,173,75,.44)!important;
background:#fff7df!important;
color:#7a4d00!important;
box-shadow:none!important;
}
.contact-card.is-expanded .card-body > .social-accordion .cont-line-phone{
font-size:13px!important;
color:#14251e!important;
font-weight:950!important;
}
.contact-card.is-expanded .card-body > .social-accordion .cont-line-city{
font-size:11px!important;
color:#64748b!important;
font-weight:850!important;
}
@media(max-width:640px){
.contact-card.is-expanded .card-body > .social-accordion{
border-radius:17px!important;
margin-bottom:10px!important;
}
.contact-card.is-expanded .card-body > .social-accordion .social-acc-toggle{
min-height:54px!important;
padding:11px 12px 11px 14px!important;
}
.contact-card.is-expanded .card-body > .social-accordion .social-acc-label{
font-size:12px!important;
}
}
/* Auth tab contrast fix: registration tab must stay readable when inactive. */
.auth-tabs{
background:rgba(226,236,245,.96)!important;
border:1px solid rgba(31,101,153,.18)!important;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)!important;
}
.auth-tab{
color:#174f81!important;
background:rgba(255,255,255,.42)!important;
opacity:1!important;
}
.auth-tab:not(.active){
border:1px solid rgba(31,101,153,.12)!important;
}
.auth-tab.active{
background:#fff!important;
color:#0f4a7a!important;
box-shadow:0 8px 18px rgba(15,79,129,.12)!important;
}
/* Desktop/tablet auth modal width fix: keep the same logic, make the design breathe. */
@media (min-width:900px){
.auth-overlay{
padding:32px!important;
align-items:center!important;
background:radial-gradient(circle at 50% 0,rgba(31,101,153,.10),transparent 34%),#f2f5f3!important;
}
.auth-sheet{
width:min(720px,calc(100vw - 72px))!important;
max-height:calc(100vh - 64px)!important;
padding:0 26px 26px!important;
border-radius:30px!important;
background:linear-gradient(180deg,#0f3c66 0,#174f81 214px,#eef3f7 215px,#eef3f7 100%)!important;
}
.auth-head{
min-height:214px!important;
display:flex!important;
flex-direction:row!important;
justify-content:center!important;
align-items:center!important;
gap:22px!important;
text-align:left!important;
padding:34px 68px 28px!important;
margin:0 -26px 16px!important;
}
.auth-logo{
width:112px!important;
height:112px!important;
max-width:none!important;
margin:0!important;
}
.auth-title{font-size:28px!important;}
.auth-sub{font-size:13px!important;}
.auth-tabs{
width:min(620px,100%)!important;
margin:0 auto 16px!important;
}
.auth-view{
width:100%!important;
max-width:620px!important;
margin:0 auto 14px!important;
padding:24px!important;
border-radius:20px!important;
}
#authAccountView[style*="block"]{
max-width:640px!important;
padding:28px!important;
}
#authAccountView .push-reminders-account{
display:grid!important;
grid-template-columns:minmax(0,1fr) auto!important;
align-items:center!important;
gap:12px!important;
}
#authAccountView .auth-actions{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:12px!important;
}
#authAccountView .auth-actions .auth-secondary,
#authAccountView .auth-actions .auth-link-btn{
margin-top:0!important;
}
.auth-primary{width:min(100%,240px)!important;}
}
@media (min-width:521px) and (max-width:899px){
.auth-overlay{padding:22px!important;align-items:center!important;}
.auth-sheet{
width:min(680px,calc(100vw - 44px))!important;
max-height:calc(100vh - 44px)!important;
padding:0 20px 22px!important;
}
.auth-head{margin:0 -20px 14px!important;}
.auth-view{padding:22px!important;}
}
.favorite-reminder-modal{
position:fixed;
inset:0;
z-index:10060;
display:flex;
align-items:flex-end;
justify-content:center;
padding:18px;
background:rgba(15,23,42,.42);
}
.favorite-reminder-modal.hidden{display:none!important;}
.favorite-reminder-sheet{
width:min(520px,100%);
background:#fff;
border:1px solid rgba(15,118,110,.18);
border-radius:22px;
box-shadow:0 24px 70px rgba(15,23,42,.24);
padding:22px;
position:relative;
}
.favorite-reminder-x{
position:absolute;
top:12px;
right:12px;
width:34px;
height:34px;
border:0;
border-radius:50%;
background:#F1F5F9;
color:#0F172A;
font-size:22px;
line-height:1;
}
.favorite-reminder-kicker{
display:inline-flex;
padding:6px 10px;
border-radius:999px;
background:#ECFDF5;
color:#047857;
font-size:12px;
font-weight:800;
margin-bottom:10px;
}
.favorite-reminder-sheet h3{margin:0 36px 10px 0;font-size:22px;color:#0F172A;}
.favorite-reminder-sheet p{margin:0 0 10px;color:#334155;line-height:1.55;font-size:14px;}
.favorite-reminder-sheet small{display:block;color:#64748B;line-height:1.45;margin-bottom:14px;}
.favorite-reminder-check{
display:flex;
align-items:center;
gap:9px;
font-weight:700;
color:#334155;
margin:12px 0 16px;
}
.favorite-reminder-check input{width:18px;height:18px;accent-color:#00856F;}
.favorite-reminder-actions{display:grid;grid-template-columns:1fr;gap:10px;}
.favorite-reminder-actions button{
border:1px solid #BFDAD5;
border-radius:14px;
padding:12px 14px;
background:#fff;
color:#075E54;
font-weight:900;
}
.favorite-reminder-actions .favorite-reminder-primary{
background:#00856F;
border-color:#00856F;
color:#fff;
}
.favorite-quick-panel{
border:1px solid #BFDAD5;
background:linear-gradient(180deg,#F8FFFC 0%,#FFFFFF 100%);
border-radius:18px;
padding:16px;
margin:0 0 14px;
box-shadow:0 12px 26px rgba(15,118,110,.08);
}
.favorite-quick-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:12px;
margin-bottom:12px;
}
.favorite-quick-head strong{display:block;color:#0F172A;font-size:16px;}
.favorite-quick-head p{margin:4px 0 0;color:#64748B;font-size:13px;line-height:1.4;}
.favorite-quick-head span{
min-width:34px;
height:34px;
border-radius:999px;
display:grid;
place-items:center;
background:#00856F;
color:#fff;
font-weight:900;
}
.favorite-quick-list{display:grid;gap:10px;}
.favorite-quick-row{
display:grid;
grid-template-columns:minmax(0,1fr);
gap:8px;
padding:12px;
border:1px solid #E2E8F0;
border-radius:14px;
background:#fff;
}
.favorite-quick-person strong{display:block;color:#0F172A;}
.favorite-quick-person small{color:#64748B;}
.favorite-quick-row input{
width:100%;
border:1px solid #CBD5E1;
border-radius:12px;
padding:11px 12px;
font:inherit;
}
.favorite-quick-row button{
border:0;
border-radius:12px;
background:#00856F;
color:#fff;
padding:11px 14px;
font-weight:900;
}
.favorite-quick-success p{margin:6px 0 0;color:#475569;}
@media (min-width:720px){
.favorite-reminder-modal{align-items:center;}
.favorite-reminder-actions{grid-template-columns:1fr 1fr 1fr;}
.favorite-quick-row{grid-template-columns:minmax(150px,1fr) minmax(220px,1.2fr) auto;align-items:center;}
}
/* Voice shortcut sits in the free left header area, away from avatar and pin. */
.contact-card.is-expanded .voice-quick-btn{
position:absolute!important;
left:18px!important;
top:24px!important;
z-index:12003!important;
min-width:94px!important;
height:42px!important;
}
body.contact-card-open .contacts-list .contact-card.is-expanded .voice-quick-btn{
position:absolute!important;
z-index:12003!important;
}
@media(max-width:640px){
.contact-card.is-expanded .voice-quick-btn{
left:16px!important;
top:22px!important;
min-width:88px!important;
height:40px!important;
padding:0 10px!important;
}
}
/* HU number: quick edit directly under the contact image. */
.crow-avatar-stack{
width:64px;
flex:0 0 64px;
display:flex;
flex-direction:column;
align-items:center;
gap:5px;
}
.crow-avatar-stack .crow-av{
flex:0 0 auto;
}
.crow-hu-box{
width:64px;
height:25px;
display:grid;
grid-template-columns:18px minmax(0,1fr);
align-items:center;
border:1px solid #D7E3EF;
border-radius:8px;
background:#fff;
overflow:hidden;
box-shadow:0 2px 8px rgba(15,23,42,.05);
}
.crow-hu-box span{
display:flex;
align-items:center;
justify-content:center;
height:100%;
background:#ECFDF5;
color:#0F6B53;
font-size:9px;
font-weight:950;
}
.crow-hu-box input{
width:100%;
min-width:0;
border:0;
outline:0;
padding:0 4px;
font:800 11px/1 inherit;
color:#111827;
background:#fff;
}
.crow-hu-box input::placeholder{
color:#94A3B8;
font-weight:750;
}
.crow-hu-box:focus-within{
border-color:#00A651;
box-shadow:0 0 0 3px rgba(0,166,81,.10);
}
.crow-hu-box.is-required{
border-color:#DC2626;
background:#FFF5F5;
}
.crow-hu-box.is-required span{
color:#B91C1C;
}
.crow-hu-mini{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:40px;
height:18px;
padding:0 6px;
border-radius:999px;
background:#ECFDF5;
border:1px solid #A7F3D0;
color:#047857;
font-size:10px;
font-weight:900;
line-height:1;
}
.crow-hu-mini.is-missing{
background:#FEF2F2;
border-color:#FECACA;
color:#B91C1C;
}
@media(max-width:640px){
.crow-avatar-stack{width:60px;flex-basis:60px;gap:4px;}
.crow-hu-box{width:60px;height:24px;}
.crow-hu-box input{font-size:10.5px;}
}