:root {
    --bhz-green-950: #0c2f17;
    --bhz-green-900: #123d1d;
    --bhz-green-800: #185227;
    --bhz-green-700: #216d34;
    --bhz-green-600: #2f8542;
    --bhz-green-100: #e8f5ea;
    --bhz-green-50: #f3faf4;
    --bhz-bg: #f5f7f6;
    --bhz-surface: #ffffff;
    --bhz-surface-soft: #f8faf9;
    --bhz-text: #18211b;
    --bhz-muted: #657269;
    --bhz-border: #dfe6e1;
    --bhz-border-strong: #cbd5ce;
    --bhz-danger: #b42318;
    --bhz-danger-bg: #fee4e2;
    --bhz-radius: 10px;
    --bhz-shadow: 0 8px 28px rgba(12, 47, 23, .07);
}

html {
    font-family: Manrope, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 16px;
}

body {
    background: var(--bhz-bg);
    color: var(--bhz-text);
    font-family: inherit;
    font-size: 1rem;
    line-height: 1.55;
}

button,
input,
select,
textarea {
    font: inherit;
}

.app-shell {
    grid-template-columns: 276px minmax(0, 1fr);
}

.sidebar {
    width: 276px;
    padding: 20px 16px;
    background: linear-gradient(180deg, var(--bhz-green-900), var(--bhz-green-950));
    box-shadow: 10px 0 32px rgba(12, 47, 23, .12);
}

.brand {
    margin: 0 4px 26px;
    padding: 4px;
}

.brand-mark {
    width: 48px;
    height: 48px;
    border-radius: var(--bhz-radius);
    color: var(--bhz-green-900);
    font-size: .9rem;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .18);
}

.brand strong {
    font-size: 1rem;
}

.brand small {
    margin-top: 2px;
    font-size: .75rem;
}

.sidebar-nav {
    display: grid;
    gap: 5px;
}

.sidebar-nav .nav-item {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 46px;
    padding: 10px 12px;
    border-radius: var(--bhz-radius);
    color: rgba(255, 255, 255, .82);
    font-size: .9375rem;
    font-weight: 650;
    transition: background .15s ease, color .15s ease, transform .15s ease;
}

.sidebar-nav .nav-item:hover,
.sidebar-nav .nav-item.active {
    background: rgba(255, 255, 255, .12);
    color: #fff;
    transform: translateX(2px);
}

.sidebar-nav .nav-item.active {
    box-shadow: inset 3px 0 0 #8fd59b;
}

.nav-icon {
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    font-size: 1.1rem;
}

.nav-section {
    margin: 20px 12px 7px;
    color: rgba(255, 255, 255, .45);
    font-size: .6875rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.sidebar-user {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    margin: auto 4px 0;
    padding: 16px 4px 0;
}

.user-avatar {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .14);
    color: #fff;
    font-weight: 800;
}

.user-meta {
    min-width: 0;
}

.user-meta strong,
.user-meta small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-meta strong {
    font-size: .875rem;
}

.user-meta small {
    color: rgba(255, 255, 255, .58);
    font-size: .72rem;
}

.sidebar-user form {
    grid-column: 1 / -1;
}

.sidebar-user .logout-button {
    width: 100%;
    min-height: 40px;
    margin: 2px 0 0;
    border: 1px solid rgba(255, 255, 255, .14);
    background: rgba(255, 255, 255, .08);
    color: #fff;
    font-size: .8rem;
}

.sidebar-user .logout-button:hover {
    background: rgba(255, 255, 255, .14);
}

.main {
    min-width: 0;
}

.topbar {
    height: 76px;
    padding: 0 30px;
    background: rgba(255, 255, 255, .96);
    border-bottom: 1px solid var(--bhz-border);
    box-shadow: 0 1px 5px rgba(15, 23, 42, .04);
    backdrop-filter: blur(14px);
}

.topbar-left {
    display: flex;
    align-items: center;
    gap: 12px;
}

.topbar-title small {
    color: var(--bhz-muted);
    font-size: .6875rem;
}

.topbar-title strong {
    margin-top: 3px;
    font-size: 1rem;
}

.content {
    max-width: 1480px;
    padding: 30px;
}

.page-heading h1 {
    font-size: clamp(1.65rem, 2.2vw, 2rem);
}

.page-heading p {
    color: var(--bhz-muted);
    font-size: .9375rem;
}

.primary,
.secondary,
.danger,
button {
    min-height: 44px;
    padding: 10px 16px;
    border-radius: var(--bhz-radius);
    font-size: .9375rem;
    font-weight: 750;
}

.primary {
    background: var(--bhz-green-700);
    color: #fff;
    box-shadow: 0 5px 14px rgba(33, 109, 52, .2);
}

.primary:hover {
    background: var(--bhz-green-800);
}

.secondary {
    border: 1px solid var(--bhz-border-strong) !important;
    background: #fff !important;
    color: var(--bhz-text) !important;
}

.secondary:hover {
    border-color: var(--bhz-green-700) !important;
    background: var(--bhz-green-50) !important;
    color: var(--bhz-green-800) !important;
}

.danger {
    background: var(--bhz-danger-bg);
    color: var(--bhz-danger);
}

.compact {
    min-height: 42px;
    padding: 9px 14px;
}

input,
select,
textarea,
.select2-container .select2-selection--single,
.select2-container .select2-selection--multiple {
    min-height: 48px;
    border: 1px solid var(--bhz-border-strong);
    border-radius: var(--bhz-radius);
    background: #fff;
    color: var(--bhz-text);
    font-size: 1rem;
}

input,
select,
textarea {
    padding: 11px 13px;
}

textarea {
    min-height: 120px;
}

input:focus,
select:focus,
textarea:focus {
    border-color: var(--bhz-green-600);
    box-shadow: 0 0 0 3px rgba(47, 133, 66, .13);
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 9px 38px 9px 13px;
    line-height: 28px;
}

.select2-container .select2-selection--single .select2-selection__arrow {
    height: 46px;
}

label {
    gap: 7px;
    color: #34433a;
    font-size: .875rem;
    font-weight: 750;
}

.panel,
.stats article,
.campaign-card,
.goal-card,
.table-wrap,
.filters {
    border-color: var(--bhz-border);
    border-radius: var(--bhz-radius);
    background: var(--bhz-surface);
    box-shadow: var(--bhz-shadow);
}

.panel {
    padding: 22px;
}

.stats {
    gap: 16px;
}

.stats article {
    padding: 20px;
}

.stats small {
    font-size: .8125rem;
}

.stats strong {
    font-size: 2.1rem;
}

th,
td {
    padding: 14px 16px;
}

th {
    background: var(--bhz-surface-soft);
    color: var(--bhz-muted);
    font-size: .72rem;
}

.alert {
    padding: 13px 15px;
    border-radius: var(--bhz-radius);
    font-size: .9375rem;
}

.app-footer {
    padding: 0 30px 20px;
    font-size: .75rem;
}

.sidebar-backdrop {
    display: none;
}

.error-page {
    max-width: 680px;
    margin: 70px auto;
    text-align: center;
}

.error-code {
    display: block;
    color: var(--bhz-green-700);
    font-size: clamp(4rem, 12vw, 7rem);
    font-weight: 900;
    line-height: 1;
}

@media (max-width: 850px) {
    html {
        font-size: 17px;
    }

    .app-shell {
        display: block;
    }

    .sidebar {
        left: -296px;
        width: 276px;
        transition: left .2s ease;
    }

    .sidebar.open {
        left: 0;
    }

    body.menu-open {
        overflow: hidden;
    }

    body.menu-open .sidebar-backdrop {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 9;
        min-height: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: rgba(10, 24, 14, .48);
    }

    .topbar {
        height: 70px;
        padding: 0 16px;
    }

    .menu-btn {
        display: inline-grid;
        place-items: center;
        width: 44px;
        min-height: 44px;
        padding: 0;
        background: var(--bhz-green-50);
        color: var(--bhz-green-900);
    }

    .content {
        padding: 18px 15px 24px;
    }

    .topbar .primary {
        width: 44px;
        padding: 0;
        font-size: 0;
        text-align: center;
    }

    .topbar .primary::after {
        content: "+";
        font-size: 1.4rem;
    }

    .page-heading {
        align-items: flex-start;
    }

    .panel {
        padding: 17px;
    }

    .app-footer {
        padding: 0 16px 16px;
    }
}

.sidebar,
.main,
.brand-copy,
.nav-label,
.user-meta,
.nav-section,
.sidebar-user form {
    transition: width .2s ease, opacity .15s ease, transform .2s ease, grid-template-columns .2s ease;
}

.sidebar-toggle {
    display: inline-grid;
    place-items: center;
    width: 36px;
    min-height: 36px;
    padding: 0;
    border: 1px solid var(--bhz-border);
    border-radius: 9px;
    background: #fff;
    color: var(--bhz-green-900);
    font-size: 1.35rem;
    line-height: 1;
}

.sidebar-toggle:hover {
    background: var(--bhz-green-50);
}

body.sidebar-collapsed .app-shell {
    grid-template-columns: 84px minmax(0, 1fr);
}

body.sidebar-collapsed .sidebar {
    width: 84px;
    padding-inline: 12px;
}

body.sidebar-collapsed .brand {
    justify-content: center;
    margin-inline: 0;
}

body.sidebar-collapsed .brand-copy,
body.sidebar-collapsed .nav-label,
body.sidebar-collapsed .nav-section,
body.sidebar-collapsed .user-meta,
body.sidebar-collapsed .sidebar-user form {
    width: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
}

body.sidebar-collapsed .sidebar-nav .nav-item {
    justify-content: center;
    padding-inline: 0;
}

body.sidebar-collapsed .sidebar-nav .nav-item:hover,
body.sidebar-collapsed .sidebar-nav .nav-item.active {
    transform: none;
}

body.sidebar-collapsed .sidebar-user {
    grid-template-columns: 1fr;
    justify-items: center;
    padding-inline: 0;
}

body.sidebar-collapsed .sidebar-toggle {
    transform: rotate(180deg);
}

@media (max-width: 850px) {
    .sidebar-toggle {
        display: none;
    }

    body.sidebar-collapsed .app-shell {
        display: block;
    }

    body.sidebar-collapsed .sidebar {
        width: 276px;
        padding: 20px 16px;
    }

    body.sidebar-collapsed .brand {
        justify-content: flex-start;
        margin: 0 4px 26px;
    }

    body.sidebar-collapsed .brand-copy,
    body.sidebar-collapsed .nav-label,
    body.sidebar-collapsed .nav-section,
    body.sidebar-collapsed .user-meta,
    body.sidebar-collapsed .sidebar-user form {
        width: auto;
        opacity: 1;
        overflow: visible;
        pointer-events: auto;
    }

    body.sidebar-collapsed .sidebar-nav .nav-item {
        justify-content: flex-start;
        padding: 10px 12px;
    }

    body.sidebar-collapsed .sidebar-user {
        grid-template-columns: 38px minmax(0, 1fr);
        justify-items: stretch;
        padding: 16px 4px 0;
    }
}

.campaign-status{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding:1rem 1.15rem}.campaign-status span{font-size:.95rem}.campaign-status-ok{border-left:4px solid #198754}.campaign-status-error{border-left:4px solid #dc3545}.campaign-status-error strong,.campaign-status-error span{color:#842029}button:disabled{cursor:not-allowed;opacity:.55}@media(max-width:700px){.campaign-status{align-items:flex-start;flex-direction:column}}

.datetime-picker{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 52px;gap:8px}.datetime-display{cursor:pointer;background:#fff}.datetime-button{display:flex;align-items:center;justify-content:center;min-height:48px;padding:0;border:1px solid #cbd6cf;border-radius:10px;background:#fff;font-size:1.2rem;cursor:pointer}.datetime-button:hover{border-color:#176b45;background:#f1f7f3}.datetime-native{position:absolute;right:0;bottom:0;width:1px;height:1px;opacity:0;pointer-events:none}
.area-change{display:inline-flex;align-items:center;gap:.25rem;font-weight:700;white-space:nowrap}.area-change small{font-weight:500}.error-page code{display:inline-block;padding:.35rem .55rem;border:1px solid var(--border,#dfe7e2);border-radius:6px;background:#f6f8f7;font-size:.9rem}.role-scope-note{margin:.75rem 0 0;color:var(--muted,#66736b);font-size:.92rem}.user-avatar{position:relative}.user-avatar .role-symbol{position:absolute;right:-4px;bottom:-4px;display:grid;place-items:center;width:18px;height:18px;border:2px solid #fff;border-radius:50%;font-size:10px;line-height:1;background:#176b45;color:#fff}.user-avatar.role-admin .role-symbol{background:#6f42c1}.user-avatar.role-regional .role-symbol{background:#0d6efd}.user-avatar.role-municipal .role-symbol{background:#fd7e14}.user-avatar.role-activist .role-symbol{background:#198754}


/* v2.1.8 — BHZ CRM identity */
.brand {
    display: flex;
    align-items: center;
    gap: 12px;
}
.brand-logo {
    width: 58px;
    height: 42px;
    object-fit: contain;
    flex: 0 0 auto;
    filter: drop-shadow(0 4px 10px rgba(0, 0, 0, .18));
}
.brand-copy strong { font-size: 1rem; }
.brand-copy small { max-width: 150px; line-height: 1.25; }
.auth-brand {
    display: flex;
    justify-content: center;
    margin: 0 0 20px;
}
.auth-brand-logo {
    width: min(260px, 82%);
    height: auto;
    object-fit: contain;
}
input[type="checkbox"],
input[type="radio"] {
    width: 16px !important;
    height: 16px !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0;
    flex: 0 0 16px;
    accent-color: var(--bhz-green-700);
    box-shadow: none !important;
}
.select-column input[type="checkbox"],
.bulk-toolbar input[type="checkbox"] {
    width: 15px !important;
    height: 15px !important;
    flex-basis: 15px;
}
label:has(> input[type="checkbox"]),
label:has(> input[type="radio"]) {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 20px;
}
@media (max-width: 850px) {
    .brand-logo { width: 52px; height: 38px; }
}


/* v2.1.9 — activist ranking profile */
.activist-rank-panel{margin-bottom:24px}
.activist-rank-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.activist-rank-grid article{border:1px solid var(--border);border-radius:14px;padding:20px;background:var(--surface)}
.activist-rank-grid .rank-scope{display:block;color:var(--muted);font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.activist-rank-grid strong{display:block;font-size:2.25rem;line-height:1;margin:10px 0;color:var(--text)}
.activist-rank-grid small{display:block;color:var(--muted);margin-bottom:12px}
.activist-rank-grid .rank-trend{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:.9rem}
@media(max-width:700px){.activist-rank-grid{grid-template-columns:1fr}.profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v2.2.0 — reports and advanced contact filters */
.advanced-filter-panel{margin-bottom:18px}
.advanced-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end}
.advanced-filters>input,.advanced-filters>select,.advanced-filters>.date-filter{width:100%;margin:0}
.date-filter{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:.82rem;font-weight:700}
.date-filter input{width:100%;min-height:46px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text)}
.filter-actions{display:flex;gap:8px;align-items:center}
.filter-actions>*{flex:1;text-align:center}
.export-panel{margin:0 0 18px}
.export-panel summary{cursor:pointer;font-weight:700;list-style:none}
.export-panel summary::-webkit-details-marker{display:none}
.export-panel summary::after{content:'+';float:right;font-size:1.25rem}
.export-panel[open] summary::after{content:'−'}
.export-options{margin-top:16px}
.export-column-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}
.export-column-grid label{padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}
@media(max-width:1050px){.advanced-filters,.export-column-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.advanced-filters,.export-column-grid{grid-template-columns:1fr}.filter-actions{grid-column:1/-1}}


/* v2.2.1 — cleaner authentication and navigation identity */
.brand { gap: 12px; }
.brand-mark {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    border-radius: 13px;
    background: #fff;
    color: #14532d;
    font-size: .86rem;
    font-weight: 900;
    letter-spacing: .03em;
    box-shadow: 0 8px 22px rgba(0,0,0,.16);
}
.brand-copy strong { font-size: 1.05rem; line-height: 1.15; }
.brand-copy small { margin-top: 3px; font-size: .75rem; opacity: .72; }
.auth-brand { margin-bottom: 26px; }
.auth-brand-logo { width: min(250px, 78%); }
.login-card { padding: 38px; }
.login-card h1 { margin-top: 0; }
.login-card > p { margin-top: 8px; margin-bottom: 22px; }
@media (max-width: 600px) {
    .login-card { padding: 28px 22px; }
    .auth-brand-logo { width: min(220px, 82%); }
    .brand-mark { width: 42px; height: 42px; flex-basis: 42px; }
}

/* v2.2.2 — mobile UX stabilization */
html,body{max-width:100%;overflow-x:hidden}
*,*::before,*::after{box-sizing:border-box}
img,svg,canvas,video{max-width:100%;height:auto}
.content,.page-heading,.panel,.filters,.table-wrap,.goal-grid,.metric-grid{min-width:0;max-width:100%}

@media(max-width:850px){
  body{font-size:16px}
  .sidebar{
    position:fixed;
    inset:0 auto 0 -296px;
    z-index:20;
    display:flex;
    flex-direction:column;
    height:100dvh;
    max-height:100dvh;
    padding:16px 14px max(14px,env(safe-area-inset-bottom));
    overflow:hidden;
  }
  .sidebar.open{left:0}
  .brand{flex:0 0 auto;margin:0 4px 16px}
  .sidebar-nav{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:2px 2px 16px;scrollbar-width:thin}
  .sidebar-user{position:relative;flex:0 0 auto;margin:0 4px;padding:12px 4px 0;background:linear-gradient(180deg,rgba(12,47,23,0),var(--bhz-green-950) 18%)}
  .sidebar-user .logout-button{min-height:42px}
  .sidebar-nav .nav-item{min-height:44px;padding:9px 11px;font-size:.96rem}
  .nav-section{margin-top:16px}

  .topbar{height:64px;padding:0 12px;gap:8px}
  .topbar-left{gap:8px;min-width:0}
  .menu-btn{width:40px;min-height:40px;flex:0 0 40px}
  .topbar-title{min-width:0;display:flex;align-items:baseline;gap:6px}
  .topbar-title small{flex:0 0 auto;font-size:.72rem}
  .topbar-title strong{min-width:0;margin:0;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .topbar .primary{width:40px;min-height:40px;flex:0 0 40px;border-radius:10px}
  .topbar .primary::after{font-size:1.25rem}

  .content{width:100%;padding:16px 12px 24px}
  .page-heading{display:grid!important;grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:18px}
  .page-heading>div{min-width:0}
  .page-heading h1{margin:0;font-size:1.75rem;line-height:1.15}
  .page-heading p{margin:.45rem 0 0;font-size:.95rem;line-height:1.45}
  .page-heading>.primary,.page-heading>.secondary{justify-self:start;width:auto;max-width:100%;min-height:40px;padding:8px 13px}
  .heading-actions{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .heading-actions>a,.heading-actions>button{width:100%;min-width:0;min-height:40px;padding:8px 10px;font-size:.9rem}

  .panel{padding:15px}
  .panel-heading{display:grid!important;grid-template-columns:minmax(0,1fr);gap:10px;align-items:start!important}
  .panel-heading h2{margin:0;font-size:1.25rem}
  .panel-heading .compact{justify-self:start;width:auto;min-height:38px;padding:7px 11px}

  .crm-metrics{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .crm-metrics .metric-card{display:flex;flex-direction:column;justify-content:space-between;min-width:0;min-height:92px;padding:13px!important}
  .crm-metrics .metric-card span{display:block;font-size:.78rem;line-height:1.25;overflow-wrap:anywhere}
  .crm-metrics .metric-card strong{display:block;margin-top:8px;font-size:1.55rem;line-height:1}

  .advanced-filters,.goal-filters,.admin-user-filters,.filters{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;width:100%;min-width:0}
  .advanced-filters>* ,.goal-filters>* ,.admin-user-filters>* ,.filters>*{width:100%!important;min-width:0!important;max-width:100%}
  input,select,textarea,.select2-container{max-width:100%!important}
  input,select{min-height:46px;padding:10px 12px}
  .filter-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;width:100%}
  .filter-actions>*{min-width:0;min-height:40px;padding:8px 10px}

  .goal-card{padding:16px!important}
  .goal-card h2{font-size:1.35rem;overflow-wrap:anywhere}
  .goal-card-head{gap:10px;flex-wrap:wrap}
  .goal-number strong{font-size:2rem}
  .goal-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}
  .goal-actions a,.goal-actions button{width:100%;min-height:38px;padding:7px 10px}

  .segmented{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start}
  .segmented a{padding:7px 10px;font-size:.9rem}

  .table-wrap{width:100%;overflow-x:hidden!important}
  .mobile-card-table table,.mobile-card-table thead,.mobile-card-table tbody,.mobile-card-table tr,.mobile-card-table th,.mobile-card-table td{display:block;width:100%}
  .mobile-card-table thead{display:none}
  .mobile-card-table tbody{display:grid;gap:10px}
  .mobile-card-table tr{padding:14px;border:1px solid var(--bhz-border);border-radius:12px;background:#fff;box-shadow:0 4px 14px rgba(12,47,23,.05)}
  .mobile-card-table td{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px;padding:7px 0!important;border:0!important;min-width:0;overflow-wrap:anywhere}
  .mobile-card-table td::before{content:attr(data-label);color:var(--bhz-muted);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
  .mobile-card-table td:last-child{grid-template-columns:1fr;padding-top:10px!important}
  .mobile-card-table td:last-child::before{display:none}
  .mobile-card-table td:last-child a,.mobile-card-table td:last-child button{width:100%;text-align:center}
  .mobile-card-table small{display:block;white-space:normal;overflow-wrap:anywhere}

  .contacts-table table{table-layout:fixed}
  .contacts-table th,.contacts-table td{overflow-wrap:anywhere;word-break:break-word}
  .contacts-table th:nth-child(1),.contacts-table td:nth-child(1){width:30%!important}
  .contacts-table th:nth-child(2),.contacts-table td:nth-child(2){width:40%!important}
  .contacts-table th:nth-child(3),.contacts-table td:nth-child(3){width:30%!important}

  .app-footer{padding:6px 12px 18px;font-size:.72rem}
}

@media(max-width:430px){
  .crm-metrics{grid-template-columns:1fr 1fr!important}
  .topbar-title small{display:none}
  .heading-actions{grid-template-columns:1fr}
  .mobile-card-table td{grid-template-columns:92px minmax(0,1fr)}
}

/* v2.2.3 — mobile readability and localization */
@media (max-width: 850px) {
  .mobile-contact-cards table,
  .mobile-contact-cards tbody,
  .mobile-contact-cards tr,
  .mobile-contact-cards td,
  .area-progress-table table,
  .area-progress-table tbody,
  .area-progress-table tr,
  .area-progress-table td {
    display: block;
    width: 100%;
  }

  .mobile-contact-cards thead,
  .area-progress-table thead {
    display: none;
  }

  .mobile-contact-cards tbody,
  .area-progress-table tbody {
    display: grid;
    gap: 12px;
  }

  .mobile-contact-cards tr,
  .area-progress-table tr {
    padding: 14px;
    border: 1px solid var(--bhz-border);
    border-radius: 12px;
    background: var(--bhz-surface);
  }

  .mobile-contact-cards td,
  .area-progress-table td {
    display: grid;
    grid-template-columns: 105px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
    padding: 7px 0 !important;
    border: 0 !important;
    overflow-wrap: anywhere;
    word-break: normal;
  }

  .mobile-contact-cards td::before,
  .area-progress-table td::before {
    content: attr(data-label);
    color: var(--bhz-muted);
    font-size: .72rem;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: .04em;
    text-transform: uppercase;
  }

  .mobile-contact-cards .desktop-only {
    display: none !important;
  }

  .mobile-contact-cards .select-column {
    display: none !important;
  }

  .mobile-contact-cards td a,
  .area-progress-table td a {
    min-width: 0;
    overflow-wrap: anywhere;
  }

  .area-progress-table .progress {
    width: 100%;
    min-width: 0;
  }

  .admin-users-table table,
  .admin-users-table tbody,
  .admin-users-table tr,
  .admin-users-table td {
    display: block;
    width: 100%;
  }

  .admin-users-table thead {
    display: none;
  }

  .admin-users-table tbody {
    display: grid;
    gap: 12px;
  }

  .admin-users-table tr {
    padding: 14px;
    border: 1px solid var(--bhz-border);
    border-radius: 12px;
    background: var(--bhz-surface);
  }

  .admin-users-table td {
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr);
    gap: 12px;
    padding: 7px 0 !important;
    border: 0 !important;
    overflow-wrap: anywhere;
  }

  .admin-users-table td::before {
    content: attr(data-label);
    color: var(--bhz-muted);
    font-size: .72rem;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: .04em;
    text-transform: uppercase;
  }

  .admin-users-table td:last-child a {
    display: inline-flex;
    justify-content: center;
    width: 100%;
    min-height: 40px;
    padding: 8px 12px;
    border: 1px solid var(--bhz-border);
    border-radius: 10px;
  }

  .form-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .form-grid .span-2,
  .form-actions.span-2 {
    grid-column: 1 !important;
  }

  .form-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .form-actions > * {
    width: 100%;
    min-width: 0;
    text-align: center;
  }

  select {
    text-overflow: ellipsis;
  }
}

@media (max-width: 430px) {
  .mobile-contact-cards td,
  .area-progress-table td,
  .admin-users-table td {
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 10px;
  }

  .form-actions {
    grid-template-columns: 1fr;
  }
}

/* v2.2.4 — simplified activist experience */
.activist-home{display:grid;gap:18px}
.activist-welcome{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;border-radius:16px;background:linear-gradient(135deg,#123d1d,#1f7435);color:#fff}
.activist-welcome h1{margin:4px 0 6px;font-size:2rem}.activist-welcome p{margin:0;color:rgba(255,255,255,.78)}
.activist-welcome .eyebrow{color:#b9efc5}.activist-primary-action{background:#fff!important;color:#165c2a!important;box-shadow:none!important}
.activist-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.activist-quick-card{display:flex;flex-direction:column;min-width:0;padding:18px;border:1px solid var(--bhz-border);border-radius:14px;background:#fff;color:inherit;text-decoration:none}
.activist-quick-card span{color:var(--bhz-muted);font-weight:700}.activist-quick-card strong{margin:8px 0 4px;font-size:2rem;line-height:1}.activist-quick-card small{color:var(--bhz-muted)}
.activist-quick-card.urgent strong{color:#b42318}.activist-quick-card.success strong{color:var(--bhz-green-700)}
.activist-home-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:16px}
.activist-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.activist-section-heading h2{margin:3px 0}.activist-section-heading>strong{font-size:1.5rem;color:var(--bhz-green-700)}
.activist-task-list,.activist-recent-list,.activist-neighbor-list{display:grid;gap:8px}
.activist-task{display:grid;grid-template-columns:82px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--bhz-border);border-radius:11px;color:inherit;text-decoration:none}
.activist-task time{font-weight:800;color:var(--bhz-green-700)}.activist-task small,.activist-recent-list small{display:block;margin-top:2px;color:var(--bhz-muted)}.activist-task.is-late{border-color:#f3b8b2;background:#fff6f5}.activist-task.is-late time{color:#b42318}
.activist-rank-number{display:flex;align-items:end;gap:10px;margin:8px 0 14px}.activist-rank-number strong{font-size:3rem;line-height:1;color:var(--bhz-green-700)}.activist-rank-number span{padding-bottom:5px;color:var(--bhz-muted)}
.activist-neighbor{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;border-radius:10px;background:var(--bhz-surface-muted)}.activist-neighbor.is-me{background:#e8f6eb;border:1px solid #b9dfc1}.activist-neighbor b{color:var(--bhz-green-700)}
.activist-recent-list a{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px;border-bottom:1px solid var(--bhz-border);color:inherit;text-decoration:none}.activist-recent-list a:last-child{border-bottom:0}.activist-recent-list b{white-space:nowrap;color:var(--bhz-green-700)}

@media(max-width:850px){
  .activist-welcome{display:grid;padding:18px}.activist-primary-action{width:100%;justify-content:center;min-height:48px}
  .activist-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.activist-quick-card{padding:14px}.activist-quick-card strong{font-size:1.7rem}
  .activist-home-grid{grid-template-columns:1fr}.activist-task{grid-template-columns:72px minmax(0,1fr) auto}
  .activist-home .panel{padding:14px}
}
@media(max-width:430px){.activist-welcome h1{font-size:1.65rem}.activist-quick-card small{font-size:.76rem}.activist-task{grid-template-columns:64px minmax(0,1fr) auto;gap:8px}.activist-task time{font-size:.84rem}}

/* v2.2.6 — contact summary cards */
.contact-summary-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin:0 0 18px;
}
.contact-summary-card{
  display:flex;
  align-items:center;
  gap:13px;
  min-width:0;
  padding:16px;
  border:1px solid var(--bhz-border);
  border-radius:14px;
  background:#fff;
  color:var(--bhz-text);
  text-decoration:none;
  box-shadow:0 5px 18px rgba(15,23,42,.045);
  transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.contact-summary-card:hover{
  border-color:var(--bhz-green-700);
  transform:translateY(-1px);
  box-shadow:0 8px 22px rgba(15,23,42,.075);
}
.contact-summary-card.active{
  border-color:var(--bhz-green-700);
  background:var(--bhz-green-50);
}
.contact-summary-icon{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  flex:0 0 42px;
  border-radius:12px;
  background:var(--bhz-green-50);
  color:var(--bhz-green-800);
  font-size:1.25rem;
  font-weight:900;
}
.contact-summary-card.active .contact-summary-icon{
  background:var(--bhz-green-700);
  color:#fff;
}
.contact-summary-copy{
  display:grid;
  min-width:0;
  gap:3px;
}
.contact-summary-copy small{
  color:var(--bhz-muted);
  font-size:.78rem;
  font-weight:800;
  line-height:1.25;
}
.contact-summary-copy strong{
  color:var(--bhz-text);
  font-size:1.65rem;
  line-height:1;
}
.contact-summary-copy em{
  color:var(--bhz-muted);
  font-size:.72rem;
  font-style:normal;
  line-height:1.25;
}
@media(max-width:1100px){
  .contact-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
  .contact-summary-grid{gap:8px}
  .contact-summary-card{align-items:flex-start;gap:9px;padding:12px;min-height:104px}
  .contact-summary-icon{width:34px;height:34px;flex-basis:34px;border-radius:10px;font-size:1rem}
  .contact-summary-copy small{font-size:.72rem}
  .contact-summary-copy strong{font-size:1.45rem}
  .contact-summary-copy em{font-size:.66rem}
}
@media(max-width:360px){
  .contact-summary-grid{grid-template-columns:1fr}
  .contact-summary-card{min-height:0}
}


/* v2.2.7 — compact mobile navigation and dedicated contact cards */
.mobile-contacts-list{display:none}

@media (max-width:850px){
  .sidebar{width:252px;inset:0 auto 0 -272px;padding:12px 12px max(12px,env(safe-area-inset-bottom))}
  .brand{margin:0 2px 10px;padding:2px}
  .brand-mark{width:40px;height:40px;flex-basis:40px;border-radius:9px;font-size:.78rem}
  .brand-copy strong{font-size:.94rem}
  .brand-copy small{font-size:.68rem;line-height:1.25}
  .sidebar-nav{gap:2px;padding:0 1px 10px}
  .sidebar-nav .nav-item{min-height:42px;padding:8px 10px;gap:10px;border-radius:9px;font-size:.91rem;line-height:1.2}
  .nav-icon{width:21px;height:21px;flex-basis:21px;font-size:1rem}
  .nav-section{margin:12px 10px 5px;font-size:.62rem}
  .sidebar-user{grid-template-columns:34px minmax(0,1fr);gap:8px;margin:0 2px;padding:10px 2px 0}
  .user-avatar{width:34px;height:34px;font-size:.78rem}
  .user-meta strong{font-size:.81rem}
  .user-meta small{font-size:.68rem}
  .sidebar-user form{grid-column:1/-1;margin:2px 0 0}
  .sidebar-user .logout-button{min-height:38px;padding:7px 10px;font-size:.78rem}

  .desktop-contacts-list{display:none!important}
  .mobile-contacts-list{display:grid;gap:12px;width:100%;min-width:0}
  .mobile-contact-card{min-width:0;padding:14px;border:1px solid var(--bhz-border);border-radius:14px;background:#fff;box-shadow:0 4px 16px rgba(12,47,23,.055)}
  .mobile-contact-head{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;min-width:0}
  .mobile-contact-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--bhz-green-100);color:var(--bhz-green-800);font-size:1rem;font-weight:900}
  .mobile-contact-title{min-width:0}
  .mobile-contact-title a{display:block;min-width:0;color:var(--bhz-text);font-size:1rem;font-weight:850;line-height:1.25;white-space:normal;overflow-wrap:normal;word-break:normal}
  .mobile-contact-title span{display:block;margin-top:2px;color:var(--bhz-muted);font-size:.75rem;font-weight:750;letter-spacing:.03em}
  .mobile-contact-head>.badge{max-width:90px;white-space:nowrap}
  .mobile-contact-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid #edf1ee}
  .mobile-contact-details>div{min-width:0}
  .mobile-contact-details span{display:block;color:var(--bhz-muted);font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
  .mobile-contact-details strong{display:block;margin-top:2px;color:var(--bhz-text);font-size:.86rem;font-weight:750;line-height:1.35;white-space:normal;overflow-wrap:break-word;word-break:normal}
  .mobile-contact-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
  .mobile-contact-actions a{display:flex!important;align-items:center;justify-content:center;width:100%;min-width:0;min-height:42px;padding:8px 12px!important;border-radius:10px;font-size:.9rem!important;font-weight:800;line-height:1!important;white-space:nowrap;word-break:normal!important;overflow-wrap:normal!important}
  .mobile-contact-actions .secondary{border:1px solid var(--bhz-border-strong);background:#fff;color:var(--bhz-green-800)}
  .mobile-empty-state{padding:32px 18px;border:1px dashed var(--bhz-border-strong);border-radius:14px;background:#fff;color:var(--bhz-muted);text-align:center}
}

@media (max-width:390px){
  .mobile-contact-head{grid-template-columns:38px minmax(0,1fr)}
  .mobile-contact-head>.badge{grid-column:2;justify-self:start}
  .mobile-contact-avatar{width:38px;height:38px}
}

/* v2.2.8 — compact sidebar rows */
.sidebar {
    padding: 14px 12px;
}
.brand {
    margin: 0 3px 14px;
}
.sidebar-nav {
    gap: 1px;
}
.sidebar-nav .nav-item {
    min-height: 38px;
    padding: 6px 9px;
    gap: 9px;
    border-radius: 8px;
    font-size: .875rem;
    line-height: 1.15;
}
.nav-icon {
    width: 20px;
    height: 20px;
    flex-basis: 20px;
    font-size: .98rem;
    line-height: 1;
}
.nav-section {
    margin: 10px 9px 3px;
    font-size: .625rem;
    line-height: 1.2;
}
.sidebar-user {
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 8px;
    margin: auto 3px 0;
    padding: 10px 3px 0;
}
.user-avatar {
    width: 34px;
    height: 34px;
    font-size: .8rem;
}
.user-meta strong { font-size: .8125rem; line-height: 1.2; }
.user-meta small { font-size: .675rem; line-height: 1.2; }
.sidebar-user .logout-button {
    min-height: 34px;
    padding: 6px 10px;
    margin-top: 0;
    border-radius: 8px;
    font-size: .75rem;
}

@media (max-width: 850px) {
    .sidebar {
        width: 252px;
        inset: 0 auto 0 -270px;
        padding: 12px 10px max(10px, env(safe-area-inset-bottom));
    }
    .brand { margin-bottom: 10px; }
    .brand-mark { width: 38px; height: 38px; flex-basis: 38px; border-radius: 10px; }
    .brand-copy strong { font-size: .92rem; }
    .brand-copy small { font-size: .67rem; }
    .sidebar-nav { gap: 0; padding: 0 1px 8px; }
    .sidebar-nav .nav-item {
        min-height: 36px;
        padding: 5px 8px;
        gap: 8px;
        font-size: .84rem;
    }
    .nav-icon { width: 19px; height: 19px; flex-basis: 19px; font-size: .92rem; }
    .nav-section { margin: 8px 8px 2px; }
    .sidebar-user { padding-top: 8px; }
    .sidebar-user .logout-button { min-height: 32px; }
}

/* v2.2.9 — prevent short role menus from stretching vertically */
.sidebar-nav {
    align-content: start;
    grid-auto-rows: max-content;
}

@media (max-width: 850px) {
    .sidebar-nav {
        align-content: start;
        grid-auto-rows: max-content;
    }
}


/* v3.0-alpha.1 — field-ready contact cards and actions */
.mobile-contact-card{position:relative;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.mobile-contact-card:focus-visible{outline:3px solid rgba(31,116,53,.25);outline-offset:2px}
.mobile-contact-card:active{transform:scale(.995)}
.contact-heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.contact-phone-link{font-weight:800;color:var(--bhz-green-700);text-decoration:none}
.contact-phone-link:hover{text-decoration:underline}
.contact-data-panel .panel-heading{align-items:flex-start}
@media (hover:hover){.mobile-contact-card:hover{border-color:var(--bhz-green-700);box-shadow:0 8px 24px rgba(12,47,23,.10)}}
@media (max-width:850px){
  .contact-page-heading{align-items:stretch}
  .contact-heading-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .contact-heading-actions>a{justify-content:center;width:100%;min-height:44px}
  .mobile-contact-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mobile-contact-actions a{min-height:44px}
  .contact-data-panel .panel-heading>a{display:inline-flex}
}
@media (max-width:390px){
  .mobile-contact-actions{grid-template-columns:1fr 1fr}
  .mobile-contact-actions .contact-call-action{grid-column:1/-1}
}


/* v3.0.2 — mobile dashboard cards */
.dashboard-rate{display:flex;align-items:center;gap:8px;min-width:0}
.dashboard-rate .progress{flex:1;min-width:90px;margin:0}
.dashboard-rate small{white-space:nowrap}

@media(max-width:850px){
  .dashboard-heading .period-filter{display:grid;grid-template-columns:1fr;width:100%;padding:12px}
  .dashboard-heading .period-filter select{width:100%;min-height:44px}
  .dashboard-stats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .dashboard-stats article{min-width:0;padding:15px!important}
  .dashboard-stats article .stat-icon{width:34px;height:34px;font-size:.9rem}
  .dashboard-stats article strong{font-size:1.7rem}
  .dashboard-stats article em{margin-top:5px;line-height:1.3}
  .dashboard-grid,.dashboard-grid-main{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px!important;margin-bottom:14px!important}
  .chart-panel{overflow:hidden}
  .chart-box{height:250px}
  .chart-box-donut{height:210px}

  .dashboard-card-table table,
  .dashboard-card-table tbody,
  .dashboard-card-table tr,
  .dashboard-card-table td{display:block;width:100%}
  .dashboard-card-table thead{display:none}
  .dashboard-card-table tbody{display:grid;gap:10px}
  .dashboard-card-table tr{padding:14px;border:1px solid var(--bhz-border);border-radius:13px;background:#fff;box-shadow:0 5px 16px rgba(15,23,42,.05)}
  .dashboard-card-table td{display:grid;grid-template-columns:112px minmax(0,1fr);gap:10px;align-items:center;padding:7px 0!important;border:0!important;min-width:0}
  .dashboard-card-table td::before{content:attr(data-label);color:var(--bhz-muted);font-size:.7rem;font-weight:850;letter-spacing:.045em;text-transform:uppercase}
  .dashboard-card-table td:first-child{padding-top:0!important}
  .dashboard-card-table td:first-child strong{font-size:1.05rem;color:var(--bhz-green-800)}
  .dashboard-card-table td:last-child{padding-bottom:0!important}
  .dashboard-rate{width:100%}
  .dashboard-rate .progress,.dashboard-card-table .progress{width:100%;min-width:0;margin:0}

  .activist-ranking{gap:9px}
  .activist-ranking .ranking-row{padding:12px;border:1px solid var(--bhz-border);border-radius:12px;background:#fff}
  .activist-ranking .ranking-row:last-child{border-bottom:1px solid var(--bhz-border)}

  .recent-panel .panel-heading .primary{width:100%;justify-content:center}
  .recent-list{gap:10px}
  .recent-list>a{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;padding:13px;border:1px solid var(--bhz-border);border-radius:12px;background:#fff}
  .recent-list>a:last-child{border-bottom:1px solid var(--bhz-border)}
  .recent-list .badge{grid-column:2/3;justify-self:start}
  .recent-list .recent-votes{grid-column:3;grid-row:1/3;align-self:center}
  .recent-list time{display:none}
}

@media(max-width:430px){
  .dashboard-stats{grid-template-columns:1fr 1fr!important}
  .dashboard-card-table td{grid-template-columns:96px minmax(0,1fr);gap:8px}
  .dashboard-card-table td::before{font-size:.66rem}
  .recent-list>a{grid-template-columns:40px minmax(0,1fr) auto}
}

/* BHZ CRM v3.0 Alpha 3: obavijesti, pomoć i prijave */
.nav-item{position:relative}.nav-label{min-width:0}.nav-badge{margin-left:auto;min-width:24px;height:22px;padding:0 7px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.14);font-size:.72rem;font-weight:800;line-height:1}.nav-badge-alert{background:#f4b942;color:#18210f}.sidebar.is-collapsed .nav-badge{position:absolute;right:4px;top:3px;min-width:18px;height:18px;padding:0 4px;font-size:.62rem}
.help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.help-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.help-card h2,.report-card h2,.notification-card h2{margin:0;font-size:1.05rem}.help-card p,.help-card ol,.help-card ul{margin:0;line-height:1.65}.help-card .primary,.help-card .secondary{margin-top:auto}
.narrow-form{max-width:760px}.field-error{display:block;color:#a62d2d;margin-top:6px}.stack-list{display:grid;gap:14px}.report-head,.notification-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.report-head>div,.notification-head>div{min-width:0}.report-card p,.notification-card p{line-height:1.6}.status-pill{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:.75rem;font-weight:800;white-space:nowrap}.status-open{background:#fde8e7;color:#9c2c2a}.status-in_progress{background:#fff1c8;color:#765300}.status-resolved{background:#dff2e4;color:#19612c}.inline-admin-form{display:grid;grid-template-columns:160px 1fr auto;gap:10px;align-items:center;margin-top:15px}.filter-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.filter-tabs a{padding:9px 13px;border-radius:999px;background:var(--surface,#fff);border:1px solid var(--border,#dde4dc);text-decoration:none;color:inherit}.filter-tabs a.active{background:#123d1d;color:#fff;border-color:#123d1d}
.notification-card{border-left:5px solid #5e8094}.notification-card.level-success{border-left-color:#27883f}.notification-card.level-warning{border-left-color:#d79a20}.notification-card.level-urgent{border-left-color:#c7332e}.notification-card.is-unread{box-shadow:0 8px 24px rgba(20,70,35,.12)}.notification-card.is-read{opacity:.82}.notification-head>div{display:flex;align-items:center;gap:9px}.notification-dot{width:10px;height:10px;border-radius:50%;background:#27883f;flex:0 0 auto}.is-read .notification-dot{background:#aeb7af}.admin-notification-list{margin-top:18px}.muted{color:var(--muted,#687269);overflow-wrap:anywhere}
[data-target-field][hidden]{display:none!important}
@media(max-width:760px){.help-grid{grid-template-columns:1fr}.inline-admin-form{grid-template-columns:1fr}.report-head,.notification-head{flex-direction:column}.notification-head>div{align-items:flex-start}.form-actions{display:grid;width:100%}.form-actions>*{width:100%;justify-content:center}.nav-badge{margin-left:auto}}

/* v3.0 Alpha 4 - komunikacija i podrška */
.report-card { display:grid; gap:12px; }
.report-card h2 { margin:0; font-size:18px; line-height:1.3; }
.report-card p { margin:0; }
.report-card-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.report-card-head > div { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.admin-response { padding:14px; border-radius:12px; background:#f4f8f4; border-left:4px solid #2f7a3d; }
.admin-response strong { display:block; margin-bottom:6px; }
.badge.status-open { background:#fff3cd; color:#6d5200; }
.badge.status-in_progress { background:#dbeafe; color:#174ea6; }
.badge.status-resolved { background:#dcfce7; color:#166534; }
@media (max-width: 767px) {
  .report-card-head { align-items:flex-start; }
  .page-head > form { width:100%; }
  .page-head > form button { width:100%; }
}

/* v3.0 Alpha 5 - operativni brojači i obavijesti na početnoj */
.dashboard-notifications{margin-bottom:18px;border-left:5px solid #2f7a3d}
.dashboard-notification-list{display:grid;gap:10px}
.dashboard-notification{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px 14px;border:1px solid var(--bhz-border);border-radius:12px;background:#fff}
.dashboard-notification.level-warning{border-left:4px solid #d79a20}
.dashboard-notification.level-urgent{border-left:4px solid #c7332e}
.dashboard-notification.level-success{border-left:4px solid #27883f}
.dashboard-notification strong{display:block;margin-bottom:4px}
.dashboard-notification p{margin:0 0 5px;color:var(--bhz-text);line-height:1.45}
.dashboard-notification small{color:var(--bhz-muted)}
.dashboard-notification form{margin:0}
@media(max-width:700px){
  .dashboard-notification{grid-template-columns:1fr;align-items:stretch}
  .dashboard-notification form,.dashboard-notification button{width:100%}
  .dashboard-notification button{justify-content:center;min-height:42px}
}

/* v3.0 Alpha 6: zaštita od duplih kontakata */
.duplicate-warning{border:1px solid #f0b429;background:#fff8e1;border-radius:14px;padding:14px 16px;color:#5d4300}
.duplicate-warning[hidden]{display:none!important}
.duplicate-warning strong{display:block;font-size:15px;margin-bottom:3px}
.duplicate-warning p{margin:0 0 10px;font-size:13px}
.duplicate-list{display:grid;gap:7px}
.duplicate-list a{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:9px 11px;border-radius:10px;background:#fff;color:inherit;text-decoration:none;border:1px solid rgba(93,67,0,.14)}
.duplicate-list a:hover{border-color:#b78000}
.duplicate-list b{font-size:14px}
.duplicate-list span{font-size:12px;text-align:right;color:#6b5a2b}
@media(max-width:640px){.duplicate-list a{align-items:flex-start;flex-direction:column;gap:2px}.duplicate-list span{text-align:left}}

/* v3.0 Alpha 8: aktivista može evidentirati kontakte iz svih općina; upravljačke uloge ostaju teritorijalno ograničene */


/* v3.0 Alpha 9: zadaci aktivista */
.task-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.task-card{display:flex;flex-direction:column;gap:11px;padding:18px;border:1px solid var(--bhz-border);border-left:5px solid #7c8b80;border-radius:14px;background:#fff;box-shadow:0 7px 20px rgba(15,45,25,.06)}.task-card.priority-high{border-left-color:#d79a20}.task-card.priority-urgent,.task-card.is-late{border-left-color:#c7332e}.task-card h2{margin:0;font-size:1.08rem;line-height:1.3}.task-card p{margin:0;line-height:1.55}.task-card-head,.task-meta,.task-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.task-priority{font-size:.74rem;font-weight:800;text-transform:uppercase;color:var(--bhz-muted)}.task-assignee{font-weight:750;color:var(--bhz-green-800)}.task-meta{font-size:.82rem;color:var(--bhz-muted);margin-top:auto}.task-actions{justify-content:flex-end;border-top:1px solid var(--bhz-border);padding-top:12px}.task-actions form{margin:0}.task-actions a,.task-actions button{min-height:38px}.dashboard-task-panel{margin-bottom:18px}.dashboard-task-list{display:grid;gap:10px}.dashboard-task{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--bhz-border);border-left:4px solid #7c8b80;border-radius:12px;background:#fff}.dashboard-task.priority-high{border-left-color:#d79a20}.dashboard-task.priority-urgent,.dashboard-task.is-late{border-left-color:#c7332e}.dashboard-task strong,.dashboard-task small{display:block}.dashboard-task small{margin-top:4px;color:var(--bhz-muted)}.dashboard-task form{margin:0}
@media(max-width:760px){.task-grid{grid-template-columns:1fr}.task-filters{grid-template-columns:1fr!important}.task-actions{display:grid;grid-template-columns:1fr 1fr}.task-actions>*{width:100%}.task-actions a,.task-actions button{width:100%;justify-content:center}.dashboard-task{grid-template-columns:1fr}.dashboard-task form,.dashboard-task button{width:100%}.dashboard-task button{justify-content:center;min-height:42px}}


/* v3.0 Alpha 10: objedinjeni tok komunikacije kontakta */
.contact-timeline{position:relative;display:grid;gap:0;margin-top:4px}.contact-timeline:before{content:"";position:absolute;left:18px;top:18px;bottom:18px;width:2px;background:var(--bhz-border)}.timeline-event{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);gap:13px;padding:11px 0}.timeline-marker{position:relative;z-index:1;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e8f3ea;color:var(--bhz-green-800);border:2px solid #fff;box-shadow:0 0 0 1px var(--bhz-border);font-size:.76rem;font-weight:900}.timeline-event-reminder .timeline-marker{background:#fff1c8;color:#765300}.timeline-event-system .timeline-marker{background:#eef1f3;color:#52606a}.timeline-event-body{min-width:0;padding:1px 0 12px;border-bottom:1px solid var(--bhz-border)}.timeline-event:last-child .timeline-event-body{border-bottom:0}.timeline-event-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.timeline-event-head strong{font-size:.96rem}.timeline-event-head time{white-space:nowrap;color:var(--bhz-muted);font-size:.76rem}.timeline-event p{margin:5px 0 4px;line-height:1.5;overflow-wrap:anywhere}.timeline-event small{color:var(--bhz-muted)}
@media(max-width:620px){.contact-timeline:before{left:16px}.timeline-event{grid-template-columns:34px minmax(0,1fr);gap:10px}.timeline-marker{width:32px;height:32px}.timeline-event-head{display:block}.timeline-event-head time{display:block;margin-top:3px}.contact-timeline-panel .panel-heading{align-items:flex-start}.contact-timeline-panel .panel-heading .badge{flex:0 0 auto}}


/* v3.0 Alpha 11: centriran mobilni prikaz Mojih aktivnosti */
@media(max-width:850px){
  .activities-page-heading{
    text-align:center;
    justify-items:center;
  }
  .activities-page-heading>div{width:100%;}
  .activities-page-heading h1,
  .activities-page-heading p{margin-left:auto;margin-right:auto;}
  .activities-filter-bar{
    width:100%;
    max-width:560px;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
  }
  .activities-table{
    width:100%;
    max-width:680px;
    margin-left:auto;
    margin-right:auto;
    overflow:visible;
    background:transparent;
    border:0;
  }
  .activities-table tbody{width:100%;}
  .activities-table tr{cursor:pointer;}
  .activities-table td{white-space:normal!important;text-align:left;}
  .activities-table td:first-child{padding-top:0!important;}
  .activities-table td:last-child{padding-bottom:0!important;}
  .activities-table .activity-description{line-height:1.5;overflow-wrap:anywhere;}
  .activities-table .empty{display:block!important;text-align:center!important;padding:26px 14px!important;}
  .activities-table .empty::before{display:none!important;}
}
@media(max-width:430px){
  .activities-table td{grid-template-columns:86px minmax(0,1fr)!important;gap:8px!important;}
}

/* v3.0 Alpha 12: centriran i terenski prilagođen mobilni prikaz podsjetnika */
.reminder-overdue-label{display:block;margin-top:4px;color:#a62d2d;font-size:.72rem;font-weight:800}
.reminder-row{cursor:pointer}
.reminder-row:focus-visible{outline:3px solid rgba(31,116,53,.24);outline-offset:2px}
.reminder-note{line-height:1.5;overflow-wrap:anywhere}
.reminder-action form{margin:0}
@media(max-width:850px){
  .reminders-page-heading{
    text-align:center;
    justify-items:center;
    align-items:center;
  }
  .reminders-page-heading>div:first-child{width:100%}
  .reminders-page-heading h1,
  .reminders-page-heading p{margin-left:auto;margin-right:auto}
  .reminders-scope-tabs{
    width:100%;
    max-width:420px;
    margin-left:auto;
    margin-right:auto;
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .reminders-scope-tabs a{display:flex;align-items:center;justify-content:center;min-height:42px}
  .reminders-table{
    width:100%;
    max-width:680px;
    margin-left:auto;
    margin-right:auto;
    overflow:visible;
    background:transparent;
    border:0;
  }
  .reminders-table tbody{width:100%}
  .reminders-table tr{width:100%}
  .reminders-table td{white-space:normal!important;text-align:left}
  .reminders-table td:first-child{padding-top:0!important}
  .reminders-table td:last-child{padding-bottom:0!important}
  .reminders-table .reminder-action{display:block!important;padding-top:12px!important;border-top:1px solid var(--bhz-border)!important;margin-top:4px}
  .reminders-table .reminder-action::before{display:none!important}
  .reminders-table .reminder-action form,
  .reminders-table .reminder-action a,
  .reminders-table .reminder-action button{width:100%}
  .reminders-table .reminder-action a,
  .reminders-table .reminder-action button{justify-content:center;min-height:42px}
  .reminders-table tr.is-overdue{border-left:5px solid #c7332e!important}
  .reminders-table .empty{display:block!important;text-align:center!important;padding:26px 14px!important}
  .reminders-table .empty::before{display:none!important}
}
@media(max-width:430px){
  .reminders-table td{grid-template-columns:86px minmax(0,1fr)!important;gap:8px!important}
}

/* BHZ Teren 4.0 alpha 1 — aktivista-first tok */
.field-home{max-width:760px;margin:0 auto;display:grid;gap:16px}.field-welcome{padding:6px 2px 0}.field-welcome h1{margin:4px 0 4px;font-size:clamp(25px,5vw,34px)}.field-welcome p{margin:0;color:var(--muted,#667085)}.field-goal-card{background:linear-gradient(145deg,#123d1d,#1f6a33);color:#fff;border-radius:20px;padding:20px;box-shadow:0 14px 32px rgba(18,61,29,.18)}.field-goal-top{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.field-goal-top span{display:block;font-size:13px;opacity:.8}.field-goal-top strong{display:block;font-size:30px;line-height:1.05;margin-top:4px}.field-goal-top b{font-size:22px}.field-goal-card .goal-progress{height:10px;background:rgba(255,255,255,.2);margin:17px 0 10px;border-radius:999px;overflow:hidden}.field-goal-card .goal-progress span{display:block;height:100%;background:#fff;border-radius:inherit}.field-goal-card p{margin:0;opacity:.9}.field-main-action{display:grid;grid-template-columns:58px 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center;text-decoration:none;background:#2f8f46;color:#fff;border-radius:20px;padding:18px 20px;box-shadow:0 12px 28px rgba(47,143,70,.22)}.field-main-action>span{grid-row:1/3;width:54px;height:54px;border-radius:16px;background:rgba(255,255,255,.16);display:grid;place-items:center;font-size:32px}.field-main-action strong{font-size:20px}.field-main-action small{opacity:.86}.field-today{background:#fff;border:1px solid #e5e9e6;border-radius:20px;padding:18px}.field-section-title h2{margin:3px 0 14px}.field-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.field-stat-grid article{background:#f6f8f6;border:1px solid #e7ece8;border-radius:15px;padding:14px}.field-stat-grid article span{display:block;color:#667085;font-size:13px}.field-stat-grid article strong{display:block;font-size:27px;margin-top:5px;color:#183221}.field-stat-grid article.is-success{background:#edf8f0}.field-stat-grid article.is-warning{background:#fff8e8}.field-notices>a{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid #edf0ee;text-decoration:none}.field-notices>a small{white-space:nowrap;color:#667085}.field-support-link{display:flex;justify-content:space-between;padding:15px 17px;background:#fff;border:1px solid #e4e9e5;border-radius:15px;text-decoration:none;font-weight:700;color:#1d4427}
.support-entry-shell{max-width:760px;margin:0 auto}.support-entry-heading{text-align:center;margin-bottom:17px}.support-entry-heading h1{font-size:clamp(25px,5vw,34px);margin:4px 0}.support-entry-heading p{margin:0;color:#667085}.support-entry-form{display:grid;gap:14px}.support-step{background:#fff;border:1px solid #e5e9e6;border-radius:20px;padding:18px;display:grid;gap:14px}.support-step-title{display:flex;align-items:flex-start;gap:12px}.support-step-title>span{flex:0 0 34px;height:34px;border-radius:11px;background:#eaf5ed;color:#246b36;display:grid;place-items:center;font-weight:800}.support-step-title h2{font-size:18px;margin:0}.support-step-title p{margin:3px 0 0;color:#667085;font-size:13px}.support-entry-form label{display:grid;gap:7px;font-weight:650}.support-entry-form .optional{font-weight:400;color:#8a938d;font-size:12px;margin-left:5px}.support-entry-form input,.support-entry-form select{width:100%;min-height:48px;border:1px solid #cfd8d1;border-radius:12px;padding:10px 12px;background:#fff;font:inherit}.support-name-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.support-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.support-status-card{position:relative;display:flex!important;grid-template-columns:none!important;align-items:center;gap:10px;min-height:56px;padding:12px!important;border:2px solid #e2e7e3;border-radius:14px;background:#fafbfa;cursor:pointer}.support-status-card input{position:absolute;opacity:0;pointer-events:none}.support-status-card:has(input:checked){border-color:#277a3d;background:#edf8f0;box-shadow:0 0 0 3px rgba(39,122,61,.1)}.support-status-card.tone-undecided:has(input:checked){border-color:#d29b22;background:#fff8e6}.support-status-card.tone-against:has(input:checked){border-color:#c94747;background:#fff0f0}.status-dot{width:14px;height:14px;border-radius:50%;background:#7b8980}.tone-secure .status-dot,.tone-support .status-dot{background:#2f8f46}.tone-undecided .status-dot{background:#e0a72c}.tone-against .status-dot{background:#d14d4d}.voter-count-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.voter-count-grid label{display:block!important}.voter-count-grid input{position:absolute;opacity:0}.voter-count-grid span{min-height:50px;border:2px solid #dfe6e1;border-radius:13px;display:grid;place-items:center;font-size:18px;font-weight:800;cursor:pointer}.voter-count-grid input:checked+span{border-color:#277a3d;background:#edf8f0;color:#1f6633}.support-entry-actions{display:grid;grid-template-columns:auto 1fr;gap:10px;position:sticky;bottom:0;background:rgba(246,248,246,.94);backdrop-filter:blur(8px);padding:10px 0 4px;z-index:5}.support-entry-actions a,.support-entry-actions button{min-height:52px;border-radius:13px;display:grid;place-items:center;text-align:center}.support-entry-actions button{font-size:16px;font-weight:800}.duplicate-warning>a{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid #ead7b2}.duplicate-warning>a span{color:#6c746e;font-size:12px}
@media(max-width:640px){.field-home,.support-entry-shell{width:100%}.field-goal-card,.field-main-action,.field-today,.support-step{border-radius:16px}.field-stat-grid{grid-template-columns:1fr 1fr}.support-name-grid{grid-template-columns:1fr}.support-status-grid{grid-template-columns:1fr}.support-step{padding:15px}.support-entry-actions{grid-template-columns:1fr}.support-entry-actions a{order:2}.voter-count-grid{gap:6px}.voter-count-grid span{min-height:46px}.field-main-action{grid-template-columns:50px 1fr;padding:16px}.field-main-action>span{width:48px;height:48px}}
.support-simple-filter{padding:13px}.support-filter-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,220px) auto auto;gap:9px}.support-filter-form input,.support-filter-form select,.support-filter-form button,.support-filter-form a{min-height:44px;border-radius:11px}.support-filter-form a{display:grid;place-items:center}@media(max-width:640px){.support-list-heading{text-align:center}.support-list-heading .heading-actions{width:100%}.support-list-heading .heading-actions .primary{width:100%;min-height:50px;display:grid;place-items:center}.support-filter-form{grid-template-columns:1fr 1fr}.support-filter-form input{grid-column:1/-1}.support-filter-form button,.support-filter-form a{width:100%}}

/* BHZ Teren 4.0 alpha 2 — brzo evidentiranje statusa iz liste */
.support-quick-status{display:grid;gap:8px;padding-top:13px;margin-top:2px;border-top:1px solid var(--bhz-border)}
.support-quick-status>span{font-size:.72rem;font-weight:850;letter-spacing:.045em;text-transform:uppercase;color:var(--bhz-muted)}
.support-quick-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.support-quick-buttons form{margin:0;min-width:0}
.quick-status-button{width:100%;min-height:42px;padding:8px 9px;border:1px solid #dce4de;border-radius:11px;background:#f8faf8;color:#283d2e;display:flex;align-items:center;justify-content:flex-start;gap:8px;font:inherit;font-size:.78rem;font-weight:800;line-height:1.15;cursor:pointer;white-space:normal;text-align:left}
.quick-status-button i{width:11px;height:11px;border-radius:50%;background:#87938a;flex:0 0 auto}
.quick-status-button.tone-secure i,.quick-status-button.tone-support i{background:#2f8f46}
.quick-status-button.tone-undecided i{background:#e0a72c}
.quick-status-button.tone-against i{background:#d14d4d}
.quick-status-button.is-active{border-color:#246f38;background:#eaf6ed;box-shadow:0 0 0 2px rgba(36,111,56,.08)}
.quick-status-button.tone-undecided.is-active{border-color:#d09b23;background:#fff8e6}
.quick-status-button.tone-against.is-active{border-color:#c94747;background:#fff0f0}
.quick-status-button:active{transform:scale(.985)}
@media(max-width:390px){.support-quick-buttons{grid-template-columns:1fr 1fr}.quick-status-button{font-size:.73rem;padding:7px}}

/* BHZ Teren 4.0 alpha 3 — potvrda unosa i motivacija */
.conversation-saved-shell{max-width:680px;margin:0 auto;display:grid;gap:14px;text-align:center}
.conversation-saved-card{background:linear-gradient(145deg,#173f21,#2d8141);color:#fff;border-radius:24px;padding:26px 20px;box-shadow:0 16px 38px rgba(27,92,45,.22)}
.conversation-saved-card.tone-undecided{background:linear-gradient(145deg,#7b5712,#c99120)}
.conversation-saved-card.tone-against{background:linear-gradient(145deg,#762c2c,#b94545)}
.saved-check{width:64px;height:64px;margin:0 auto 14px;border-radius:20px;background:rgba(255,255,255,.18);display:grid;place-items:center;font-size:38px;font-weight:900}
.conversation-saved-card .eyebrow{color:rgba(255,255,255,.78)}
.conversation-saved-card h1{margin:6px 0 4px;font-size:clamp(27px,6vw,38px)}
.saved-person{margin:0 0 14px;font-size:18px;opacity:.9}
.saved-status{display:inline-flex;align-items:center;gap:9px;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.15)}
.saved-status i{width:11px;height:11px;border-radius:50%;background:#fff}
.saved-votes{margin:18px auto 0;max-width:260px;padding-top:17px;border-top:1px solid rgba(255,255,255,.22)}
.saved-votes span{display:block;font-size:13px;opacity:.8}.saved-votes strong{display:block;font-size:42px;line-height:1.05;margin-top:4px}
.saved-today-card{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#fff;border:1px solid #e3e9e4;border-radius:18px;padding:12px}
.saved-today-card>div{padding:12px 8px;border-radius:13px;background:#f5f8f5}.saved-today-card span,.saved-today-card small{display:block;color:#667085}.saved-today-card strong{display:block;font-size:30px;color:#183421;margin:4px 0}
.saved-goal-card{text-align:left;background:#fff;border:1px solid #e3e9e4;border-radius:18px;padding:17px}.saved-goal-heading{display:flex;justify-content:space-between;align-items:flex-end}.saved-goal-heading span{display:block;color:#667085;font-size:13px}.saved-goal-heading strong{font-size:23px}.saved-goal-heading b{font-size:18px;color:#276f3a}.saved-goal-card .goal-progress{height:9px;background:#e5ece7;border-radius:999px;overflow:hidden;margin:13px 0 8px}.saved-goal-card .goal-progress span{display:block;height:100%;background:#2f8f46}.saved-goal-card p{margin:0;color:#667085}
.saved-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.saved-actions a{min-height:48px;border-radius:13px;display:grid;place-items:center;text-align:center;text-decoration:none}.saved-next{grid-column:1/-1;display:flex!important;gap:10px;font-size:17px;font-weight:850}.saved-next span{font-size:25px}
@media(max-width:540px){.conversation-saved-card{border-radius:18px;padding:22px 15px}.saved-today-card{grid-template-columns:1fr 1fr}.saved-actions{grid-template-columns:1fr}.saved-next{grid-column:auto}.conversation-saved-shell{width:100%}}


/* BHZ Teren 4.0 alpha 4 — koordinatorski fokus na aktiviste kojima treba podrška */
.support-attention-panel{margin-bottom:18px}
.support-attention-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.support-attention-card{border:1px solid #e1e7e2;border-left:5px solid #6f8174;border-radius:16px;background:#fff;padding:15px;display:grid;gap:12px;min-width:0}
.support-attention-card.is-critical{border-left-color:#c33e3e;background:#fffafa}
.support-attention-card.is-warning{border-left-color:#d69c25;background:#fffdf7}
.support-attention-card.is-good{border-left-color:#3d9454;background:#f9fdfa}
.support-person-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}
.support-person-row>div{min-width:0}.support-person-row strong,.support-person-row small{display:block}.support-person-row strong{font-size:16px;overflow-wrap:anywhere}.support-person-row small{margin-top:3px;color:#68736c}.support-person-row b{font-size:22px;color:#24452c}
.support-attention-card .goal-progress{height:8px;background:#e6ece7;border-radius:999px;overflow:hidden}.support-attention-card .goal-progress span{display:block;height:100%;background:#4a965d;border-radius:inherit}.support-attention-card.is-critical .goal-progress span{background:#c84b4b}.support-attention-card.is-warning .goal-progress span{background:#d6a12d}
.support-attention-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.support-attention-stats span{padding:9px;border-radius:11px;background:rgba(238,243,239,.8);font-size:12px;color:#657069}.support-attention-stats strong{display:block;font-size:18px;color:#203c27;margin-bottom:2px}
.support-attention-note{margin:0;color:#5e6962;font-size:13px;min-height:20px}.support-attention-card>a{width:100%;justify-content:center;min-height:40px}
@media(max-width:1100px){.support-attention-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.support-attention-panel .panel-heading{align-items:flex-start}.support-attention-panel .panel-heading>a{width:100%;text-align:center}.support-attention-grid{grid-template-columns:1fr}.support-attention-card{border-radius:14px}.support-attention-stats{grid-template-columns:1fr 1fr}}


/* BHZ Teren 4.0 alpha 5 — objedinjeni terenski UX */
.field-home-v2{max-width:920px;margin-inline:auto;padding-bottom:80px}.field-welcome-v2{display:flex;justify-content:space-between;align-items:center;gap:16px}.field-welcome-v2 h1{margin:.15rem 0}.field-rank{min-width:125px;text-align:center;border:1px solid #dfe8e1;background:#fff;border-radius:16px;padding:12px}.field-rank span,.field-rank small{display:block;color:#6b756e;font-size:12px}.field-rank strong{display:block;font-size:28px;color:#1f6433}.field-main-action-v2{grid-template-columns:58px 1fr auto}.field-main-action-v2>div{display:grid}.field-main-action-v2>b{font-size:28px}.field-goal-card-v2 small{font-size:.6em;color:inherit;opacity:.7}.field-stat-grid-v2{grid-template-columns:repeat(3,1fr)}.field-stat-grid-v2 article small{display:block;margin-top:5px;color:#718077;font-size:11px}.field-week{padding:17px}.field-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.field-section-title>small,.field-section-title>strong{color:#607066;font-size:12px}.field-week-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:13px}.field-week-grid>div{background:#f3f7f4;border-radius:13px;padding:12px}.field-week-grid span{display:block;color:#6a756d;font-size:12px}.field-week-grid strong{display:block;font-size:25px;margin-top:4px;color:#1d4327}.field-recent-list{display:grid}.field-recent-list>a{display:grid;grid-template-columns:42px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #edf0ed;text-decoration:none;color:inherit}.field-recent-list>a:last-child{border-bottom:0}.field-recent-avatar{width:38px;height:38px;border-radius:12px;background:#e8f2ea;color:#246638;display:grid;place-items:center;font-weight:850}.field-recent-list strong,.field-recent-list small{display:block}.field-recent-list small,.field-recent-list time{color:#728078;font-size:11px}.field-recent-list em{font-style:normal;font-size:11px;font-weight:800;padding:6px 8px;border-radius:999px;background:#edf2ee}.field-recent-list em.tone-secure,.field-recent-list em.tone-support{background:#e6f5e9;color:#246a36}.field-recent-list em.tone-undecided{background:#fff4d8;color:#8a6412}.field-recent-list em.tone-against{background:#fde9e9;color:#9a3333}
.field-bottom-nav{display:none}.support-stepper{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.support-stepper button{border:0;background:transparent;display:grid;justify-items:center;gap:4px;color:#7a857e;font:inherit;cursor:pointer}.support-stepper span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e8ece9;font-weight:850}.support-stepper small{font-size:11px}.support-stepper button.is-active{color:#1f6734}.support-stepper button.is-active span{background:#2d8242;color:#fff}.support-entry-wizard .support-step[hidden]{display:none!important}.support-entry-wizard .wizard-submit[hidden],.support-entry-wizard .wizard-next[hidden],.support-entry-wizard .wizard-back[hidden],.support-entry-wizard .wizard-cancel[hidden]{display:none!important}.support-simple-filter-v2{display:grid;gap:10px}.support-simple-filter-v2 .support-filter-form{grid-template-columns:minmax(0,1fr) auto auto}.support-status-chips{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.support-status-chips::-webkit-scrollbar{display:none}.support-status-chips a{flex:0 0 auto;text-decoration:none;padding:8px 11px;border:1px solid #dfe6e1;border-radius:999px;background:#f7f9f7;color:#435149;font-size:12px;font-weight:750}.support-status-chips a.is-active{background:#276f3a;border-color:#276f3a;color:#fff}
@media(max-width:760px){body:has(.field-bottom-nav) .content{padding-bottom:92px}.field-bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;z-index:40;background:rgba(255,255,255,.97);border-top:1px solid #dfe6e1;box-shadow:0 -8px 25px rgba(28,54,35,.09);padding:6px max(8px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));backdrop-filter:blur(12px)}.field-bottom-nav a{position:relative;min-height:52px;display:grid;justify-items:center;align-content:center;gap:2px;text-decoration:none;color:#66736b;border-radius:12px}.field-bottom-nav a span{font-size:21px;line-height:1}.field-bottom-nav a small{font-size:10px;font-weight:750}.field-bottom-nav a.active{color:#236d38;background:#edf6ef}.field-bottom-nav a.field-bottom-main span{width:38px;height:38px;border-radius:14px;background:#27783d;color:#fff;display:grid;place-items:center;margin-top:-17px;box-shadow:0 6px 16px rgba(39,120,61,.3)}.field-bottom-nav a b{position:absolute;top:2px;right:24%;min-width:17px;height:17px;border-radius:99px;background:#c43e3e;color:#fff;font-size:9px;display:grid;place-items:center}.field-home-v2{padding-bottom:0}.field-welcome-v2{align-items:flex-start}.field-rank{min-width:98px;padding:9px}.field-rank strong{font-size:22px}.field-stat-grid-v2{grid-template-columns:repeat(3,1fr)}.field-stat-grid-v2 article{padding:12px 8px}.field-stat-grid-v2 article strong{font-size:28px}.field-stat-grid-v2 article small{display:none}.field-week-grid{grid-template-columns:1fr 1fr}.field-recent-list>a{grid-template-columns:38px minmax(0,1fr) auto}.field-recent-list time{display:none}.field-recent-list em{max-width:105px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-stepper{position:sticky;top:58px;z-index:7;background:rgba(246,248,246,.95);padding:8px 0;backdrop-filter:blur(8px)}.support-entry-actions{grid-template-columns:1fr 1fr}.support-entry-actions .wizard-next,.support-entry-actions .wizard-submit{grid-column:2}.support-entry-actions .wizard-back,.support-entry-actions .wizard-cancel{grid-column:1;grid-row:1}.support-simple-filter-v2 .support-filter-form{grid-template-columns:1fr auto}.support-simple-filter-v2 .support-filter-form input{grid-column:1/-1}.support-simple-filter-v2 .support-filter-form a{min-width:88px}}
@media(max-width:420px){.field-welcome-v2{display:grid;grid-template-columns:1fr auto}.field-welcome-v2 p{font-size:13px}.field-main-action-v2{grid-template-columns:48px 1fr auto}.field-main-action-v2>span{width:46px;height:46px}.field-main-action-v2 strong{font-size:17px}.field-main-action-v2 small{font-size:11px}.field-stat-grid-v2{gap:7px}.field-stat-grid-v2 article span{font-size:11px}.field-stat-grid-v2 article strong{font-size:25px}.field-week-grid>div{padding:10px}.field-week-grid strong{font-size:22px}}

/* BHZ Teren RC1: one-page field entry */
.support-entry-single{max-width:820px}.support-entry-onepage{gap:12px}.support-entry-onepage .support-step{scroll-margin-top:72px}.support-location-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.support-status-card{min-height:82px;align-items:center;display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;grid-template-rows:auto auto;column-gap:11px;row-gap:1px}.support-status-card .status-icon{grid-row:1/3;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#e4e9e5;color:#536158;font-size:20px;font-weight:900}.support-status-card strong{font-size:15px;line-height:1.15}.support-status-card small{font-size:11px;color:#78827b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.support-status-card.tone-secure .status-icon,.support-status-card.tone-support .status-icon{background:#dff2e4;color:#20713a}.support-status-card.tone-undecided .status-icon{background:#fff0c8;color:#986a00}.support-status-card.tone-against .status-icon{background:#fde1e1;color:#a93434}.support-status-card.tone-neutral .status-icon{background:#e8edf4;color:#52657f}.support-status-card:has(input:checked) .status-icon{background:#277a3d;color:#fff}.support-status-card.tone-undecided:has(input:checked) .status-icon{background:#d29b22}.support-status-card.tone-against:has(input:checked) .status-icon{background:#c94747}.support-status-card.tone-neutral:has(input:checked) .status-icon{background:#64748b}.support-entry-actions-single{grid-template-columns:minmax(110px,.45fr) minmax(0,1fr)}.support-entry-actions-single .conversation-submit{font-size:17px}.support-section-result.needs-attention{animation:supportPulse .7s ease 2}@keyframes supportPulse{50%{box-shadow:0 0 0 5px rgba(201,71,71,.18);border-color:#c94747}}.field-error{color:#b42318;font-style:normal;font-size:13px}.support-entry-onepage .duplicate-warning{margin-top:0}
@media(max-width:640px){.support-entry-heading{text-align:left;margin-bottom:10px}.support-entry-heading h1{font-size:25px}.support-entry-heading p{font-size:13px}.support-entry-onepage .support-step{padding:14px}.support-location-grid{grid-template-columns:1fr}.support-status-grid{grid-template-columns:1fr 1fr}.support-status-card{min-height:76px;padding:10px!important;grid-template-columns:34px minmax(0,1fr)!important}.support-status-card .status-icon{width:32px;height:32px;border-radius:10px;font-size:17px}.support-status-card strong{font-size:13px}.support-status-card small{display:none}.support-entry-actions-single{grid-template-columns:104px minmax(0,1fr);padding-bottom:calc(8px + env(safe-area-inset-bottom))}.support-entry-actions-single a,.support-entry-actions-single button{min-height:50px}.voter-count-grid span{font-size:20px}}

/* BHZ TEREN RC2: reset PIN-a putem e-maila */
.forgot-pin-link,.auth-back-link{display:block;text-align:center;margin-top:16px;color:#246b36;font-weight:750;text-decoration:none}.forgot-pin-link:hover,.auth-back-link:hover{text-decoration:underline}.pin-reset-card p{line-height:1.5}.pin-reset-card form{display:grid;gap:14px}.pin-reset-card label{display:grid;gap:7px;font-weight:700}.pin-reset-card input{width:100%;min-height:48px;border:1px solid #cfd8d1;border-radius:12px;padding:10px 12px;font:inherit}.pin-reset-card .otp-input{text-align:center;font-size:26px;font-weight:850;letter-spacing:.38em;padding-left:.38em}.auth-reset-links{display:flex;justify-content:space-between;gap:12px;margin-top:16px}.auth-reset-links a{color:#246b36;font-weight:700;text-decoration:none;font-size:13px}.alert.success{background:#eaf7ed;border:1px solid #b9ddc2;color:#1e6532}
@media(max-width:480px){.auth-reset-links{display:grid;justify-items:center}.pin-reset-card .otp-input{font-size:23px}}


/* BHZ Teren RC3: stabilizacija pretrage, obavijesti i motivacija */
.notification-page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:20px}.notification-page-head h1{margin:5px 0 7px;font-size:clamp(2rem,5vw,3rem)}.notification-page-head p{margin:0;color:#68736c;max-width:620px}.notification-feed{display:grid;gap:14px;max-width:880px}.notice-card{display:grid;grid-template-columns:52px minmax(0,1fr);gap:15px;padding:18px;border:1px solid #dde5df;border-radius:18px;background:#fff;box-shadow:0 7px 22px rgba(30,61,39,.07)}.notice-card.is-read{opacity:.76;box-shadow:none}.notice-card.is-unread{border-color:#b9d5c0}.notice-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-size:1.25rem;font-weight:900;background:#e8f2eb;color:#1c6d34}.notice-urgent .notice-icon{background:#fde8e6;color:#b52c28}.notice-warning .notice-icon{background:#fff2cc;color:#8b6500}.notice-success .notice-icon{background:#e3f4e8;color:#217438}.notice-meta{display:flex;justify-content:space-between;gap:10px;align-items:center}.notice-meta span{font-size:.72rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:#377846}.notice-urgent .notice-meta span{color:#b52c28}.notice-warning .notice-meta span{color:#916b00}.notice-meta time{font-size:.78rem;color:#818b84}.notice-content h2{font-size:1.18rem;margin:6px 0 8px}.notice-content>p{margin:0;color:#465149;line-height:1.55;overflow-wrap:anywhere}.notice-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:15px;padding-top:13px;border-top:1px solid #edf0ed}.notice-unread,.notice-read{font-size:.8rem;font-weight:750;color:#67736b}.notice-unread{color:#266f39}.notice-unread i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#2b8a45;margin-right:5px}.notice-empty{text-align:center;padding:40px}.notice-empty p{color:#727d75}
.field-daily-challenge{padding:18px}.field-daily-challenge p{margin:10px 0 0;color:#647069}.field-campaign-pulse{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:17px 19px;background:linear-gradient(135deg,#123d1d,#286f39);color:#fff}.field-campaign-pulse>div{display:flex;align-items:center;gap:12px}.pulse-icon{font-size:28px}.field-campaign-pulse small{display:block;color:rgba(255,255,255,.72);font-size:.68rem;font-weight:800;letter-spacing:.08em}.field-campaign-pulse strong{display:block;font-size:1.15rem}.field-campaign-pulse>div:last-child{gap:20px;text-align:center}.field-campaign-pulse>div:last-child strong{font-size:1.35rem}
@media(max-width:760px){.notification-page-head{align-items:stretch;flex-direction:column;margin-bottom:14px}.notification-page-head h1{font-size:2.15rem}.notification-page-head form,.notification-page-head button{width:100%}.notification-feed{gap:11px}.notice-card{grid-template-columns:42px minmax(0,1fr);padding:14px;gap:11px;border-radius:16px}.notice-icon{width:40px;height:40px;border-radius:12px}.notice-meta{align-items:flex-start}.notice-meta time{white-space:nowrap}.notice-content h2{font-size:1.05rem}.notice-footer{align-items:stretch;flex-direction:column}.notice-footer form,.notice-footer button{width:100%}.field-campaign-pulse{align-items:flex-start;flex-direction:column}.field-campaign-pulse>div:last-child{width:100%;justify-content:space-around}.topbar-left{max-width:calc(100% - 10px)}}

/* v4.0 RC3.1 - activist support detail cleanup */
.support-detail-shell{max-width:760px;margin:0 auto;display:grid;gap:14px}.support-voter-card,.support-detail-actions-panel{background:#fff;border:1px solid #e1e8e3;border-radius:20px;padding:18px;box-shadow:0 10px 26px rgba(31,74,43,.06)}.support-voter-card{display:grid;grid-template-columns:58px minmax(0,1fr);gap:14px}.support-voter-avatar{width:58px;height:58px;border-radius:18px;background:#e6f3e9;color:#246c39;display:grid;place-items:center;font-size:20px;font-weight:900}.support-voter-main{min-width:0}.support-voter-status{display:inline-flex;padding:6px 9px;border-radius:999px;background:#e8f5eb;color:#246c39;font-size:11px;font-weight:850}.support-voter-main h2{margin:8px 0 3px;font-size:24px}.support-voter-main p{margin:0;color:#68756d}.support-voter-metrics{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:9px}.support-voter-metrics article{background:#f4f7f5;border-radius:14px;padding:13px}.support-voter-metrics span{display:block;color:#6c7870;font-size:12px}.support-voter-metrics strong{display:block;margin-top:3px;font-size:26px;color:#1d4328}.support-voter-details{grid-column:1/-1;margin:0;display:grid;gap:0;border-top:1px solid #edf0ee}.support-voter-details>div{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid #edf0ee}.support-voter-details dt{color:#6e7972}.support-voter-details dd{margin:0;font-weight:750;text-align:right}.support-detail-actions-panel h2{margin:0 0 4px}.support-detail-actions-panel>p{margin:0 0 14px;color:#6c7770}.support-detail-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.support-detail-status-grid form{margin:0}.support-detail-status{width:100%;min-height:48px;border:1px solid #dce4de;border-radius:13px;background:#f8faf8;display:flex;align-items:center;gap:9px;padding:10px 12px;font:inherit;font-weight:800;color:#2d3e32;cursor:pointer}.support-detail-status i{width:12px;height:12px;border-radius:50%;background:#87938a}.support-detail-status.tone-secure i,.support-detail-status.tone-support i{background:#2f8f46}.support-detail-status.tone-undecided i{background:#e0a72c}.support-detail-status.tone-against i{background:#d14d4d}.support-detail-status:active{transform:scale(.985)}.support-detail-primary-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.support-detail-primary-actions a{min-height:48px;display:grid;place-items:center}.contact-history-collapsible summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px}.contact-history-collapsible summary span{color:#6b766f;font-size:12px}.contact-history-collapsible[open] summary{margin-bottom:14px}.support-detail-heading{max-width:760px;margin-inline:auto}
@media(max-width:640px){.support-detail-heading{text-align:left}.support-detail-heading .contact-heading-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.support-detail-heading .contact-heading-actions a{min-height:46px;display:grid;place-items:center}.support-voter-card,.support-detail-actions-panel{border-radius:16px;padding:15px}.support-voter-card{grid-template-columns:50px minmax(0,1fr);gap:11px}.support-voter-avatar{width:50px;height:50px;border-radius:15px;font-size:17px}.support-voter-main h2{font-size:21px}.support-detail-status-grid{grid-template-columns:1fr 1fr}.support-detail-status{min-height:46px;padding:9px;font-size:13px}.support-detail-primary-actions{grid-template-columns:1fr}.support-voter-details>div{display:grid;gap:3px}.support-voter-details dd{text-align:left}}

/* v4.0 RC3.2 - contact soft delete */
.support-delete-form{margin:14px 0 0;padding-top:14px;border-top:1px solid #edf0ee}.support-delete-button{width:100%;min-height:46px;border:1px solid #f2b8b5;border-radius:13px;font-weight:850;cursor:pointer}.support-delete-button:active{transform:scale(.99)}

/* RC3.4 stabilization */
.login-lock-alert{margin-bottom:16px;text-align:left}.login-card button:disabled,.login-card input:disabled{opacity:.62;cursor:not-allowed}.secure-vote-change-note{margin-top:12px;padding:12px 14px;border-radius:12px;background:#fff7e6;border:1px solid #f3cf84;color:#6b4d00;font-size:14px;line-height:1.45}.secure-vote-change-note[hidden]{display:none!important}


/* RC3.5 — jedinstveni statusi podrške */
.support-state{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:850;border:1px solid transparent;line-height:1}.support-state i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:14px;font-weight:950}.support-state-siguran-glas{background:#e7f6eb;border-color:#9dd7aa;color:#176b30}.support-state-siguran-glas i{background:#25823e;color:#fff}.support-state-neodlucan{background:#fff5d9;border-color:#edcf70;color:#805c00}.support-state-neodlucan i{background:#d9a91f;color:#fff}.support-state-ne-podrzava{background:#fde8e8;border-color:#e8a1a1;color:#922f2f}.support-state-ne-podrzava i{background:#c94848;color:#fff}.support-status-card.tone-secure{border-color:#b9dec2}.support-status-card.tone-undecided{border-color:#ecd98d}.support-status-card.tone-against{border-color:#e7b2b2}.follow-up-panel{display:grid;gap:12px;margin-top:12px;padding:14px;border:1px solid #ecd98d;border-radius:15px;background:#fffbeb}.follow-up-toggle{display:flex!important;grid-template-columns:none!important;align-items:center;gap:10px}.follow-up-toggle input{width:20px!important;min-height:20px!important}.follow-up-toggle span{display:grid}.follow-up-toggle small{font-weight:400;color:#786b41}.follow-up-options{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.follow-up-options label{display:block!important}.follow-up-options input{position:absolute;opacity:0}.follow-up-options span{min-height:42px;border:1px solid #ddcf9a;border-radius:11px;display:grid;place-items:center;background:#fff;font-size:12px;font-weight:800;cursor:pointer}.follow-up-options input:checked+span{background:#d9a91f;border-color:#c49410;color:#fff}.follow-up-custom{background:#fff!important}.quick-status-button.tone-secure i{background:#25823e}.quick-status-button.tone-undecided i{background:#d9a91f}.quick-status-button.tone-against i{background:#c94848}.support-detail-status.tone-secure i{background:#25823e}.support-detail-status.tone-undecided i{background:#d9a91f}.support-detail-status.tone-against i{background:#c94848}@media(max-width:640px){.follow-up-options{grid-template-columns:1fr 1fr}.support-status-grid{grid-template-columns:1fr}.support-status-card{min-height:66px}}

.support-status-chips a{display:inline-flex;align-items:center;gap:6px}.support-status-chips a b{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:12px}.support-status-chips a.status-chip-siguran-glas b{background:#25823e;color:#fff}.support-status-chips a.status-chip-neodlucan b{background:#d9a91f;color:#fff}.support-status-chips a.status-chip-ne-podrzava b{background:#c94848;color:#fff}.support-status-chips a.status-chip-siguran-glas.is-active{background:#25823e;border-color:#25823e}.support-status-chips a.status-chip-neodlucan.is-active{background:#d9a91f;border-color:#d9a91f;color:#fff}.support-status-chips a.status-chip-ne-podrzava.is-active{background:#c94848;border-color:#c94848;color:#fff}

/* RC3.6 — uredniji podsjetnik, detalji podrške i konzistentni statusi */
.follow-up-panel{padding:16px!important;border-radius:18px!important;background:#fffaf0!important;border:1px solid #f0d58b!important;box-shadow:0 8px 24px rgba(120,93,20,.06)}
.follow-up-toggle{display:grid!important;grid-template-columns:24px 30px minmax(0,1fr)!important;align-items:start!important;gap:10px!important;margin:0!important}
.follow-up-toggle>input{position:absolute!important;opacity:0!important;pointer-events:none!important}
.follow-up-check{width:28px;height:28px;border-radius:8px;background:#e5ad22;color:#fff;display:grid;place-items:center;font-weight:900;font-size:17px}
.follow-up-copy{display:grid;gap:3px;min-width:0}
.follow-up-copy strong{font-size:17px;line-height:1.2;color:#26352d}
.follow-up-copy small{font-size:13px;line-height:1.45;color:#786b41}
.follow-up-schedule{display:grid;gap:10px;padding-top:14px;border-top:1px solid #efdfb0}
.follow-up-schedule>strong{font-size:14px;color:#3b463f}
.follow-up-options{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important}
.follow-up-options label{display:block!important;margin:0!important}
.follow-up-options input{position:absolute!important;opacity:0!important}
.follow-up-options span{min-height:46px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;padding:0 12px!important;border-radius:12px!important;border:1px solid #dedfdc!important;background:#fff!important;color:#2d3932!important;font-size:14px!important;font-weight:800!important}
.follow-up-options span b{font-size:15px}
.follow-up-options input:checked+span{border-color:#d59c13!important;background:#fff5d6!important;color:#7b5900!important;box-shadow:0 0 0 2px rgba(213,156,19,.12)}
.follow-up-custom{margin-top:2px!important}

.support-detail-shell-v2{display:grid;gap:16px}
.support-profile-card{background:#fff;border:1px solid #e0e6e2;border-radius:22px;padding:16px;box-shadow:0 12px 30px rgba(25,68,44,.07);display:grid;gap:16px}
.support-status-banner{display:flex;align-items:center;gap:12px;padding:14px 15px;border-radius:16px;border:1px solid transparent}
.support-status-banner-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:25px;font-weight:950;color:#fff;flex:none}
.support-status-banner span:last-child{display:grid;gap:2px}
.support-status-banner strong{font-size:17px;line-height:1.15;text-transform:uppercase;letter-spacing:.02em}
.support-status-banner small{font-size:12px;color:#66736c}
.support-status-banner.tone-secure{background:#eef9f1;border-color:#b9dfc3}.support-status-banner.tone-secure .support-status-banner-icon{background:#16823a}.support-status-banner.tone-secure strong{color:#176b30}
.support-status-banner.tone-undecided{background:#fff7df;border-color:#f1d27a}.support-status-banner.tone-undecided .support-status-banner-icon{background:#e3aa12}.support-status-banner.tone-undecided strong{color:#805c00}
.support-status-banner.tone-against{background:#fff0f0;border-color:#edb2b2}.support-status-banner.tone-against .support-status-banner-icon{background:#d64040}.support-status-banner.tone-against strong{color:#922f2f}
.support-profile-head{display:grid;grid-template-columns:58px minmax(0,1fr);gap:13px;align-items:center}
.support-profile-head .support-voter-avatar{width:58px;height:58px;border-radius:18px}
.support-profile-head h2{margin:3px 0 2px;font-size:24px;line-height:1.15}
.support-profile-head p{margin:0;color:#39794d;font-weight:700}
.support-voter-metrics-v2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.support-voter-metrics-v2 article{border:1px solid #e1e7e3;border-radius:16px;padding:14px;background:#fafcfb}
.support-voter-metrics-v2 span{display:block;font-size:12px;color:#758078;margin-bottom:7px}
.support-voter-metrics-v2 strong{font-size:27px;color:#1f3328}
.support-voter-details-v2{margin:0;border:1px solid #e1e7e3;border-radius:16px;padding:0 14px;background:#fff}
.support-voter-details-v2 div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px;padding:13px 0;border-bottom:1px solid #edf0ee}
.support-voter-details-v2 div:last-child{border-bottom:0}
.support-voter-details-v2 dt{color:#7a847e;font-size:13px}
.support-voter-details-v2 dd{margin:0;font-weight:750;color:#233329;overflow-wrap:anywhere}
.active-reminder-card{display:flex;align-items:center;gap:12px;border:1px solid #efd58f;background:#fff8e5;border-radius:17px;padding:14px 16px}
.active-reminder-icon{width:40px;height:40px;border-radius:12px;background:#ffd667;display:grid;place-items:center;font-size:20px}
.active-reminder-card span:last-child{display:grid;gap:3px}.active-reminder-card small{color:#7b6a3d}
.support-detail-actions-panel-v2{background:#fff;border:1px solid #e0e6e2;border-radius:22px;padding:16px;box-shadow:0 12px 30px rgba(25,68,44,.06);display:grid;gap:14px}
.support-detail-actions-panel-v2 h2{margin:0 0 4px;font-size:21px}.support-detail-actions-panel-v2 p{margin:0;color:#748078}
.support-detail-status-grid-v2{display:grid;gap:9px}
.support-detail-status-grid-v2 form{margin:0}
.support-detail-status-grid-v2 .support-detail-status{width:100%;min-height:54px;border-radius:14px;border:1px solid transparent;display:grid;grid-template-columns:38px minmax(0,1fr) 20px;align-items:center;text-align:left;padding:8px 12px;background:#fff;font-weight:850}
.support-detail-status-grid-v2 .support-detail-status i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;font-style:normal;font-size:18px}
.support-detail-status-grid-v2 .support-detail-status b{font-size:24px;text-align:right}
.support-detail-status-grid-v2 .tone-secure{background:#eef9f1;border-color:#b9dfc3;color:#176b30}.support-detail-status-grid-v2 .tone-secure i{background:#16823a}
.support-detail-status-grid-v2 .tone-undecided{background:#fff7df;border-color:#f1d27a;color:#805c00}.support-detail-status-grid-v2 .tone-undecided i{background:#e3aa12}
.support-detail-status-grid-v2 .tone-against{background:#fff0f0;border-color:#edb2b2;color:#922f2f}.support-detail-status-grid-v2 .tone-against i{background:#d64040}

@media(max-width:640px){
 .follow-up-options{grid-template-columns:1fr!important}
 .support-profile-card,.support-detail-actions-panel-v2{padding:14px;border-radius:18px}
 .support-profile-head h2{font-size:22px}
 .support-voter-details-v2 div{grid-template-columns:92px minmax(0,1fr)}
}


/* v4.0 RC3.7 — polished mobile support cards */
@media(max-width:767px){
  .support-contact-card-v3{padding:18px;border-radius:22px;box-shadow:0 12px 30px rgba(25,68,44,.08);border-color:#e0e7e2;display:grid;gap:16px}
  .support-card-head-v3{display:grid;grid-template-columns:58px minmax(0,1fr) 34px;gap:13px;align-items:center}
  .support-card-head-v3 .mobile-contact-avatar{width:58px;height:58px;border-radius:17px;font-size:1.35rem;background:#eaf6ed}
  .support-card-head-v3 .mobile-contact-title a{font-size:1.35rem;line-height:1.15}
  .support-card-head-v3 .mobile-contact-title span{font-size:.88rem;margin-top:5px}
  .support-card-more-v3{display:grid;place-items:center;width:34px;height:42px;border-radius:10px;text-decoration:none;color:#26382d;font-size:1.65rem;font-weight:900}
  .support-card-info-v3{display:grid;grid-template-columns:1fr 1fr;border:1px solid #e1e7e3;border-radius:18px;overflow:hidden;background:#fff}
  .support-card-info-item{padding:15px;min-width:0;border-bottom:1px solid #edf1ee}
  .support-card-info-item:nth-child(odd){border-right:1px solid #edf1ee}
  .support-card-info-item:nth-last-child(-n+2){border-bottom:0}
  .support-card-info-item>span{display:block;color:#738079;font-size:.74rem;font-weight:700;text-transform:none;letter-spacing:0;margin-bottom:6px}
  .support-card-info-item>strong{display:block;font-size:1rem;line-height:1.35;color:#18261d;overflow-wrap:anywhere}
  .support-card-status-item .support-state{padding:8px 10px;font-size:.76rem;max-width:100%;white-space:normal}
  .support-card-status-item .support-state i{width:28px;height:28px;flex:0 0 28px;font-size:16px}
  .support-quick-status-v3{padding-top:0;margin-top:0;border-top:0;gap:10px}
  .support-quick-status-v3>span{font-size:.78rem}
  .support-quick-buttons-v3{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .support-quick-buttons-v3 .quick-status-button{min-height:58px;border-radius:14px;justify-content:flex-start;padding:10px;font-size:.78rem;gap:7px}
  .support-quick-buttons-v3 .quick-status-button i{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:50%;color:#fff;font-style:normal;font-size:17px;font-weight:950}
  .support-quick-buttons-v3 .quick-status-button.tone-secure{background:#eff9f2;border-color:#b5dfc0;color:#176b30}
  .support-quick-buttons-v3 .quick-status-button.tone-secure i{background:#16823a}
  .support-quick-buttons-v3 .quick-status-button.tone-undecided{background:#fff8e5;border-color:#efd17a;color:#805c00}
  .support-quick-buttons-v3 .quick-status-button.tone-undecided i{background:#dfa80d}
  .support-quick-buttons-v3 .quick-status-button.tone-against{background:#fff0f0;border-color:#efb0b0;color:#992d2d}
  .support-quick-buttons-v3 .quick-status-button.tone-against i{background:#d43d3d}
  .support-quick-buttons-v3 .quick-status-button.is-active{box-shadow:0 0 0 2px rgba(22,130,58,.14)}
  .support-quick-buttons-v3 .quick-status-button.tone-undecided.is-active{box-shadow:0 0 0 2px rgba(223,168,13,.17)}
  .support-quick-buttons-v3 .quick-status-button.tone-against.is-active{box-shadow:0 0 0 2px rgba(212,61,61,.15)}
  .support-card-actions-v3{grid-template-columns:1fr 1fr;margin-top:0;gap:10px}
  .support-card-actions-v3 a{min-height:50px;border-radius:14px!important;font-size:1rem!important}
  .support-card-footer-v3{display:flex;justify-content:space-between;gap:12px;padding-top:13px;border-top:1px solid #edf1ee;color:#68766e;font-size:.74rem}
  .support-card-footer-v3 strong{color:#24352b}
  .support-card-footer-v3 time{white-space:nowrap}
}
@media(max-width:390px){
  .support-contact-card-v3{padding:14px}
  .support-card-info-v3{grid-template-columns:1fr}
  .support-card-info-item,.support-card-info-item:nth-child(odd){border-right:0;border-bottom:1px solid #edf1ee}
  .support-card-info-item:last-child{border-bottom:0}
  .support-quick-buttons-v3{grid-template-columns:1fr}
  .support-quick-buttons-v3 .quick-status-button{min-height:50px}
  .support-card-footer-v3{display:grid;gap:5px}
}


/* RC3.9 reminders workflow */
.field-reminder-summary{display:grid;gap:14px}.field-reminder-summary .field-section-title{margin:0}.field-reminder-summary .field-section-title a{font-weight:800;text-decoration:none;color:#24743a}.field-reminder-preview-list{display:grid;gap:8px}.field-reminder-preview{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 12px;border:1px solid #e1e8e3;border-radius:14px;text-decoration:none;color:#1f2a22;background:#fff}.field-reminder-preview.is-late{border-color:#efc2bf;background:#fff6f5}.field-reminder-preview-icon{width:38px;height:38px;border-radius:12px;background:#fff2c8;color:#936c00;display:grid;place-items:center;font-size:20px}.field-reminder-preview span:nth-child(2){display:grid;gap:2px}.field-reminder-preview small{color:#758078}.field-reminder-preview time{font-size:12px;font-weight:800;color:#755f1d}.field-reminder-preview.is-late time{color:#b3352f}.field-reminder-empty{display:flex;gap:12px;align-items:center;padding:14px;border-radius:14px;background:#edf7ef}.field-reminder-empty>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#288044;color:#fff;font-weight:900}.field-reminder-empty div{display:grid;gap:2px}.field-reminder-empty small{color:#637068}
.field-reminders-page{display:grid;gap:20px}.field-reminder-group{display:grid;gap:10px}.field-reminder-group-title{display:flex;align-items:center;justify-content:space-between}.field-reminder-group-title h2{margin:0;font-size:18px}.field-reminder-group-title span{min-width:28px;height:28px;border-radius:99px;background:#edf4ee;color:#226f38;display:grid;place-items:center;font-weight:850}.reminder-group-late .field-reminder-group-title span{background:#fee9e7;color:#ba302a}.field-reminder-cards{display:grid;gap:12px}.field-reminder-card{background:#fff;border:1px solid #dfe7e1;border-radius:18px;padding:14px;box-shadow:0 7px 22px rgba(28,64,38,.06);display:grid;gap:12px}.field-reminder-card.is-overdue{border-left:5px solid #cf3f38}.field-reminder-card.is-completed{opacity:.72}.field-reminder-card-main{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:10px;align-items:center;color:#1b271f;text-decoration:none}.field-reminder-avatar{width:46px;height:46px;border-radius:14px;background:#e9f6ec;color:#20713a;display:grid;place-items:center;font-size:20px;font-weight:900}.field-reminder-person{display:grid;gap:3px}.field-reminder-person strong{font-size:17px}.field-reminder-person small{color:#6e7a72}.field-reminder-card-main time{font-size:12px;font-weight:800;color:#745d1a;text-align:right}.field-reminder-card-main p{grid-column:2/-1;margin:0;color:#58645d}.field-reminder-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:12px;border-top:1px solid #edf1ee}.field-reminder-actions form{margin:0}.field-reminder-actions a,.field-reminder-actions button{width:100%;min-height:42px;justify-content:center}.field-reminders-empty-page{text-align:center;padding:36px 18px;background:#fff;border:1px solid #dfe7e1;border-radius:18px}.field-reminders-empty-page>span{width:56px;height:56px;border-radius:50%;background:#288044;color:#fff;display:grid;place-items:center;margin:0 auto 12px;font-size:28px}.field-reminders-empty-page h2{margin:0 0 8px}.field-reminders-empty-page p{max-width:500px;margin:0 auto 18px;color:#66736b}
@media(max-width:760px){.field-bottom-nav a small{font-size:9px}.field-reminder-preview{grid-template-columns:36px minmax(0,1fr)}.field-reminder-preview time{grid-column:2}.field-reminder-card-main{grid-template-columns:44px minmax(0,1fr)}.field-reminder-card-main time{grid-column:2;text-align:left}.field-reminder-actions{grid-template-columns:1fr 1fr}.field-reminder-actions form{grid-column:1/-1}.field-reminder-actions .badge{grid-column:1/-1;text-align:center}.reminders-page-heading{text-align:center}}

/* RC4.0 – compact status change bottom sheet */
.support-status-trigger{font:inherit;cursor:pointer;max-width:100%;white-space:normal;text-align:left}
.support-status-trigger span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.support-status-trigger b{margin-left:auto;font-size:16px;line-height:1;color:currentColor;opacity:.72}
.support-card-status-item strong{min-width:0}
.status-sheet-backdrop{position:fixed;inset:0;z-index:1190;background:rgba(8,25,13,.52);backdrop-filter:blur(2px)}
.status-bottom-sheet{position:fixed;left:50%;bottom:0;z-index:1200;width:min(620px,100%);max-height:min(82vh,720px);overflow:auto;transform:translateX(-50%);padding:8px 18px calc(20px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;background:#fff;box-shadow:0 -20px 60px rgba(5,30,13,.23)}
.status-sheet-handle{width:52px;height:5px;margin:2px auto 14px;border-radius:99px;background:#d9dfda}
.status-sheet-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
.status-sheet-heading small{display:block;color:#24743a;font-size:.72rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.status-sheet-heading h2{margin:3px 0 2px;font-size:1.25rem;line-height:1.2}
.status-sheet-heading p{margin:0;color:#718078;font-weight:700}
.status-sheet-close{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border:1px solid #dce4de;border-radius:50%;background:#f7faf8;color:#243c2b;font-size:25px;line-height:1;cursor:pointer}
.status-sheet-options{display:grid;gap:10px}
.status-sheet-option{width:100%;min-height:74px;padding:12px 14px;border:1px solid transparent;border-radius:17px;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;text-align:left;font:inherit;cursor:pointer}
.status-sheet-option>i{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;font-style:normal;font-size:25px;font-weight:950;color:#fff}
.status-sheet-option>span{display:grid;gap:3px}.status-sheet-option strong{font-size:1rem}.status-sheet-option small{font-size:.76rem;font-weight:650;opacity:.78}
.status-sheet-option>b{font-size:28px;font-weight:400;opacity:.7}
.status-sheet-option.tone-secure{background:#edf8f0;border-color:#acd8b7;color:#176b30}.status-sheet-option.tone-secure>i{background:#19833c}
.status-sheet-option.tone-undecided{background:#fff7df;border-color:#ebcd6c;color:#7d5a00}.status-sheet-option.tone-undecided>i{background:#dca70d}
.status-sheet-option.tone-against{background:#fff0f0;border-color:#edaaaa;color:#982e2e}.status-sheet-option.tone-against>i{background:#d23f3f}
.status-sheet-option.is-current{box-shadow:0 0 0 3px rgba(36,111,56,.13)}
.status-sheet-option.tone-undecided.is-current{box-shadow:0 0 0 3px rgba(220,167,13,.16)}
.status-sheet-option.tone-against.is-current{box-shadow:0 0 0 3px rgba(210,63,63,.14)}
.status-sheet-cancel{width:100%;margin-top:12px;min-height:48px}
body.status-sheet-open{overflow:hidden}
@media(min-width:768px){.status-bottom-sheet{bottom:24px;border-radius:24px;padding:10px 22px 22px}.status-sheet-backdrop{background:rgba(8,25,13,.42)}}


/* v4.0 RC4.1 — remove mobile bottom navigation and use a single floating add button */
.field-fab{
  position:fixed;
  right:clamp(18px,4vw,30px);
  bottom:calc(22px + env(safe-area-inset-bottom));
  z-index:35;
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  border:1px solid rgba(255,255,255,.65);
  border-radius:19px;
  background:linear-gradient(145deg,#2d8b48,#176b35);
  color:#fff;
  text-decoration:none;
  box-shadow:0 12px 30px rgba(23,107,53,.32),0 3px 8px rgba(0,0,0,.12);
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease;
}
.field-fab span{font-size:2rem;line-height:1;font-weight:400;transform:translateY(-1px)}
.field-fab:hover{color:#fff;background:linear-gradient(145deg,#32964f,#155f30);box-shadow:0 15px 34px rgba(23,107,53,.38),0 4px 10px rgba(0,0,0,.14)}
.field-fab:active{transform:scale(.96)}
.field-fab:focus-visible{outline:4px solid rgba(45,139,72,.25);outline-offset:3px}

@media(max-width:850px){
  .sidebar{
    overflow-y:auto;
    overscroll-behavior:contain;
    padding-bottom:max(18px,env(safe-area-inset-bottom));
  }
  .sidebar-user{
    margin-top:16px;
    padding-bottom:8px;
  }
  body .content{padding-bottom:96px}
  .field-bottom-nav{display:none!important}
  .field-fab{right:18px;bottom:calc(18px + env(safe-area-inset-bottom))}
}

@media(min-width:851px){
  .field-fab{display:none}
}

/* v4.0 RC4.2 — Facebook-inspired mobile drawer */
.sidebar-profile-card{
    display:grid;
    grid-template-columns:52px minmax(0,1fr);
    align-items:center;
    gap:13px;
    margin:0 2px 14px;
    padding:14px;
    border-radius:18px;
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 10px 24px rgba(0,0,0,.12);
}
.sidebar-profile-card .user-avatar{width:52px;height:52px;font-size:1.05rem}
.sidebar-profile-card .user-meta strong{font-size:1rem;line-height:1.25;color:#fff}
.sidebar-profile-card .user-meta small{margin-top:3px;font-size:.78rem;color:rgba(255,255,255,.66)}
.sidebar-logout-form{margin:0;padding:0}
.sidebar-logout-form .nav-item{width:100%;border:0;text-align:left;font:inherit;cursor:pointer}
.sidebar-nav .nav-item-logout{color:#ffd0d0}
.sidebar-nav .nav-item-logout:hover{background:rgba(217,68,68,.16);color:#fff}
.nav-section-account{margin-top:16px}

@media (max-width:850px){
    .sidebar{
        width:min(88vw,380px);
        inset:0 auto 0 min(-90vw,-390px);
        padding:18px 16px max(18px,env(safe-area-inset-bottom));
        background:#163f22;
    }
    .sidebar.open{left:0}
    .brand{margin:0 4px 16px;padding:2px 0}
    .brand-mark{width:50px;height:50px;flex-basis:50px;border-radius:14px;font-size:1rem}
    .brand-copy strong{font-size:1.12rem}
    .brand-copy small{font-size:.78rem;line-height:1.3}
    .sidebar-profile-card{grid-template-columns:56px minmax(0,1fr);padding:15px;margin-bottom:16px}
    .sidebar-profile-card .user-avatar{width:56px;height:56px;font-size:1.1rem}
    .sidebar-profile-card .user-meta strong{font-size:1.08rem}
    .sidebar-profile-card .user-meta small{font-size:.8rem}
    .sidebar-nav{display:flex;flex-direction:column;gap:3px;padding:0 0 18px;overflow-y:auto}
    .sidebar-nav .nav-item{
        min-height:58px;
        padding:12px 14px;
        gap:15px;
        border-radius:13px;
        font-size:1.02rem;
        font-weight:720;
        line-height:1.2;
    }
    .nav-icon{width:28px;height:28px;flex-basis:28px;font-size:1.3rem}
    .nav-badge{min-width:30px;height:30px;padding:0 9px;font-size:.82rem}
    .nav-section{margin:18px 14px 6px;font-size:.72rem;letter-spacing:.12em}
    .sidebar-nav .nav-item.active{box-shadow:none;background:rgba(255,255,255,.13)}
    .sidebar-nav .nav-item.active::before{content:none}
}

/* BHZ Teren v4.0 RC4.3 — profil u zaglavlju i vidljiva odjava */
.sidebar-account-header{
  display:grid;
  grid-template-columns:74px minmax(0,1fr);
  gap:16px;
  align-items:start;
  padding:14px 10px 18px;
  flex:0 0 auto;
}
.sidebar-account-header .brand-mark{
  width:74px;
  height:74px;
  border-radius:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  color:#17652c;
  font-size:1.05rem;
  font-weight:900;
  letter-spacing:.04em;
  box-shadow:0 10px 24px rgba(0,0,0,.12);
}
.sidebar-account-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  padding-top:1px;
}
.sidebar-account-name{
  width:100%;
  color:#fff;
  font-size:1.08rem;
  line-height:1.22;
  font-weight:850;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.sidebar-account-role{
  margin-top:2px;
  color:rgba(255,255,255,.65);
  font-size:.78rem;
  line-height:1.25;
}
.sidebar-app-name{
  margin-top:10px;
  color:#fff;
  font-size:.92rem;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.02em;
}
.sidebar-org-name{
  margin-top:2px;
  color:rgba(255,255,255,.68);
  font-size:.72rem;
  line-height:1.3;
}
.sidebar-nav{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  padding-bottom:18px;
}
.sidebar-logout-sticky{
  flex:0 0 auto;
  margin:10px 2px max(12px,env(safe-area-inset-bottom));
  padding-top:10px;
  border-top:1px solid rgba(255,255,255,.16);
  background:#0d3d1d;
}
.sidebar-logout-sticky .nav-item-logout{
  min-height:56px;
  width:100%;
  display:flex;
  align-items:center;
  gap:14px;
  padding:12px 16px;
  border:2px solid rgba(255,104,104,.72);
  border-radius:16px;
  background:#fff;
  color:#b4232f;
  font-size:1rem;
  font-weight:850;
  box-shadow:0 10px 22px rgba(0,0,0,.16);
}
.sidebar-logout-sticky .nav-item-logout .nav-icon{
  color:#cf2434;
  font-size:1.25rem;
}
.sidebar-logout-sticky .nav-item-logout:hover,
.sidebar-logout-sticky .nav-item-logout:focus-visible{
  background:#fff1f2;
  color:#991b1b;
  border-color:#e53945;
}
@media (max-width: 768px){
  .sidebar-account-header{
    grid-template-columns:70px minmax(0,1fr);
    gap:14px;
    padding:14px 8px 16px;
  }
  .sidebar-account-header .brand-mark{
    width:70px;
    height:70px;
    border-radius:19px;
  }
  .sidebar-account-name{font-size:1.02rem}
  .sidebar-app-name{font-size:.88rem}
  .sidebar-logout-sticky{margin-bottom:max(10px,env(safe-area-inset-bottom))}
}


/* BHZ Teren v4.0 RC4.4 — pojednostavljeno zaglavlje menija i oznaka uloge */
.sidebar-account-header{
  align-items:center;
}
.sidebar-account-copy{
  justify-content:center;
  padding-top:0;
}
.sidebar-account-role-line{
  display:flex;
  align-items:center;
  gap:7px;
  margin-top:7px;
  min-width:0;
}
.role-status-icon{
  display:inline-grid;
  place-items:center;
  width:20px;
  height:20px;
  flex:0 0 20px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.52);
  background:rgba(255,255,255,.12);
  color:#fff;
  font-size:.68rem;
  line-height:1;
  font-weight:900;
  box-shadow:0 0 0 3px rgba(255,255,255,.05);
}
.role-status-icon.role-activist{background:#289b57;border-color:#8ee1aa}
.role-status-icon.role-municipal{background:#2b7aa6;border-color:#8ac7e8}
.role-status-icon.role-regional{background:#7655b5;border-color:#bba5e7}
.role-status-icon.role-admin{background:#c98c21;border-color:#f2cf83}
.sidebar-account-role{
  margin-top:0;
  color:rgba(255,255,255,.72);
}
.sidebar-app-name,.sidebar-org-name{display:none!important}
@media(max-width:768px){
  .sidebar-account-role-line{margin-top:6px}
  .role-status-icon{width:19px;height:19px;flex-basis:19px;font-size:.64rem}
}

/* BHZ Teren v4.0 RC5.0 — PWA installation */
.pwa-install-trigger{
  width:100%;
  border:0;
  text-align:left;
  font:inherit;
  cursor:pointer;
}
.pwa-install-trigger[hidden],.pwa-login-install[hidden],.pwa-ios-help[hidden]{display:none!important}
.pwa-install-trigger .nav-icon{color:#b9f1c8}
.pwa-login-install{
  width:100%;
  min-height:50px;
  margin-top:14px;
  border:1px solid #b9d8c1;
  border-radius:14px;
  background:#f0f8f2;
  color:#175f31;
  font:inherit;
  font-weight:800;
  cursor:pointer;
}
.pwa-login-install:hover,.pwa-login-install:focus-visible{background:#e5f3e9;border-color:#77b488}
.pwa-ios-help{
  margin:12px 0 0;
  padding:12px 14px;
  border-radius:12px;
  background:#fff8df;
  color:#68531a;
  font-size:.84rem;
  line-height:1.45;
}
.pwa-standalone body{overscroll-behavior-y:contain}
@media(display-mode:standalone){
  .app-footer{padding-bottom:max(14px,env(safe-area-inset-bottom))}
}

/* BHZ Teren v4.0 RC5.0.2 — desktop sidebar hotfix */
@media (min-width: 851px){
  /* Logout is a normal desktop navigation row: no white block, overlay or slide animation. */
  .sidebar-logout-sticky{
    position:static;
    inset:auto;
    margin:10px 0 0;
    padding:12px 0 0;
    border-top:1px solid rgba(255,255,255,.14);
    background:transparent;
    box-shadow:none;
    transform:none;
    overflow:visible;
  }
  .sidebar-logout-sticky::before,
  .sidebar-logout-sticky::after,
  .sidebar-logout-sticky .nav-item-logout::before,
  .sidebar-logout-sticky .nav-item-logout::after{
    content:none!important;
    display:none!important;
  }
  .sidebar-logout-sticky .nav-item-logout{
    appearance:none;
    -webkit-appearance:none;
    min-height:46px;
    width:100%;
    display:flex;
    align-items:center;
    gap:12px;
    margin:0;
    padding:10px 12px;
    border:1px solid transparent;
    border-radius:10px;
    background:transparent;
    color:#ffb9bd;
    font-size:.9375rem;
    font-weight:700;
    line-height:1.2;
    text-align:left;
    box-shadow:none;
    transform:none;
    transition:background-color .15s ease,color .15s ease,border-color .15s ease;
  }
  .sidebar-logout-sticky .nav-item-logout .nav-icon{
    width:24px;
    height:24px;
    flex:0 0 24px;
    color:#ff9ca3;
    font-size:1.1rem;
    transform:none;
  }
  .sidebar-logout-sticky .nav-item-logout:hover,
  .sidebar-logout-sticky .nav-item-logout:focus-visible{
    background:rgba(229,72,82,.14);
    border-color:rgba(255,156,163,.24);
    color:#fff;
    box-shadow:none;
    transform:none;
  }
  .sidebar-logout-sticky .nav-item-logout:active{
    background:rgba(229,72,82,.2);
    transform:none;
  }

  /* Keep desktop navigation hover calm and prevent inherited slide effects. */
  .sidebar-nav .nav-item:hover,
  .sidebar-nav .nav-item:focus-visible,
  .sidebar-nav .nav-item.active{
    transform:none;
  }

  /* PWA install row must stay legible on the dark desktop sidebar. */
  .sidebar-nav .pwa-install-trigger{
    color:rgba(255,255,255,.88);
    background:transparent;
  }
  .sidebar-nav .pwa-install-trigger .nav-icon{
    color:#c9f5d3;
  }
  .sidebar-nav .pwa-install-trigger:hover,
  .sidebar-nav .pwa-install-trigger:focus-visible{
    color:#fff;
    background:rgba(255,255,255,.12);
  }
}

/* BHZ Teren v4.0 RC5.0.3 — desktop logout matches mobile style */
@media (min-width: 851px){
  .sidebar-logout-sticky{
    position:static;
    inset:auto;
    flex:0 0 auto;
    margin:10px 2px max(12px,env(safe-area-inset-bottom));
    padding-top:10px;
    border-top:1px solid rgba(255,255,255,.16);
    background:#0d3d1d;
    box-shadow:none;
    transform:none;
    overflow:visible;
  }
  .sidebar-logout-sticky::before,
  .sidebar-logout-sticky::after,
  .sidebar-logout-sticky .nav-item-logout::before,
  .sidebar-logout-sticky .nav-item-logout::after{
    content:none!important;
    display:none!important;
  }
  .sidebar-logout-sticky .nav-item-logout{
    appearance:none;
    -webkit-appearance:none;
    min-height:56px;
    width:100%;
    display:flex;
    align-items:center;
    gap:14px;
    margin:0;
    padding:12px 16px;
    border:2px solid rgba(255,104,104,.72);
    border-radius:16px;
    background:#fff;
    color:#b4232f;
    font-size:1rem;
    font-weight:850;
    line-height:1.2;
    text-align:left;
    box-shadow:0 10px 22px rgba(0,0,0,.16);
    transform:none;
    transition:background-color .15s ease,color .15s ease,border-color .15s ease;
  }
  .sidebar-logout-sticky .nav-item-logout .nav-icon{
    width:auto;
    height:auto;
    flex:0 0 auto;
    color:#cf2434;
    font-size:1.25rem;
    transform:none;
  }
  .sidebar-logout-sticky .nav-item-logout:hover,
  .sidebar-logout-sticky .nav-item-logout:focus-visible{
    background:#fff1f2;
    color:#991b1b;
    border-color:#e53945;
    box-shadow:0 10px 22px rgba(0,0,0,.16);
    transform:none;
  }
  .sidebar-logout-sticky .nav-item-logout:active{
    background:#ffe4e6;
    transform:none;
  }
}


/* BHZ Teren v4.0 RC5.0.4 — desktop contact card + definitive logout cleanup */
.sidebar-product-name{display:none}

@media (min-width: 851px){
  /* Sidebar account: product first, then signed-in user and role. */
  .sidebar-account-header{
    grid-template-columns:56px minmax(0,1fr);
    align-items:center;
    gap:13px;
    padding:12px 10px 18px;
  }
  .sidebar-account-header .brand-mark{
    width:56px;
    height:56px;
    border-radius:15px;
    font-size:1.05rem;
  }
  .sidebar-account-copy{
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-width:0;
    gap:2px;
  }
  .sidebar-product-name{
    display:block;
    color:#fff;
    font-size:1.03rem;
    line-height:1.15;
    font-weight:900;
    margin-bottom:5px;
  }
  .sidebar-account-name{
    color:rgba(255,255,255,.94);
    font-size:.86rem;
    line-height:1.2;
    font-weight:780;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .sidebar-account-role-line{margin-top:1px;gap:5px}
  .sidebar-account-role{font-size:.72rem;color:rgba(255,255,255,.67)}
  .role-status-icon{width:16px;height:16px;flex-basis:16px;font-size:.54rem}

  /* Remove every parent block, overlay and pseudo element around logout. */
  .sidebar > .sidebar-logout-form.sidebar-logout-sticky,
  .sidebar-logout-form,
  .sidebar-logout-sticky{
    position:static!important;
    inset:auto!important;
    display:block!important;
    width:auto!important;
    min-width:0!important;
    margin:12px 14px 16px!important;
    padding:0!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    filter:none!important;
    transform:none!important;
    overflow:visible!important;
  }
  .sidebar > .sidebar-logout-form.sidebar-logout-sticky::before,
  .sidebar > .sidebar-logout-form.sidebar-logout-sticky::after,
  .sidebar-logout-form::before,
  .sidebar-logout-form::after,
  .sidebar-logout-sticky::before,
  .sidebar-logout-sticky::after,
  .nav-item-logout::before,
  .nav-item-logout::after{
    content:none!important;
    display:none!important;
    background:none!important;
    box-shadow:none!important;
  }
  .sidebar-logout-sticky .nav-item-logout{
    box-sizing:border-box!important;
    width:100%!important;
    min-height:56px!important;
    margin:0!important;
    padding:12px 16px!important;
    border:2px solid #ec727b!important;
    border-radius:16px!important;
    background:#fff!important;
    background-image:none!important;
    color:#b4232f!important;
    box-shadow:0 8px 20px rgba(0,0,0,.14)!important;
    transform:none!important;
  }
  .sidebar-logout-sticky .nav-item-logout:hover,
  .sidebar-logout-sticky .nav-item-logout:focus-visible{
    background:#fff1f2!important;
    border-color:#df4d58!important;
    color:#991b1b!important;
    box-shadow:0 8px 20px rgba(0,0,0,.14)!important;
    transform:none!important;
  }

  /* Desktop support-detail layout. */
  .support-detail-heading,
  .support-detail-shell-v2{
    max-width:1100px;
    width:100%;
  }
  .support-detail-heading{
    margin-bottom:18px;
    align-items:flex-end;
  }
  .support-detail-heading h1{font-size:2rem;letter-spacing:-.035em}
  .support-detail-heading p{font-size:1rem}
  .contact-heading-actions{display:flex;gap:10px}
  .contact-heading-actions a{min-width:92px;min-height:46px;display:grid;place-items:center}

  .support-profile-card{
    grid-template-columns:minmax(280px,1.05fr) minmax(240px,.78fr) minmax(240px,.78fr);
    gap:18px 20px;
    padding:22px;
    border-radius:24px;
    box-shadow:0 16px 42px rgba(28,69,42,.09);
  }
  .support-status-banner{
    grid-column:1/-1;
    min-height:76px;
    padding:15px 18px;
    border-radius:18px;
  }
  .support-profile-head{
    grid-column:1/2;
    grid-row:2/3;
    align-self:center;
    display:grid;
    grid-template-columns:72px minmax(0,1fr);
    gap:16px;
    align-items:center;
    min-width:0;
  }
  .support-profile-head .support-voter-avatar{
    width:72px;
    height:72px;
    border-radius:22px;
    font-size:1.35rem;
  }
  .support-profile-head h2{font-size:1.6rem;margin:5px 0 4px;letter-spacing:-.025em}
  .support-profile-head p{margin:0;color:#29733d;font-weight:720}
  .support-voter-metrics-v2{
    grid-column:2/4;
    grid-row:2/3;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
  }
  .support-voter-metrics-v2 article{
    min-height:112px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:18px;
    border-radius:18px;
    background:linear-gradient(180deg,#fbfdfb 0%,#f5f9f6 100%);
  }
  .support-voter-metrics-v2 strong{font-size:2rem}
  .support-voter-details-v2{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    padding:0;
    overflow:hidden;
    border-radius:18px;
    background:#fbfcfb;
  }
  .support-voter-details-v2 div{
    grid-template-columns:120px minmax(0,1fr);
    align-items:center;
    min-height:66px;
    padding:14px 18px;
    border-bottom:1px solid #e8eeea;
  }
  .support-voter-details-v2 div:nth-child(odd){border-right:1px solid #e8eeea}
  .support-voter-details-v2 div:nth-last-child(-n+2){border-bottom:0}
  .support-voter-details-v2 dd{text-align:right;font-size:.96rem}

  .active-reminder-card,
  .support-detail-actions-panel-v2{
    border-radius:20px;
    box-shadow:0 12px 30px rgba(28,69,42,.06);
  }
  .support-detail-actions-panel-v2{padding:20px}
  .support-detail-status-grid-v2{grid-template-columns:repeat(3,1fr)}
  .support-detail-primary-actions{max-width:520px}
}

/* RC5.2 - privacy and role-based protected views */
.privacy-consent-wrap{max-width:900px;margin:0 auto;padding:24px 0 48px}.privacy-consent-card{padding:32px;border-radius:24px}.privacy-consent-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:#e8f5ea;font-size:28px;margin-bottom:14px}.privacy-consent-card h1{margin:.3rem 0 .65rem}.privacy-lead{font-size:1.05rem;color:#4b5d50;max-width:720px}.privacy-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0}.privacy-rule-grid article{padding:16px;border:1px solid #dce7de;border-radius:16px;background:#fbfdfb}.privacy-rule-grid strong{display:block;color:#173f21;margin-bottom:6px}.privacy-rule-grid p{margin:0;color:#5d6d60;line-height:1.5}.privacy-warning{padding:15px 16px;border-radius:15px;background:#fff8dc;border:1px solid #ead486;color:#594d17}.privacy-consent-form{margin-top:20px}.privacy-check{display:flex;align-items:flex-start;gap:12px;padding:15px;border-radius:15px;background:#f3f8f4;border:1px solid #dce9df;cursor:pointer}.privacy-check input{width:21px;height:21px;margin-top:1px;flex:0 0 auto}.privacy-continue{width:100%;margin-top:16px;min-height:50px}.privacy-version{display:block;text-align:center;color:#7a887d;margin-top:14px}.privacy-masked-notice{display:flex;gap:10px;align-items:center;margin:0 0 14px;padding:13px 15px;border-radius:14px;background:#fff7d6;border:1px solid #ead17b;color:#5b4c12}.privacy-masked-notice strong{white-space:nowrap}.privacy-masked-contact-card{max-width:980px}.privacy-masked-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.privacy-masked-stats article{padding:16px;border-radius:15px;background:#f4f8f5;border:1px solid #dde8df}.privacy-masked-stats span{display:block;font-size:.78rem;color:#6a786d;margin-bottom:5px}.privacy-masked-stats strong{font-size:1.05rem;color:#163e20}.privacy-masked-footnote{margin:16px 0 0;color:#647168;font-size:.9rem}.privacy-mask-label{display:inline-flex;margin-left:8px;padding:3px 8px;border-radius:999px;background:#fff3c4;color:#6b5700;font-size:.72rem;font-style:normal;font-weight:700}.privacy-help-card{border-color:#d4e7d8}
@media(max-width:700px){.privacy-consent-card{padding:21px 17px;border-radius:19px}.privacy-rule-grid{grid-template-columns:1fr}.privacy-masked-notice{align-items:flex-start;flex-direction:column;gap:3px}.privacy-masked-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* RC5.2.1 - trajne sistemske obavijesti */
.system-notice-section{margin-bottom:26px}.system-notice-heading,.regular-notice-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;max-width:880px;margin-bottom:12px}.system-notice-heading h2,.regular-notice-heading h2{margin:4px 0 0;font-size:1.35rem}.system-pin-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;background:#e7f2e9;color:#185f2c;font-size:.78rem;font-weight:850}.system-notification-feed{margin-bottom:0}.system-notice-card{border:1px solid #9bc7a4;background:linear-gradient(135deg,#f8fff9 0%,#eef8f0 100%);box-shadow:0 10px 28px rgba(28,91,45,.11)}.system-notice-card .notice-icon{background:#dcefe0;color:#175b2a}.system-notice-card .notice-content h2{color:#173f22}.system-notice-footer{align-items:center}.system-persistent-label{font-size:.8rem;font-weight:800;color:#356844}.status-system{background:#e5f1e8;color:#175b2a}.privacy-permanent-note{margin:14px 0 4px;padding:11px 13px;border-radius:12px;background:#edf7ef;color:#285b35;font-size:.88rem}.regular-notice-section{margin-top:8px}
@media(max-width:760px){.system-notice-heading,.regular-notice-heading{align-items:flex-start;flex-direction:column}.system-pin-badge{align-self:flex-start}.system-notice-footer{align-items:stretch}.system-notice-footer .secondary{width:100%;text-align:center}}
/* RC6.0 Membership */
.membership-stats{grid-template-columns:repeat(6,minmax(0,1fr))}.membership-stats .stat-card{min-height:120px}.detail-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:20px}.details-list{display:grid;gap:0}.details-list>div{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:14px 0;border-bottom:1px solid var(--border,#e2e8e3)}.details-list dt{color:#718077}.details-list dd{margin:0;font-weight:700}.panel.narrow{max-width:720px}.notice.warning{background:#fff8df;border:1px solid #e7c45c;border-radius:18px;padding:18px;margin-bottom:20px}.table-wrap td small{display:block;color:#7b857f;margin-top:4px}.filter-bar{display:flex;gap:12px;margin-bottom:18px}.filter-bar input{flex:1}.filter-bar select{min-width:190px}@media(max-width:1050px){.membership-stats{grid-template-columns:repeat(3,1fr)}.detail-grid{grid-template-columns:1fr}}@media(max-width:680px){.membership-stats{grid-template-columns:repeat(2,1fr)}.filter-bar{flex-direction:column}.details-list>div{grid-template-columns:1fr;gap:4px}}


/* RC6.1A/B — Professional UI + member profile */
.professional-head{margin-bottom:20px}.professional-head h1{letter-spacing:-.035em}.unified-filter-bar{display:grid;grid-template-columns:minmax(260px,1fr) 190px 220px auto auto;gap:10px;padding:14px;margin:0 0 18px;background:#fff;border:1px solid #dde8df;border-radius:18px;box-shadow:0 10px 28px rgba(27,70,40,.06)}.unified-filter-bar .filter-search{position:relative}.unified-filter-bar .filter-search span{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:1.25rem;color:#6d7d71}.unified-filter-bar .filter-search input{padding-left:42px}.unified-filter-bar input,.unified-filter-bar select{min-height:46px;border-radius:12px}.member-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.member-directory-card{display:block;padding:18px;border:1px solid #dce7de;border-radius:20px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 12px 30px rgba(26,67,39,.065);transition:.18s ease}.member-directory-card:hover{transform:translateY(-2px);border-color:#a8cdb0;box-shadow:0 16px 34px rgba(26,67,39,.1)}.member-card-top{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:13px;align-items:center}.member-card-title{min-width:0}.member-card-title small{color:#1f7a36;font-weight:850}.member-card-title h3{margin:3px 0 4px;font-size:1.17rem}.member-card-title p{margin:0;color:#6b796f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-card-facts{display:grid;grid-template-columns:1fr 1fr 120px;gap:10px;margin-top:16px}.member-card-facts div{padding:12px;border-radius:14px;background:#f6f9f7;border:1px solid #e5ece7;min-width:0}.member-card-facts span{display:block;font-size:.72rem;color:#758179;margin-bottom:4px}.member-card-facts strong{display:block;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding-top:12px;border-top:1px solid #e8eeea;color:#246c35;font-weight:800}.membership-avatar.xlarge{width:86px;height:86px;border-radius:24px;font-size:1.7rem}.member-profile-hero{display:grid;grid-template-columns:minmax(340px,.9fr) minmax(0,1.5fr);gap:24px;padding:24px;border-radius:24px}.member-identity{display:flex;gap:18px;align-items:center}.member-identity h2{margin:8px 0 4px;font-size:1.6rem}.member-identity p{margin:0;color:#6c796f}.member-hero-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.member-hero-stats article{padding:16px;border:1px solid #e0e9e2;border-radius:16px;background:#f9fbf9;min-width:0}.member-hero-stats span{display:block;color:#718077;font-size:.78rem;margin-bottom:5px}.member-hero-stats strong{display:block;overflow-wrap:anywhere}.member-professional-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:20px;margin-top:20px}.member-main-column,.member-side-column{display:grid;gap:20px;align-content:start}.member-section{border-radius:22px}.member-timeline{position:relative;padding-left:14px}.member-timeline:before{content:"";position:absolute;left:8px;top:7px;bottom:7px;width:2px;background:#dfe9e1}.member-timeline article{position:relative;display:grid;grid-template-columns:18px 1fr;gap:12px;padding:0 0 18px}.member-timeline article:last-child{padding-bottom:0}.timeline-dot{width:16px;height:16px;border:4px solid #fff;border-radius:50%;background:#2d8a45;box-shadow:0 0 0 2px #cfe3d3;z-index:1}.tone-warning .timeline-dot{background:#dca80f}.tone-info .timeline-dot{background:#3977ad}.member-timeline time{display:block;font-size:.74rem;color:#718077}.member-timeline strong{display:block;margin:2px 0}.member-timeline p{margin:0;color:#66736a}.member-activity-list{display:grid;gap:10px}.member-activity-list article{display:grid;grid-template-columns:58px 1fr;gap:14px;padding:13px;border:1px solid #e2eae4;border-radius:15px;background:#fbfcfb}.activity-date{display:grid;place-items:center;min-height:48px;border-radius:13px;background:#e7f3e9;color:#1e7133;font-weight:900}.member-activity-list p{margin:4px 0;color:#657169}.member-activity-list small{color:#7a857d}.member-interview-form,.member-activity-form{display:grid;gap:13px}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.member-interview-form fieldset{border:0;padding:0;margin:0}.member-interview-form legend{font-weight:800;margin-bottom:8px}.interest-chip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.interest-chip-grid label{position:relative;cursor:pointer}.interest-chip-grid input{position:absolute;opacity:0;pointer-events:none}.interest-chip-grid span{display:block;padding:10px 11px;border:1px solid #dce7de;border-radius:12px;background:#f8faf8;font-size:.82rem;font-weight:700}.interest-chip-grid input:checked+span{background:#e6f4e8;border-color:#5faa6f;color:#17612a}.member-interview-form textarea,.member-activity-form textarea{resize:vertical}
@media(max-width:1100px){.unified-filter-bar{grid-template-columns:1fr 1fr}.unified-filter-bar .filter-search{grid-column:1/-1}.member-card-grid{grid-template-columns:1fr}.member-profile-hero,.member-professional-layout{grid-template-columns:1fr}}
@media(max-width:700px){.unified-filter-bar{grid-template-columns:1fr}.unified-filter-bar .filter-search{grid-column:auto}.member-card-top{grid-template-columns:50px 1fr}.member-card-top .membership-status{grid-column:1/-1;justify-self:start}.member-card-facts{grid-template-columns:1fr}.member-profile-hero{padding:18px}.member-identity{align-items:flex-start}.member-hero-stats{grid-template-columns:1fr}.form-two,.interest-chip-grid{grid-template-columns:1fr}}

/* RC6.2 organizational membership access */
.organization-aware-head{background:linear-gradient(135deg,#f8fcf9 0%,#edf7f0 100%);border:1px solid #dcebe1;padding:22px;border-radius:20px}
.professional-kpis{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.membership-kpi.danger{border-color:#f0c9c9;background:#fff8f8}.membership-kpi.danger .membership-kpi-icon{background:#fce8e8;color:#a62525}
.membership-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:18px;align-items:start;margin-top:18px}
.organization-membership-list{display:grid;gap:10px}.organization-membership-list a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 15px;border:1px solid #e1ebe4;border-radius:14px;background:#fbfdfb;color:inherit;text-decoration:none;transition:.18s ease}.organization-membership-list a:hover{border-color:#a9ceb5;background:#f0f8f2;transform:translateY(-1px)}.organization-membership-list div{display:grid;gap:3px}.organization-membership-list strong{font-size:15px}.organization-membership-list span{font-size:12px;color:#66756c}.organization-membership-list b{min-width:48px;text-align:center;padding:8px 10px;border-radius:12px;background:#e8f4eb;color:#176331;font-size:17px}
.member-organization-card{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;background:linear-gradient(135deg,#f7fbf8,#eaf5ed);border-color:#d5e7da}.member-organization-card small{font-size:11px;letter-spacing:.08em;color:#64806d}.member-organization-card h2{margin:3px 0 4px}.member-organization-card p{margin:0;color:#65736a}
@media(max-width:980px){.membership-dashboard-grid{grid-template-columns:1fr}.professional-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.organization-aware-head{padding:17px}.professional-kpis{grid-template-columns:1fr 1fr}.membership-kpi{min-height:128px}.member-organization-card{align-items:flex-start;flex-direction:column}}

/* RC6.3 - Organizations */
.organization-head,.organization-profile-head{align-items:flex-end}.organization-region-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.organization-region-card{border:1px solid #dce6df;border-radius:24px;padding:22px;background:linear-gradient(145deg,#fff,#f6fbf7)}.organization-card-head{display:flex;align-items:center;gap:14px}.organization-symbol{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#e7f5ea;color:#1c7a37;font-size:24px;font-weight:800}.organization-symbol.small{width:42px;height:42px;border-radius:13px;font-size:19px;flex:0 0 auto}.organization-card-head h3{margin:0 0 3px}.organization-card-head span{color:#6b756f}.organization-mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.organization-mini-stats div{padding:14px;border-radius:16px;background:#fff;border:1px solid #e3eae5}.organization-mini-stats strong{display:block;font-size:24px;color:#174f28}.organization-mini-stats span{font-size:13px;color:#6c756f}.organization-section{margin-top:22px}.organization-list-grid{display:grid;gap:12px}.organization-list-card{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(300px,2fr) 28px;align-items:center;gap:18px;padding:17px 18px;border:1px solid #e0e8e2;border-radius:18px;background:#fff;color:inherit;text-decoration:none;transition:.18s ease}.organization-list-card:hover{border-color:#80b78d;box-shadow:0 12px 26px rgba(16,72,33,.08);transform:translateY(-1px)}.organization-list-main{display:flex;align-items:center;gap:13px}.organization-list-main strong,.organization-list-main small{display:block}.organization-list-main small{color:#748078;margin-top:3px}.organization-list-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.organization-list-metrics span{font-size:13px;color:#6d7770}.organization-list-metrics b{display:block;font-size:20px;color:#1f3827}.organization-profile-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin:20px 0}.organization-profile-kpi{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e1e9e3;border-radius:19px;padding:17px}.organization-profile-kpi>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#e8f5eb;color:#1e7c3b;font-size:20px}.organization-profile-kpi strong,.organization-profile-kpi small{display:block}.organization-profile-kpi strong{font-size:25px}.organization-profile-kpi small{color:#6d776f}.organization-profile-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.organization-people-list,.organization-task-list{display:grid;gap:10px}.organization-person{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:12px;border:1px solid #e5ebe6;border-radius:15px}.organization-person>span{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#e9f5eb;color:#1e7137;font-weight:800}.organization-person strong,.organization-person small{display:block}.organization-person small{color:#737d76}.organization-person em{font-style:normal;font-size:12px;padding:6px 9px;border-radius:999px;background:#edf5ef;color:#267340}.organization-task-list>div{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:12px;padding:13px;border-bottom:1px solid #edf1ee}.organization-task-list section strong,.organization-task-list section small{display:block}.organization-task-list section small{color:#778179;margin-top:3px}.organization-task-list em{font-style:normal;font-size:12px}.task-priority{width:9px;height:9px;border-radius:50%;background:#8a948e}.priority-high,.priority-urgent{background:#cf4141}.priority-normal{background:#d6a52a}.priority-low{background:#4c9b61}.organization-applications-panel{margin-top:20px}
@media(max-width:1100px){.organization-profile-kpis{grid-template-columns:repeat(3,1fr)}.organization-list-card{grid-template-columns:1fr}.organization-list-metrics{grid-template-columns:repeat(2,1fr)}.organization-profile-grid{grid-template-columns:1fr}}
@media(max-width:700px){.organization-region-grid,.organization-mini-stats{grid-template-columns:1fr}.organization-profile-kpis{grid-template-columns:repeat(2,1fr)}.organization-list-card{padding:15px}.organization-list-metrics{grid-template-columns:1fr 1fr}.organization-profile-head{align-items:flex-start}.organization-profile-head .page-actions{width:100%}.organization-profile-head .page-actions a{flex:1}.organization-profile-kpi{padding:14px}.organization-profile-kpi strong{font-size:21px}}

/* RC6.4 — Workflow tasks */
.workflow-task-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.task-card h2 a{color:inherit;text-decoration:none}.task-type-label{display:inline-flex;margin:2px 0 8px;padding:5px 9px;border-radius:999px;background:#eef6f0;color:#27683a;font-size:.73rem;font-weight:800}.task-link-note{padding:10px 12px;border-radius:12px;background:#f4f7fb;border:1px solid #e1e7ef;color:#42566d}.workflow-progress{height:8px;border-radius:999px;background:#e6ece8;overflow:hidden;margin-top:14px}.workflow-progress.large{height:12px}.workflow-progress-bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,#2b8a46,#74bd83)}.workflow-progress-label{font-size:.78rem;color:#637168;margin-top:5px}.workflow-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:20px;align-items:start}.workflow-main-card,.workflow-side .panel{border-radius:22px}.workflow-side{display:grid;gap:20px}.workflow-summary-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.workflow-due{margin-left:auto;font-weight:800;color:#6d756f}.workflow-description{margin:20px 0;padding:16px;border-radius:16px;background:#f8faf8;border:1px solid #e3ebe5;line-height:1.6}.workflow-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.workflow-info-grid>div,.workflow-linked-record{padding:14px;border-radius:15px;border:1px solid #e0e8e2;background:#fbfcfb}.workflow-info-grid small,.workflow-linked-record small{display:block;color:#758178;margin-bottom:5px}.workflow-info-grid strong,.workflow-linked-record strong{display:block}.workflow-progress-form{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin-top:12px}.workflow-progress-form input{width:100%}.workflow-status-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.workflow-status-actions form{margin:0}.task-comments{display:grid;gap:10px;margin-top:16px}.task-comments article{padding:13px;border-radius:14px;background:#f8faf8;border:1px solid #e3eae5}.task-comments strong{display:block}.task-comments time{display:block;color:#78827b;font-size:.75rem;margin-top:2px}.task-comments p{margin:8px 0 0;line-height:1.5}.task-events{position:relative;display:grid;gap:0}.task-events article{display:grid;grid-template-columns:16px 1fr;gap:10px;padding-bottom:15px;position:relative}.task-events article>span{width:11px;height:11px;border-radius:50%;background:#2b8a46;margin-top:5px;box-shadow:0 0 0 3px #e1f0e5;z-index:1}.task-events article:not(:last-child):before{content:"";position:absolute;left:5px;top:16px;bottom:0;width:1px;background:#dfe8e1}.task-events strong,.task-events small{display:block}.task-events small{color:#7a847c;margin-top:2px}.task-events p{margin:4px 0 0;color:#5f6c63}.status-new{background:#edf1f5;color:#536172}.status-assigned{background:#e8f0fb;color:#315f98}.status-accepted{background:#e8f5ed;color:#216c38}.status-pending_review{background:#fff3d8;color:#8a6400}
@media(max-width:980px){.workflow-layout{grid-template-columns:1fr}}
@media(max-width:680px){.workflow-info-grid{grid-template-columns:1fr}.workflow-progress-form{grid-template-columns:1fr}.workflow-progress-form button{width:100%}.workflow-due{margin-left:0;width:100%}.workflow-status-actions,.workflow-status-actions form,.workflow-status-actions button{width:100%}}


/* RC6.5: jedinstveni kalendar i prikaz datuma */
.bhz-date-picker{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 50px;gap:8px;width:100%}
.bhz-date-display{width:100%;min-height:46px;background:#fff;color:#17211c;cursor:pointer}
.bhz-date-button{display:flex;align-items:center;justify-content:center;min-height:46px;border:1px solid #cbd6cf;border-radius:12px;background:#fff;font-size:1.15rem;cursor:pointer;transition:.15s ease}
.bhz-date-button:hover,.bhz-date-button:focus{border-color:#176b45;background:#f1f7f3;outline:none}
.bhz-date-native{position:absolute!important;right:0;bottom:0;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;padding:0!important;border:0!important}
@media(max-width:640px){.bhz-date-picker{grid-template-columns:minmax(0,1fr) 48px}.bhz-date-display,.bhz-date-button{min-height:48px}}

/* RC6.5: članska karta */
.membership-card-actions{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}
.membership-card-sheet{width:min(210mm,100%);min-height:280mm;margin:0 auto;background:#fff;border:2px solid #01421c;position:relative;overflow:hidden;color:#01421c;box-shadow:0 14px 36px rgba(1,66,28,.12)}
.membership-card-sheet .card-header{text-align:center;padding:18mm 16mm 0}.membership-card-sheet .card-logo{width:65mm;max-width:70%;height:auto}.membership-card-sheet .card-title{margin-top:6mm;font-size:32px;font-weight:800;letter-spacing:3px}
.membership-card-sheet .card-content{text-align:center;margin-top:18mm;padding:0 20mm}.membership-card-sheet .card-label{font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:3mm}.membership-card-sheet .card-name{display:inline-block;font-size:38px;font-weight:900;padding:0 4mm 4mm;border-bottom:2px solid rgba(1,66,28,.35)}
.membership-card-sheet .card-block{margin-top:13mm}.membership-card-sheet .card-value{font-size:24px;font-weight:800}.membership-card-sheet .card-status{display:inline-block;padding:4mm 14mm;border:2px solid #01421c;font-size:20px;font-weight:800;letter-spacing:2px}.membership-card-sheet .card-number{font-size:28px;font-weight:900}.membership-card-sheet .card-date{font-size:18px;font-weight:600}.membership-card-sheet .card-footer{position:absolute;left:0;right:0;bottom:0;background:#3E8E41;color:#fff;text-align:center;font-size:16px;font-weight:800;text-transform:uppercase;padding:8mm 4mm}
.card-send-status{padding:12px 14px;border-radius:12px;background:#f3f8f5;color:#315944;font-size:.92rem;margin-top:14px}
@media(max-width:700px){.membership-card-sheet{min-height:0;aspect-ratio:210/297}.membership-card-sheet .card-header{padding-top:10vw}.membership-card-sheet .card-title{font-size:clamp(18px,6vw,30px)}.membership-card-sheet .card-name{font-size:clamp(22px,8vw,38px)}.membership-card-sheet .card-content{margin-top:8vw;padding:0 8vw}.membership-card-sheet .card-block{margin-top:7vw}.membership-card-sheet .card-value{font-size:clamp(17px,5vw,24px)}.membership-card-sheet .card-number{font-size:clamp(20px,6vw,28px)}.membership-card-sheet .card-footer{font-size:clamp(10px,3vw,15px);padding:4vw 3vw}}
@media print{body{background:#fff!important}.app-shell,.topbar,.sidebar,.page-head,.membership-card-actions,.flash{display:none!important}.content{margin:0!important;padding:0!important}.membership-card-sheet{box-shadow:none;width:210mm;height:297mm;min-height:297mm;page-break-after:avoid}}

/* RC6.5.1 — digital membership card */
.membership-card-page-head{margin-bottom:14px}.membership-card-actions{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 20px}.membership-card-actions form{margin:0}.digital-membership-wrap{width:min(980px,100%);margin:0 auto 36px}.digital-membership-card{--dmc-green:#7fc31c;position:relative;isolation:isolate;overflow:hidden;width:100%;aspect-ratio:1.586/1;border-radius:28px;padding:30px 34px 24px;background:radial-gradient(circle at 72% 40%,rgba(42,111,38,.52),transparent 35%),linear-gradient(135deg,#020704 0%,#06130b 48%,#0a2b16 100%);color:#fff;border:1px solid rgba(146,211,67,.35);box-shadow:0 24px 54px rgba(0,32,13,.28);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.digital-membership-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,rgba(255,255,255,.055),transparent 28%,transparent 72%,rgba(127,195,28,.07));pointer-events:none}.dmc-header{display:grid;grid-template-columns:minmax(180px,250px) minmax(150px,1fr) auto;align-items:start;gap:26px;position:relative;z-index:3}.dmc-logo{display:block;width:100%;max-width:245px;height:auto;object-fit:contain}.dmc-slogan{border-left:1px solid rgba(255,255,255,.55);padding-left:26px;font-size:clamp(13px,1.45vw,20px);font-weight:700;line-height:1.24;letter-spacing:.03em}.dmc-slogan strong{color:var(--dmc-green)}.dmc-status{display:inline-flex;align-items:center;gap:10px;justify-self:end;border-radius:999px;padding:10px 18px;font-size:clamp(12px,1.25vw,18px);font-weight:900;letter-spacing:.02em;white-space:nowrap;background:linear-gradient(135deg,#4f8c0c,#7fc31c);box-shadow:0 8px 20px rgba(91,157,17,.25)}.dmc-status.is-limited{background:linear-gradient(135deg,#7c6420,#b79531)}.dmc-status-icon{display:grid;place-items:center;width:25px;height:25px;border:2px solid currentColor;border-radius:50%;font-size:14px}.dmc-body{display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:end;gap:30px;position:relative;z-index:3;margin-top:clamp(28px,6%,62px)}.dmc-person h2{margin:0 0 26px;font-size:clamp(30px,5.2vw,68px);line-height:.98;letter-spacing:.02em;font-weight:950;max-width:750px}.dmc-member-label{color:var(--dmc-green);font-size:clamp(12px,1.45vw,20px);font-weight:850;letter-spacing:.07em}.dmc-member-number{margin-top:5px;font-size:clamp(24px,3.35vw,46px);font-weight:950;letter-spacing:.035em}.dmc-qr-block{text-align:center;align-self:center}.dmc-qr-frame{padding:8px;border-radius:18px;background:#fff;border:3px solid var(--dmc-green);box-shadow:0 10px 22px rgba(0,0,0,.22)}.dmc-qr-frame img{display:block;width:100%;height:auto;aspect-ratio:1}.dmc-qr-block small{display:block;margin-top:9px;font-size:10px;line-height:1.25;font-weight:800}.dmc-footer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:absolute;left:34px;right:34px;bottom:23px;z-index:3;border-top:1px solid rgba(127,195,28,.82);padding-top:17px}.dmc-meta-item{display:flex;align-items:center;gap:12px;min-width:0;padding:0 20px;border-right:1px solid rgba(127,195,28,.55)}.dmc-meta-item:first-child{padding-left:0}.dmc-meta-item:last-child{border-right:0}.dmc-meta-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;color:var(--dmc-green);font-size:28px;font-weight:900}.dmc-meta-item span:last-child{min-width:0}.dmc-meta-item small,.dmc-meta-item strong{display:block}.dmc-meta-item small{color:var(--dmc-green);font-size:10px;font-weight:850;letter-spacing:.04em}.dmc-meta-item strong{margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(13px,1.45vw,20px)}.dmc-glow{position:absolute;z-index:-1;border-radius:50%;filter:blur(8px);opacity:.38}.dmc-glow-one{width:360px;height:360px;right:18%;top:4%;background:radial-gradient(circle,rgba(91,169,42,.55),transparent 65%)}.dmc-glow-two{width:280px;height:280px;left:-100px;bottom:-120px;background:radial-gradient(circle,rgba(30,105,54,.65),transparent 68%)}.dmc-leaf{position:absolute;z-index:1;width:170px;height:82px;border-radius:100% 0 100% 0;background:linear-gradient(135deg,rgba(140,218,52,.76),rgba(39,104,30,.2));transform:rotate(-28deg);opacity:.54;box-shadow:inset 0 0 28px rgba(255,255,255,.1)}.dmc-leaf:after{content:"";position:absolute;left:12%;right:10%;top:50%;height:1px;background:rgba(221,255,188,.48);transform:rotate(-8deg)}.dmc-leaf-one{right:16%;top:24%}.dmc-leaf-two{right:4%;top:34%;transform:rotate(18deg) scale(.78)}.digital-membership-note{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:14px 4px 0;color:#68776d;font-size:13px}.digital-membership-note a{color:#167536;font-weight:800}.card-send-status{margin-top:10px;padding:12px 15px;border-radius:13px;background:#edf7ef;color:#176b31;font-size:13px;font-weight:700}
@media(max-width:760px){.digital-membership-card{border-radius:20px;padding:18px 18px 15px;aspect-ratio:auto;min-height:430px}.dmc-header{grid-template-columns:150px 1fr;gap:14px}.dmc-logo{max-width:150px}.dmc-slogan{font-size:10px;padding-left:12px}.dmc-status{position:absolute;right:0;top:77px;padding:7px 11px;font-size:10px}.dmc-status-icon{width:19px;height:19px;font-size:10px}.dmc-body{grid-template-columns:minmax(0,1fr) 108px;gap:15px;margin-top:66px}.dmc-person h2{font-size:clamp(25px,8vw,39px);margin-bottom:22px}.dmc-member-label{font-size:10px}.dmc-member-number{font-size:clamp(20px,6vw,29px)}.dmc-qr-frame{padding:5px;border-width:2px;border-radius:12px}.dmc-qr-block small{font-size:7px}.dmc-footer{position:relative;left:auto;right:auto;bottom:auto;margin-top:30px;padding-top:14px;grid-template-columns:1fr 1fr;row-gap:14px}.dmc-meta-item{padding:0 10px}.dmc-meta-item:nth-child(2){border-right:0}.dmc-meta-item:nth-child(3){grid-column:1/-1;border-right:0;padding-left:0}.dmc-meta-icon{width:25px;height:25px;flex-basis:25px;font-size:20px}.dmc-meta-item small{font-size:8px}.dmc-meta-item strong{font-size:13px}.dmc-leaf{width:110px;height:52px}.dmc-leaf-one{right:15%;top:30%}.dmc-leaf-two{right:1%;top:36%}.digital-membership-note{align-items:flex-start;flex-direction:column;gap:5px}}
@media(max-width:420px){.digital-membership-card{min-height:410px}.dmc-header{grid-template-columns:128px 1fr}.dmc-logo{max-width:128px}.dmc-slogan{font-size:8px}.dmc-body{grid-template-columns:minmax(0,1fr) 92px}.dmc-status{top:67px}.dmc-person h2{font-size:25px}.dmc-member-number{font-size:20px}.dmc-footer{margin-top:25px}}
@media print{body{background:#fff!important}.app-shell,.topbar,.sidebar,.page-head,.membership-card-actions,.flash,.digital-membership-note,.card-send-status{display:none!important}.content{margin:0!important;padding:0!important}.digital-membership-wrap{width:85.6mm;margin:0}.digital-membership-card{width:85.6mm;height:54mm;min-height:54mm;aspect-ratio:auto;border-radius:3.2mm;padding:4mm 4.3mm 3.3mm;box-shadow:none;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.dmc-header{grid-template-columns:23mm 1fr auto;gap:3mm}.dmc-logo{max-width:23mm}.dmc-slogan{padding-left:3mm;font-size:5.2pt}.dmc-status{position:static;padding:1.3mm 2.2mm;gap:1mm;font-size:5.5pt}.dmc-status-icon{width:3.6mm;height:3.6mm;font-size:4.5pt;border-width:.4mm}.dmc-body{grid-template-columns:minmax(0,1fr) 18mm;gap:3mm;margin-top:4mm}.dmc-person h2{font-size:15pt;margin-bottom:3mm}.dmc-member-label{font-size:5pt}.dmc-member-number{font-size:10pt}.dmc-qr-frame{padding:1mm;border-radius:1.6mm;border-width:.45mm}.dmc-qr-block small{font-size:3.7pt;margin-top:1mm}.dmc-footer{left:4.3mm;right:4.3mm;bottom:3.3mm;padding-top:2mm}.dmc-meta-item{gap:1mm;padding:0 2mm}.dmc-meta-icon{width:4mm;height:4mm;flex-basis:4mm;font-size:9pt}.dmc-meta-item small{font-size:3.8pt}.dmc-meta-item strong{font-size:6.3pt}.dmc-leaf{width:19mm;height:9mm}.dmc-glow{display:none}}

/* RC6.6 — članstvo u organizacionim odborima */
.organization-unit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:16px}.organization-unit-card{display:grid;grid-template-columns:58px 1fr auto 24px;gap:16px;align-items:center;padding:20px;border:1px solid #dce7df;border-radius:22px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 8px 24px rgba(19,70,33,.05);transition:.18s ease}.organization-unit-card:hover{transform:translateY(-2px);border-color:#8bbd96;box-shadow:0 14px 30px rgba(19,70,33,.09)}.organization-unit-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,#eaf7ed,#dceddf);font-size:27px;color:#176631}.organization-unit-copy small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#64816d}.organization-unit-copy h2{margin:3px 0;font-size:20px}.organization-unit-copy p{margin:0;color:#758078}.organization-unit-stats{display:flex;gap:18px}.organization-unit-stats span{min-width:100px;font-size:12px;color:#6d7770}.organization-unit-stats strong{display:block;font-size:22px;color:#183d24}.organization-membership-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0}.organization-membership-kpis article{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid #dfe8e1;border-radius:19px;background:#fff}.organization-membership-kpis article>span{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#e9f5ec;color:#1c7038;font-size:21px}.organization-membership-kpis strong,.organization-membership-kpis small{display:block}.organization-membership-kpis strong{font-size:25px}.organization-membership-kpis small{color:#6d7770}.organization-roster{display:grid;gap:11px}.organization-roster-card{display:grid;grid-template-columns:48px minmax(240px,1.5fr) minmax(180px,.8fr) auto;align-items:center;gap:14px;padding:14px;border:1px solid #e1e9e3;border-radius:17px;background:#fbfdfb}.organization-roster-main strong,.organization-roster-main span,.organization-roster-main small{display:block}.organization-roster-main span{color:#5f6f64;margin:3px 0}.organization-roster-main small{color:#2d7140}.organization-roster-dates span,.organization-roster-dates small{display:block;font-size:13px}.organization-roster-dates small{color:#78827b;margin-top:4px}.organization-roster-actions{display:flex;align-items:center;gap:8px}.organization-roster-actions a,.organization-roster-actions button{padding:8px 11px;border-radius:10px;border:1px solid #d5e0d8;background:#fff;color:#215f35;text-decoration:none;font:inherit;font-size:13px;cursor:pointer}.organization-roster-actions button{color:#a12f2f;border-color:#efc9c9}.organization-picker-search{display:flex;gap:10px}.organization-picker-search input{flex:1}.organization-appointment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.organization-appointment-grid label{display:grid;gap:7px;font-weight:700}.organization-appointment-grid .wide{grid-column:1/-1}.organization-board-check{display:flex!important;align-items:center;align-self:end;min-height:48px;grid-template-columns:auto 1fr!important}.organization-board-check input{width:auto}.organization-candidate-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.organization-candidate-card{display:grid;grid-template-columns:auto 44px 1fr;align-items:center;gap:12px;padding:13px;border:1px solid #e0e8e2;border-radius:16px;background:#fff;cursor:pointer}.organization-candidate-card:has(input:checked){border-color:#3b9853;background:#f0f8f2;box-shadow:0 0 0 2px rgba(49,139,72,.1)}.organization-candidate-card>input{width:20px;height:20px}.organization-candidate-copy strong,.organization-candidate-copy small,.organization-candidate-copy em{display:block}.organization-candidate-copy small{color:#647168;margin:2px 0}.organization-candidate-copy em{font-style:normal;font-size:12px;color:#7d8780}.organization-select-all{display:flex;align-items:center;gap:7px}.organization-select-all input{width:auto}.sticky-actions{position:sticky;bottom:12px;z-index:5;padding:12px;border:1px solid #dce7df;border-radius:16px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);box-shadow:0 12px 28px rgba(14,55,25,.12)}
@media(max-width:1000px){.organization-unit-card{grid-template-columns:52px 1fr 24px}.organization-unit-stats{grid-column:2/-1;flex-wrap:wrap}.organization-roster-card{grid-template-columns:48px 1fr}.organization-roster-dates,.organization-roster-actions{grid-column:2}.organization-appointment-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.organization-unit-grid,.organization-candidate-list,.organization-membership-kpis,.organization-appointment-grid{grid-template-columns:1fr}.organization-unit-card{grid-template-columns:48px 1fr 20px;padding:15px}.organization-unit-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.organization-unit-stats span{min-width:0}.organization-unit-stats strong{font-size:18px}.organization-roster-card{grid-template-columns:44px 1fr}.organization-roster-dates,.organization-roster-actions{grid-column:1/-1}.organization-roster-actions{justify-content:flex-end}.organization-picker-search{flex-direction:column}.organization-appointment-grid .wide{grid-column:auto}.sticky-actions{bottom:80px}}

/* RC6.6.1 — pregled organizacija kao pretraživa lista */
.organization-filter-bar{display:grid;grid-template-columns:minmax(280px,2fr) minmax(190px,1fr) minmax(210px,1fr) auto auto;gap:12px;align-items:end;padding:18px;margin:18px 0 12px;background:#fff;border:1px solid #dce7df;border-radius:20px;box-shadow:0 10px 30px rgba(20,55,34,.05)}
.organization-filter-bar label{display:grid;gap:7px;margin:0}.organization-filter-bar label span{font-size:12px;font-weight:800;color:#6d7a72;text-transform:uppercase;letter-spacing:.05em}.organization-filter-bar input,.organization-filter-bar select{height:48px;margin:0}.organization-filter-bar button,.organization-filter-bar a{height:48px;display:inline-flex;align-items:center;justify-content:center;margin:0;white-space:nowrap}.organization-results-summary{display:flex;align-items:baseline;gap:8px;margin:8px 2px 24px;color:#6e7b73}.organization-results-summary strong{font-size:25px;color:#147235}.organization-list-section{margin:0 0 28px}.organization-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:0 2px 12px}.organization-section-heading small{display:block;color:#177638;font-size:12px;font-weight:900;letter-spacing:.09em}.organization-section-heading h2{margin:4px 0 0;font-size:24px}.organization-section-count{min-width:38px;height:38px;padding:0 10px;border-radius:999px;display:grid;place-items:center;background:#e7f4ea;color:#147235;font-weight:900}.organization-list{display:grid;gap:9px}.organization-list-row{display:grid;grid-template-columns:50px minmax(230px,1.35fr) minmax(360px,1fr) 28px;align-items:center;gap:15px;padding:15px 18px;border:1px solid #e0e8e2;border-radius:16px;background:#fff;color:#18251c;text-decoration:none;box-shadow:0 5px 18px rgba(20,55,34,.035);transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease}.organization-list-row:hover{background:#f7fbf8;border-color:#b6d2be;transform:translateY(-1px);box-shadow:0 10px 26px rgba(20,55,34,.08)}.organization-list-row-upper{border-left:5px solid #177638;background:linear-gradient(90deg,#f2faf4 0,#fff 26%)}.organization-list-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#e7f4ea;color:#147235;font-size:23px;font-weight:900}.organization-list-row-upper .organization-list-icon{background:#147235;color:#fff}.organization-list-primary{display:block;min-width:0}.organization-list-primary small{display:block;color:#177638;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.organization-list-primary strong{display:block;margin:3px 0 2px;font-size:18px;line-height:1.25;overflow-wrap:anywhere}.organization-list-primary em{display:block;color:#768279;font-size:13px;font-style:normal}.organization-list-metrics{display:grid;grid-template-columns:repeat(3,minmax(95px,1fr));align-items:center;border-left:1px solid #e6ece8}.organization-list-metrics>span{display:grid;gap:2px;padding:3px 15px;border-right:1px solid #e6ece8}.organization-list-metrics>span:last-child{border-right:0}.organization-list-metrics b{font-size:20px;color:#147235}.organization-list-metrics small{color:#7b867f;font-size:11px;line-height:1.25}.organization-list-arrow{font-size:30px;color:#177638;text-align:right}.empty-state.compact{padding:18px;border:1px dashed #d4dfd7;border-radius:14px;background:#fafcfb}
@media(max-width:1100px){.organization-filter-bar{grid-template-columns:1fr 1fr}.organization-filter-bar .organization-search-field{grid-column:1/-1}.organization-list-row{grid-template-columns:46px minmax(210px,1fr) minmax(300px,1fr) 24px}.organization-list-metrics>span{padding:3px 10px}}
@media(max-width:760px){.organization-filter-bar{grid-template-columns:1fr;padding:14px}.organization-filter-bar .organization-search-field{grid-column:auto}.organization-filter-bar button,.organization-filter-bar a{width:100%}.organization-section-heading{align-items:center}.organization-section-heading h2{font-size:20px}.organization-list-row{grid-template-columns:42px minmax(0,1fr) 22px;gap:11px;padding:14px}.organization-list-icon{width:42px;height:42px}.organization-list-primary strong{font-size:16px}.organization-list-metrics{grid-column:2/4;grid-template-columns:repeat(3,1fr);border-left:0;border-top:1px solid #e6ece8;padding-top:11px}.organization-list-metrics>span{padding:0 8px 0 0}.organization-list-metrics b{font-size:17px}.organization-list-metrics small{font-size:10px}.organization-list-arrow{grid-column:3;grid-row:1}.organization-list-row-upper{border-left-width:4px}}
@media(max-width:430px){.organization-list-metrics{grid-template-columns:1fr 1fr}.organization-list-metrics>span:nth-child(3){grid-column:1/-1;border-top:1px solid #edf1ee;padding-top:8px;margin-top:5px}}


/* RC6.6.2 — regionalni/kantonalni profil sa pripadajućim lokalnim organizacijama */
.organization-child-panel{margin-top:22px}.organization-child-head{align-items:flex-start}.organization-child-summary{display:flex;gap:10px;flex-wrap:wrap}.organization-child-summary>span{min-width:116px;padding:10px 13px;border:1px solid #dce7df;border-radius:14px;background:#f8fbf9}.organization-child-summary strong,.organization-child-summary small{display:block}.organization-child-summary strong{font-size:20px;color:#146f34}.organization-child-summary small{margin-top:2px;color:#768178;font-size:11px}.organization-child-search{display:grid;gap:7px;margin:4px 0 14px}.organization-child-search span{font-size:12px;font-weight:850;color:#657269;text-transform:uppercase;letter-spacing:.05em}.organization-child-search input{margin:0;max-width:520px;height:46px}.organization-child-list{display:grid;gap:9px}.organization-child-row{display:grid;grid-template-columns:46px minmax(220px,1.25fr) minmax(300px,1fr) auto 24px;gap:14px;align-items:center;padding:14px 16px;border:1px solid #e0e8e2;border-radius:16px;background:#fff;color:#17241b;text-decoration:none;transition:.18s ease}.organization-child-row:hover{border-color:#a8cbb2;background:#f7fbf8;transform:translateY(-1px);box-shadow:0 9px 24px rgba(19,70,33,.07)}.organization-child-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#e7f4ea;color:#147235;font-size:22px;font-weight:900}.organization-child-copy{min-width:0}.organization-child-copy small,.organization-child-copy strong,.organization-child-copy em{display:block}.organization-child-copy small{font-size:10px;font-weight:900;color:#177638;text-transform:uppercase;letter-spacing:.07em}.organization-child-copy strong{margin:2px 0;font-size:17px}.organization-child-copy em{font-size:12px;color:#7a857d;font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.organization-child-metrics{display:grid;grid-template-columns:repeat(3,minmax(85px,1fr));border-left:1px solid #e6ece8}.organization-child-metrics>span{padding:2px 12px;border-right:1px solid #e6ece8}.organization-child-metrics>span:last-child{border-right:0}.organization-child-metrics b,.organization-child-metrics small{display:block}.organization-child-metrics b{font-size:18px;color:#147235}.organization-child-metrics small{font-size:10px;line-height:1.2;color:#7b867f}.organization-child-status{padding:7px 10px;border-radius:999px;font-size:11px;font-weight:850;white-space:nowrap}.organization-child-status.is-formed{background:#e6f5e9;color:#176d33}.organization-child-status.is-pending{background:#fff3d8;color:#8a5e00}.organization-child-arrow{font-size:27px;color:#177638;text-align:right}
@media(max-width:1100px){.organization-child-row{grid-template-columns:44px minmax(210px,1fr) minmax(270px,1fr) 24px}.organization-child-status{grid-column:2/4;justify-self:start}.organization-child-arrow{grid-column:4;grid-row:1}}
@media(max-width:760px){.organization-child-head{display:grid;gap:13px}.organization-child-summary{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.organization-child-summary>span{min-width:0}.organization-child-search input{max-width:none;width:100%}.organization-child-row{grid-template-columns:42px minmax(0,1fr) 22px;padding:13px;gap:10px}.organization-child-icon{width:42px;height:42px}.organization-child-copy strong{font-size:16px}.organization-child-metrics{grid-column:1/4;grid-template-columns:repeat(3,1fr);border-left:0;border-top:1px solid #e6ece8;padding-top:10px}.organization-child-metrics>span{padding:0 8px 0 0}.organization-child-status{grid-column:1/3;justify-self:start}.organization-child-arrow{grid-column:3;grid-row:1}}
@media(max-width:430px){.organization-child-summary{grid-template-columns:1fr}.organization-child-metrics{grid-template-columns:1fr 1fr}.organization-child-metrics>span:nth-child(3){grid-column:1/-1;border-top:1px solid #edf1ee;padding-top:7px;margin-top:4px}}

/* RC6.7 — organizacijska hijerarhija, uređivanje sastava i administratorski audit */
.organization-edit-member-form{max-width:920px}.organization-roster-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.organization-roster-actions>a,.organization-roster-actions button{min-height:38px;padding:8px 12px;border-radius:11px;border:1px solid #cfddd2;background:#fff;color:#176d33;font-weight:800;text-decoration:none}.organization-roster-actions button{color:#a32626;border-color:#eccaca;cursor:pointer}.organization-roster-actions>a:hover{background:#eef8f1}.organization-roster-actions button:hover{background:#fff0f0}
.organization-audit-filters{display:grid;grid-template-columns:minmax(260px,1.7fr) repeat(3,minmax(170px,1fr)) repeat(2,minmax(145px,.8fr)) auto auto;gap:12px;align-items:end;margin:18px 0;padding:18px}.organization-audit-filters label{display:grid;gap:7px;margin:0}.organization-audit-filters label span{font-size:11px;font-weight:900;color:#69766e;text-transform:uppercase;letter-spacing:.06em}.organization-audit-filters input,.organization-audit-filters select,.organization-audit-filters button,.organization-audit-filters a{height:46px;margin:0}.organization-audit-filters button,.organization-audit-filters a{display:inline-flex;align-items:center;justify-content:center}.organization-audit-list{display:grid;gap:9px}.organization-audit-row{display:grid;grid-template-columns:145px minmax(190px,.8fr) minmax(180px,.7fr) minmax(280px,1.5fr) 110px;gap:14px;align-items:center;padding:14px 16px;border:1px solid #e0e8e2;border-radius:15px;background:#fff}.organization-audit-row time{font-weight:850;color:#31433a}.organization-audit-row div strong,.organization-audit-row div span{display:block}.organization-audit-row div span{margin-top:2px;color:#758178;font-size:12px}.organization-audit-row code{padding:6px 8px;border-radius:8px;background:#edf6ef;color:#176d33;font-size:11px;overflow-wrap:anywhere}.organization-audit-row p{margin:0;color:#37483e}.organization-audit-row>small{text-align:right;color:#879088;font-size:11px}
@media(max-width:1200px){.organization-audit-filters{grid-template-columns:repeat(2,1fr)}.organization-audit-filters .wide{grid-column:1/-1}.organization-audit-row{grid-template-columns:125px 1fr 1fr}.organization-audit-row p{grid-column:2/4}.organization-audit-row>small{grid-column:1;text-align:left}}
@media(max-width:700px){.organization-audit-filters{grid-template-columns:1fr;padding:14px}.organization-audit-filters .wide{grid-column:auto}.organization-audit-row{grid-template-columns:1fr;padding:13px}.organization-audit-row p,.organization-audit-row>small{grid-column:auto;text-align:left}.organization-audit-row code{justify-self:start}}

/* RC6.8 — modularna navigacija po poslovnim cjelinama i ulogama */
.sidebar-nav-modular{display:flex;flex-direction:column;gap:5px}
.nav-item-primary{margin-bottom:3px}
.nav-group{margin:0;padding:0;border:0;border-radius:14px}
.nav-group>summary{list-style:none}
.nav-group>summary::-webkit-details-marker{display:none}
.nav-group-summary{position:relative;display:flex;align-items:center;gap:12px;min-height:50px;padding:11px 13px;border-radius:13px;color:rgba(255,255,255,.9);cursor:pointer;font-weight:800;user-select:none;transition:background .16s ease,color .16s ease}
.nav-group-summary:hover,.nav-group-summary:focus-visible,.nav-group-summary.active{background:rgba(255,255,255,.12);color:#fff;outline:none}
.nav-group-summary .nav-icon{flex:0 0 27px;width:27px;text-align:center;font-size:1.12rem}
.nav-group-chevron{margin-left:auto;font-size:1rem;opacity:.72;transition:transform .18s ease}
.nav-group[open]>.nav-group-summary .nav-group-chevron{transform:rotate(180deg)}
.nav-submenu{display:grid;gap:3px;margin:3px 0 7px 20px;padding:3px 0 3px 19px;border-left:1px solid rgba(255,255,255,.18)}
.nav-subitem{display:flex;align-items:center;gap:9px;min-height:39px;padding:8px 11px;border-radius:10px;color:rgba(255,255,255,.76);font-size:.87rem;font-weight:690;text-decoration:none;line-height:1.2;transition:background .16s ease,color .16s ease,transform .16s ease}
.nav-subitem:hover,.nav-subitem:focus-visible{background:rgba(255,255,255,.09);color:#fff;outline:none}
.nav-subitem.active{background:rgba(255,255,255,.14);color:#fff;font-weight:850}
.nav-subitem .nav-badge{margin-left:auto}
.nav-group-support{margin-top:5px;padding-top:6px;border-top:1px solid rgba(255,255,255,.11)}
.nav-group-system{margin-top:2px}
body.sidebar-collapsed .nav-group-summary{justify-content:center;padding-left:8px;padding-right:8px}
body.sidebar-collapsed .nav-group-summary .nav-label,
body.sidebar-collapsed .nav-group-chevron,
body.sidebar-collapsed .nav-submenu{display:none!important}
body.sidebar-collapsed .nav-group{position:relative}
@media(max-width:900px){
  .sidebar-nav-modular{gap:4px}
  .nav-group-summary{min-height:54px;padding:12px 14px;font-size:.98rem}
  .nav-submenu{margin-left:22px;padding-left:18px}
  .nav-subitem{min-height:43px;padding:9px 12px;font-size:.91rem}
}


/* RC6.8.2 — vizuelno usklađen modularni meni bez promjene strukture */
.sidebar-nav-modular{gap:4px}
.sidebar-nav-modular>.nav-item,
.nav-group-summary{
  min-height:47px;
  padding:10px 12px;
  border-radius:11px;
  font-size:15px;
  font-weight:650;
  line-height:1.2;
}
.nav-group-summary .nav-icon,
.sidebar-nav-modular>.nav-item .nav-icon{
  flex:0 0 24px;
  width:24px;
  font-size:19px;
}
.nav-group-summary.active,
.sidebar-nav-modular>.nav-item.active{position:relative;background:rgba(255,255,255,.13)}
.nav-group-summary.active::before,
.sidebar-nav-modular>.nav-item.active::before{
  content:"";
  position:absolute;
  left:0;
  top:8px;
  bottom:8px;
  width:3px;
  border-radius:0 4px 4px 0;
  background:#8ce19d;
}
.nav-submenu{
  gap:2px;
  margin:1px 0 6px 20px;
  padding:2px 0 2px 16px;
  border-left-color:rgba(255,255,255,.16);
}
.nav-subitem{
  min-height:37px;
  padding:7px 10px;
  border-radius:9px;
  font-size:14px;
  font-weight:500;
  color:rgba(255,255,255,.78);
}
.nav-subitem.active{font-weight:650;background:rgba(255,255,255,.12)}
.nav-group-chevron{font-size:14px;opacity:.7}
.nav-badge{
  min-width:23px;
  height:21px;
  padding:0 7px;
  font-size:11px;
  font-weight:800;
}
.nav-badge-alert{background:#d94141;color:#fff;box-shadow:0 2px 8px rgba(130,0,0,.18)}
@media(max-width:900px){
  .sidebar-nav-modular>.nav-item,.nav-group-summary{min-height:52px;padding:11px 13px;font-size:16px}
  .nav-subitem{min-height:41px;padding:8px 11px;font-size:14px}
  .nav-submenu{margin-left:22px;padding-left:16px}
}

/* RC6.9.1 — definitive compact-sidebar and logout cleanup */
@media (min-width:851px){
  .sidebar{
    overflow:hidden!important;
  }
  .sidebar-nav{
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto;
    overflow-x:hidden;
    overscroll-behavior:contain;
    scrollbar-width:thin;
    scrollbar-color:rgba(255,255,255,.24) transparent;
    padding-bottom:10px;
  }
  .sidebar-nav::-webkit-scrollbar{width:5px}
  .sidebar-nav::-webkit-scrollbar-track{background:transparent}
  .sidebar-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.22);border-radius:999px}

  body.sidebar-collapsed .sidebar{
    width:84px!important;
    padding:18px 12px 14px!important;
    align-items:stretch;
  }
  body.sidebar-collapsed .sidebar-account-header{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    gap:0!important;
    min-height:58px!important;
    margin:0 0 16px!important;
    padding:0!important;
    overflow:visible!important;
  }
  body.sidebar-collapsed .sidebar-account-header .brand-mark{
    width:58px!important;
    height:58px!important;
    min-width:58px!important;
    margin:0!important;
    border-radius:16px!important;
  }
  body.sidebar-collapsed .sidebar-account-copy,
  body.sidebar-collapsed .sidebar-product-name,
  body.sidebar-collapsed .sidebar-account-name,
  body.sidebar-collapsed .sidebar-account-role-line{
    display:none!important;
    width:0!important;
    height:0!important;
    margin:0!important;
    padding:0!important;
    opacity:0!important;
    overflow:hidden!important;
  }

  body.sidebar-collapsed .sidebar-nav{
    width:100%;
    padding:0 0 10px!important;
  }
  body.sidebar-collapsed .sidebar-nav-modular>.nav-item,
  body.sidebar-collapsed .nav-group-summary{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    width:58px!important;
    min-width:58px!important;
    max-width:58px!important;
    height:52px!important;
    min-height:52px!important;
    margin:0 auto!important;
    padding:0!important;
    border-radius:14px!important;
    transform:none!important;
  }
  body.sidebar-collapsed .sidebar-nav .nav-icon,
  body.sidebar-collapsed .nav-group-summary .nav-icon{
    display:grid!important;
    place-items:center!important;
    width:26px!important;
    height:26px!important;
    flex:0 0 26px!important;
    margin:0!important;
    font-size:20px!important;
    line-height:1!important;
  }
  body.sidebar-collapsed .sidebar-nav .nav-label,
  body.sidebar-collapsed .sidebar-nav .nav-badge,
  body.sidebar-collapsed .nav-group-chevron,
  body.sidebar-collapsed .nav-submenu{
    display:none!important;
  }
  body.sidebar-collapsed .nav-group-summary.active::before,
  body.sidebar-collapsed .sidebar-nav-modular>.nav-item.active::before{
    left:-12px!important;
    top:9px!important;
    bottom:9px!important;
  }

  body.sidebar-collapsed .sidebar > .sidebar-logout-form.sidebar-logout-sticky,
  body.sidebar-collapsed .sidebar-logout-form,
  body.sidebar-collapsed .sidebar-logout-sticky{
    position:relative!important;
    inset:auto!important;
    flex:0 0 58px!important;
    display:block!important;
    width:58px!important;
    min-width:58px!important;
    max-width:58px!important;
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    margin:12px auto 0!important;
    padding:0!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    filter:none!important;
    transform:none!important;
    overflow:visible!important;
  }
  body.sidebar-collapsed .sidebar-logout-form::before,
  body.sidebar-collapsed .sidebar-logout-form::after,
  body.sidebar-collapsed .sidebar-logout-sticky::before,
  body.sidebar-collapsed .sidebar-logout-sticky::after,
  body.sidebar-collapsed .nav-item-logout::before,
  body.sidebar-collapsed .nav-item-logout::after{
    content:none!important;
    display:none!important;
  }
  body.sidebar-collapsed .sidebar-logout-sticky .nav-item-logout{
    display:grid!important;
    place-items:center!important;
    width:58px!important;
    min-width:58px!important;
    max-width:58px!important;
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    margin:0!important;
    padding:0!important;
    border:2px solid #ec727b!important;
    border-radius:16px!important;
    background:#fff!important;
    background-image:none!important;
    color:#b4232f!important;
    box-shadow:0 7px 18px rgba(0,0,0,.14)!important;
    transform:none!important;
    overflow:hidden!important;
  }
  body.sidebar-collapsed .sidebar-logout-sticky .nav-item-logout .nav-icon{
    width:25px!important;
    height:25px!important;
    flex:0 0 25px!important;
    margin:0!important;
    font-size:20px!important;
  }
  body.sidebar-collapsed .sidebar-logout-sticky .nav-item-logout .nav-label{
    display:none!important;
  }
}

/* RC7.0 — javna online prijava za članstvo */
.public-membership-shell{width:min(100%,1040px);margin:0 auto;padding:32px 18px 52px}.public-membership-hero{text-align:center;color:#123d1d;padding:16px 10px 28px}.public-membership-logo{display:block;width:min(250px,64vw);height:auto;margin:0 auto 16px}.public-membership-kicker{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border-radius:999px;background:#e9f7ec;color:#17652c;font-size:12px;font-weight:800;letter-spacing:.12em}.public-membership-hero h1,.public-success-card h1{margin:14px 0 8px;font-size:clamp(31px,6vw,48px);line-height:1.06;color:#123d1d}.public-membership-hero p{max-width:690px;margin:0 auto;color:#4d6655;font-size:17px;line-height:1.6}.public-membership-card{background:#fff;border:1px solid #dce9df;border-radius:24px;box-shadow:0 18px 55px rgba(18,61,29,.11);padding:clamp(20px,4vw,38px)}.public-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.public-field{display:flex;flex-direction:column;gap:8px;color:#203d29;font-size:14px;font-weight:750}.public-field-wide{grid-column:1/-1}.public-field input,.public-field select{width:100%;min-height:52px;border:1px solid #cbdccf;border-radius:14px;background:#fbfefc;color:#183720;font:inherit;font-weight:550;padding:0 14px;outline:none;transition:border-color .18s,box-shadow .18s}.public-field input:focus,.public-field select:focus{border-color:#2d8c44;box-shadow:0 0 0 4px rgba(45,140,68,.12)}.public-field select:disabled{background:#f3f6f4;color:#7b8c80}.public-intention{border:0;padding:0;margin:28px 0 18px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.public-intention legend{grid-column:1/-1;font-weight:850;color:#173b21;margin-bottom:12px}.public-intention label{position:relative;display:flex;gap:12px;align-items:flex-start;padding:16px;border:1px solid #d6e5da;border-radius:16px;background:#fbfefc;cursor:pointer;transition:.18s}.public-intention label:has(input:checked){border-color:#2e8b45;background:#edf8f0;box-shadow:0 0 0 3px rgba(46,139,69,.09)}.public-intention input{margin-top:3px;accent-color:#23753a}.public-intention span{display:flex;flex-direction:column;gap:3px}.public-intention strong{color:#163d22}.public-intention small{color:#63786a;line-height:1.35}.public-consent{display:flex;align-items:flex-start;gap:12px;padding:15px 16px;border-radius:14px;background:#f2f7f3;color:#445e4a;font-size:13px;line-height:1.5}.public-consent input{margin-top:3px;accent-color:#23753a}.public-submit{display:block;width:100%;min-height:56px;margin-top:20px;border:0;border-radius:15px;background:linear-gradient(135deg,#0b4d24,#25813d);color:#fff;font-size:17px;font-weight:850;cursor:pointer;box-shadow:0 12px 28px rgba(20,101,45,.22)}.public-submit:hover{transform:translateY(-1px);filter:brightness(1.03)}.public-form-note{text-align:center;color:#6b7f70;font-size:13px;margin:13px 0 0}.membership-honeypot{position:absolute!important;left:-9999px!important;opacity:0!important;pointer-events:none!important}.public-membership-success-shell{display:grid;place-items:center;min-height:82vh}.public-success-card{max-width:620px;text-align:center}.public-success-icon{width:76px;height:76px;display:grid;place-items:center;margin:0 auto 18px;border-radius:50%;background:#e4f5e8;color:#187132;font-size:38px;font-weight:900}.public-success-card p{color:#526a58;line-height:1.6}.public-application-code{margin:22px auto;padding:17px;border-radius:16px;background:#f0f8f2;border:1px solid #d4ead9;display:flex;flex-direction:column;gap:5px}.public-application-code small{color:#6b7d70;text-transform:uppercase;letter-spacing:.08em}.public-application-code strong{font-size:22px;color:#143c20}.public-success-note{font-size:14px}.public-back-home{display:inline-flex;margin-top:14px;padding:13px 20px;border-radius:13px;background:#123d1d;color:#fff;text-decoration:none;font-weight:800}@media(max-width:720px){.public-membership-shell{padding:18px 12px 34px}.public-membership-card{border-radius:19px;padding:19px 15px}.public-form-grid,.public-intention{grid-template-columns:1fr}.public-field-wide,.public-intention legend{grid-column:auto}.public-membership-hero{padding-bottom:18px}.public-membership-hero p{font-size:15px}.public-intention label{padding:14px}}

/* RC7.0.1: javna prijava - originalni logo i čitljiv hero tekst */
.public-membership-hero{color:#fff}
.public-membership-hero h1{color:#fff}
.public-membership-hero p{color:rgba(255,255,255,.92)}
.public-membership-logo{width:min(300px,72vw);filter:none;opacity:1}

/* RC7.1.9 — task cards: clean readable workflow cards */
.workflow-task-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:16px}
.workflow-task-grid .task-card,
.workflow-task-grid .task-card.priority-high,
.workflow-task-grid .task-card.priority-urgent,
.workflow-task-grid .task-card.is-late{
  background:#fff!important;color:#1d2b22!important;border:1px solid #dfe7e1!important;
  border-left:5px solid #7c8b80!important;box-shadow:0 7px 20px rgba(15,45,25,.06)!important
}
.workflow-task-grid .task-card.priority-high{border-left-color:#d79a20!important}
.workflow-task-grid .task-card.priority-urgent,.workflow-task-grid .task-card.is-late{border-left-color:#c7332e!important}
.workflow-task-grid .task-card h2,.workflow-task-grid .task-card h2 a{color:#17251c!important}
.workflow-task-grid .task-card p,.workflow-task-grid .task-card .task-meta{color:#68756d!important}
.workflow-task-grid .task-assignee{color:#176b32!important}
.workflow-task-grid .task-link-note{background:#f7faf8!important;border-color:#e1e8e3!important;color:#405248!important}
.workflow-task-grid .task-priority{color:#68756d!important;background:transparent!important;width:auto!important;height:auto!important;border-radius:0!important}
@media(max-width:900px){.workflow-task-grid{grid-template-columns:1fr}}

/* RC7.3.1 Notification Center v2 */
.notification-filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px;max-width:900px}.notification-filter{display:inline-flex;align-items:center;min-height:38px;padding:8px 13px;border:1px solid #dbe4dd;border-radius:999px;background:#fff;color:#526057;font-size:.86rem;font-weight:750;text-decoration:none}.notification-filter:hover{border-color:#aac8b1;color:#145d2b}.notification-filter.is-active{background:#155f2c;border-color:#155f2c;color:#fff}.notice-card{position:relative}.notice-card.is-actionable{transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.notice-card.is-actionable:hover{transform:translateY(-1px);border-color:#9fc7a8;box-shadow:0 10px 28px rgba(30,61,39,.11)}.notice-card-hit{position:absolute;inset:0;border-radius:inherit;z-index:1}.notice-content,.notice-icon{position:relative;z-index:2;pointer-events:none}.notice-footer,.notice-actions,.notice-footer a,.notice-footer button,.notice-footer form{position:relative;z-index:3;pointer-events:auto}.notice-actions{display:flex;gap:8px;align-items:center}.notification-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;max-width:880px;margin-top:18px;padding-top:16px;border-top:1px solid #e5ebe6}.notification-pagination span{font-size:.85rem;color:#69756d;font-weight:700}
@media(max-width:760px){.notification-filters{display:flex;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;margin-bottom:15px;scrollbar-width:none}.notification-filters::-webkit-scrollbar{display:none}.notification-filter{white-space:nowrap;flex:0 0 auto}.notification-pagination{flex-wrap:wrap}.notification-pagination span{order:-1;width:100%;text-align:center}.notification-pagination a{flex:1;text-align:center}.notice-card.is-actionable:hover{transform:none}}

/* RC7.3.2 — installed PWA mobile scroll reliability */
@media (max-width:850px){
  html{
    min-height:100%;
    height:auto;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior-y:auto;
  }
  body{
    min-height:100%;
    height:auto;
    overflow-x:hidden;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-y;
  }
  .app-shell,.main,.content{
    min-height:0;
    height:auto;
    overflow:visible;
    touch-action:pan-y;
  }
  /* Scroll is locked only while the off-canvas menu is actually open. */
  body.menu-open:has(#sidebar:not(.open)){
    overflow-y:auto!important;
    position:static!important;
  }
  body:not(.menu-open){
    overflow-y:auto!important;
    position:static!important;
  }
}

/* RC7.3.3 — Android installed-PWA scroll container fix
   Do not rely on document/body scrolling in standalone mode. On mobile the
   application main area is the dedicated vertical scroll container. */
@media (max-width:850px){
  html,body{
    width:100%;
    height:100%;
    min-height:100%;
    overflow:hidden!important;
    overscroll-behavior:none;
  }
  body.menu-open{overflow:hidden!important;position:static!important}
  .app-shell{
    display:block!important;
    width:100%;
    height:100dvh!important;
    min-height:100dvh!important;
    overflow:hidden!important;
  }
  .main{
    display:flex!important;
    flex-direction:column;
    width:100%;
    height:100dvh!important;
    min-height:0!important;
    max-height:100dvh!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-y:auto;
    touch-action:auto!important;
    scroll-behavior:auto;
  }
  .topbar{flex:0 0 auto}
  .content{
    flex:0 0 auto;
    min-height:auto!important;
    height:auto!important;
    overflow:visible!important;
    touch-action:auto!important;
  }
  .app-footer{flex:0 0 auto}
  /* The backdrop itself blocks touches while the menu is open; document
     scrolling therefore never needs to be dynamically locked/unlocked. */
  .sidebar-backdrop{touch-action:none}
}

/* RC7.3.4 — Mobile membership header action layout */
@media (max-width: 620px) {
  .membership-head.organization-aware-head {
    display: block !important;
    width: 100%;
    padding: 18px 16px !important;
  }
  .membership-head.organization-aware-head > div:first-child {
    width: 100%;
    min-width: 0;
  }
  .membership-head.organization-aware-head h1 {
    margin: 8px 0 12px;
    font-size: clamp(2rem, 9.5vw, 2.65rem);
    line-height: 1.08;
    overflow-wrap: anywhere;
  }
  .membership-head.organization-aware-head p {
    margin: 0;
    font-size: 1rem;
    line-height: 1.5;
  }
  .membership-head .page-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 18px 0 0 !important;
    padding: 0 !important;
    align-items: stretch !important;
  }
  .membership-head .page-actions > a,
  .membership-head .page-actions > button,
  .membership-head .page-actions > form {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    position: static !important;
    transform: none !important;
  }
  .membership-head .page-actions > a,
  .membership-head .page-actions > button,
  .membership-head .page-actions > form > button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 50px !important;
    padding: 12px 14px !important;
    border-radius: 14px !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    text-align: center !important;
  }
}

/* RC7.3.5 — mobile audit + user administration readability */
.admin-audit-mobile,.admin-users-mobile{display:none}
@media(max-width:850px){
  .admin-audit-desktop,.admin-users-desktop{display:none!important}
  .admin-audit-mobile,.admin-users-mobile{display:grid;gap:12px;width:100%;min-width:0}

  .admin-audit-card{min-width:0;padding:15px;border:1px solid var(--bhz-border);border-radius:15px;background:#fff;box-shadow:0 4px 16px rgba(12,47,23,.05)}
  .admin-audit-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}
  .admin-audit-card-head time{color:var(--bhz-text);font-size:.88rem;font-weight:850;white-space:nowrap}
  .admin-audit-card-head span{min-width:0;color:var(--bhz-muted);font-size:.83rem;font-weight:750;text-align:right;overflow-wrap:anywhere}
  .admin-audit-card code{display:inline-block;max-width:100%;padding:6px 9px;border-radius:8px;background:#edf6ef;color:#176d33;font-size:.72rem;line-height:1.3;white-space:normal;overflow-wrap:anywhere;word-break:break-word}
  .admin-audit-card p{margin:10px 0 0;color:#35443b;font-size:.93rem;line-height:1.48;white-space:normal;overflow-wrap:anywhere;word-break:normal}

  .admin-user-filters{grid-template-columns:1fr!important}
  .admin-user-filters>*{min-width:0;width:100%}
  .admin-user-filters a{display:flex;align-items:center;justify-content:center;min-height:46px;border:1px solid var(--bhz-border);border-radius:12px;background:#fff;font-weight:800}

  .admin-user-mobile-card{min-width:0;padding:15px;border:1px solid var(--bhz-border);border-radius:16px;background:#fff;box-shadow:0 4px 16px rgba(12,47,23,.05)}
  .admin-user-mobile-head{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:11px;align-items:center;min-width:0}
  .admin-user-mobile-avatar{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--bhz-green-100);color:var(--bhz-green-800);font-size:1.08rem;font-weight:900}
  .admin-user-mobile-head>div{min-width:0}
  .admin-user-mobile-head a{display:block;color:var(--bhz-text);font-size:1.03rem;font-weight:900;line-height:1.25;white-space:normal;overflow-wrap:break-word}
  .admin-user-mobile-head small{display:block;margin-top:3px;color:var(--bhz-muted);font-size:.78rem;line-height:1.3;white-space:normal;overflow-wrap:anywhere}
  .admin-user-mobile-head>.badge{max-width:92px;white-space:nowrap}
  .admin-user-mobile-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;padding-top:13px;border-top:1px solid #edf1ee}
  .admin-user-mobile-meta>div{min-width:0;padding:10px;border-radius:12px;background:#f7faf8}
  .admin-user-mobile-meta span,.admin-user-mobile-meta strong,.admin-user-mobile-meta small{display:block;min-width:0}
  .admin-user-mobile-meta span{color:var(--bhz-muted);font-size:.65rem;font-weight:850;letter-spacing:.05em;text-transform:uppercase}
  .admin-user-mobile-meta strong{margin-top:3px;color:var(--bhz-text);font-size:.9rem;font-weight:850;line-height:1.3;white-space:normal;overflow-wrap:break-word}
  .admin-user-mobile-meta small{margin-top:2px;color:var(--bhz-muted);font-size:.72rem;line-height:1.35;white-space:normal;overflow-wrap:anywhere}
  .admin-user-mobile-open{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px;padding:11px 13px;border-radius:11px;background:#edf6ef;color:var(--bhz-green-800);font-size:.9rem;font-weight:850}
  .admin-user-mobile-open span{font-size:1.2rem;line-height:1}
}
@media(max-width:420px){
  .admin-user-mobile-head{grid-template-columns:42px minmax(0,1fr)}
  .admin-user-mobile-avatar{width:42px;height:42px}
  .admin-user-mobile-head>.badge{grid-column:2;justify-self:start}
  .admin-user-mobile-meta{grid-template-columns:1fr}
  .admin-audit-card-head{display:grid;grid-template-columns:1fr}
  .admin-audit-card-head span{text-align:left}
}


/* RC7.4.4 — unified BHZ app mark on authentication screens */
.auth-app-mark{display:grid;place-items:center;width:96px;height:96px;border-radius:26px;background:#fff;color:#14532d;font-size:1.65rem;font-weight:900;letter-spacing:.035em;box-shadow:0 14px 36px rgba(0,0,0,.18);border:1px solid rgba(20,83,45,.08)}
@media(max-width:600px){.auth-app-mark{width:88px;height:88px;border-radius:24px;font-size:1.5rem}}

/* RC7.5.1 - controlled mass registration */
.auth-register-cta{margin:14px 0 2px;text-align:center;font-size:.94rem;color:#64748b}.auth-register-cta a{font-weight:800;color:#176b37;text-decoration:none}.auth-register-card .muted,.pin-reset-card .muted{color:#64748b;line-height:1.5;margin-top:-4px}.auth-register-card select{width:100%;min-height:46px}.auth-register-card .btn,.pin-reset-card .btn{width:100%;margin-top:6px}.auth-switch{text-align:center;margin:16px 0 0;color:#64748b}.auth-switch a{font-weight:800;color:#176b37;text-decoration:none}
.registration-membership-choice{display:flex!important;align-items:flex-start;gap:11px;padding:14px;border:1px solid #cfe1d3;border-radius:14px;background:#f5faf6;cursor:pointer}.registration-membership-choice input,.registration-membership-disclaimer label input{width:20px;height:20px;flex:0 0 auto;margin:2px 0 0}.registration-membership-choice span{display:grid;gap:3px}.registration-membership-choice small{font-weight:500;color:#64748b;line-height:1.4}.registration-membership-disclaimer{padding:15px;border:1px solid #b9d6c0;border-radius:14px;background:#edf7ef;color:#27472f}.registration-membership-disclaimer[hidden]{display:none!important}.registration-membership-disclaimer>strong{display:block;color:#174d27;margin-bottom:5px}.registration-membership-disclaimer>p{margin:0 0 12px!important;color:#52685a!important;font-size:.88rem;line-height:1.5}.registration-membership-disclaimer label{display:flex!important;align-items:flex-start;gap:10px;font-size:.88rem;line-height:1.5}.registration-membership-disclaimer label span{font-weight:600}

/* RC7.5.7 - registration/admin visibility */
.link-danger,.admin-user-mobile-delete-pending{border:0;background:transparent;color:#b4232c;font:inherit;font-weight:700;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:3px}
.admin-user-mobile-delete-pending{display:block;width:100%;margin-top:10px;padding:11px 14px;border:1px solid #efc0c4;border-radius:12px;background:#fff7f8;text-decoration:none}

/* RC7.5.17: pouzdane dodirne zone za radio opcije na mobilnim uređajima.
   Generički input stil daje min-height/width svim inputima; kod apsolutno pozicioniranih
   radio elemenata to je moglo prekriti susjedne opcije i uvijek birati prvi broj. */
.voter-count-grid label,.follow-up-options label{position:relative!important;overflow:hidden}
.voter-count-grid input[type="radio"],.follow-up-options input[type="radio"]{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  min-height:0!important;margin:0!important;padding:0!important;opacity:0!important;
  cursor:pointer!important;z-index:2!important;appearance:none!important;-webkit-appearance:none!important
}
.voter-count-grid span,.follow-up-options span{position:relative;z-index:1;pointer-events:none}
.voter-count-grid label:focus-within span,.follow-up-options label:focus-within span{outline:2px solid rgba(39,122,61,.28);outline-offset:2px}

/* RC7.5.21 — contact detail visual refresh */
.contact-manager-shell{max-width:1120px;margin:0 auto;display:grid;gap:18px}.contact-manager-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:18px;align-items:center;padding:22px 24px;border-radius:24px;position:relative;overflow:hidden}.contact-manager-hero:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-90px;top:-110px;background:rgba(23,107,69,.05)}.contact-manager-person,.contact-manager-status,.contact-manager-hero-metrics{position:relative;z-index:1}.contact-manager-person{display:flex;align-items:center;gap:16px;min-width:0}.contact-manager-avatar{width:72px;height:72px;border-radius:22px;font-size:24px;flex:none}.contact-manager-person h2{margin:4px 0 3px;font-size:28px;letter-spacing:-.03em}.contact-manager-person p{margin:0;color:#617067}.contact-manager-status{justify-self:end;display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:17px;background:#fff;border:1px solid #e1e8e3;min-width:230px}.contact-manager-status-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:#fff;font-size:22px;font-weight:900}.contact-manager-status small{display:block;color:#768078}.contact-manager-status strong{display:block;margin-top:2px;font-size:16px}.contact-manager-hero.tone-secure .contact-manager-status-icon{background:#16823a}.contact-manager-hero.tone-undecided .contact-manager-status-icon{background:#e3aa12}.contact-manager-hero.tone-against .contact-manager-status-icon{background:#d64040}.contact-manager-hero-metrics{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.contact-manager-hero-metrics article{padding:15px 16px;border-radius:16px;background:#f8fbf9;border:1px solid #e1e9e4}.contact-manager-hero-metrics span{display:block;color:#758078;font-size:12px}.contact-manager-hero-metrics strong{display:block;margin-top:5px;font-size:26px;color:#183d25}.contact-manager-hero-metrics .priority{display:inline-flex;font-size:12px;margin-top:8px}.contact-manager-grid{grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);align-items:start}.contact-manager-data,.contact-manager-actions{border-radius:20px;box-shadow:0 12px 30px rgba(20,55,34,.05)}.contact-manager-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #e7eee9}.contact-manager-info-grid>div{padding:16px 14px;border-bottom:1px solid #e7eee9;min-width:0}.contact-manager-info-grid>div:nth-child(odd){border-right:1px solid #e7eee9}.contact-manager-info-grid span,.contact-manager-note span{display:block;color:#778279;font-size:12px;margin-bottom:5px}.contact-manager-info-grid strong{display:block;font-size:15px;overflow-wrap:anywhere}.contact-manager-note{margin-top:16px;padding:16px;border-radius:15px;background:#f7faf8;border:1px solid #e4ebe6}.contact-manager-note p{margin:0;color:#35463b;line-height:1.55}.contact-manager-delete{margin-top:18px}.contact-manager-delete .danger{margin:0}.contact-manager-actions h3{margin:0 0 12px;font-size:16px}.contact-manager-action-block{padding:16px;border:1px solid #e6ece8;border-radius:16px;background:#fbfdfb}.contact-manager-action-divider{display:flex;align-items:center;gap:10px;margin:14px 0}.contact-manager-action-divider:before,.contact-manager-action-divider:after{content:"";height:1px;background:#e2e9e4;flex:1}.contact-manager-action-divider span{font-size:10px;font-weight:800;color:#8a958d}.contact-manager-actions .full{width:100%;min-height:46px}.contact-manager-shell>.contact-history-collapsible,.contact-manager-shell>.span-wide{grid-column:auto}.contact-manager-shell .contact-history-collapsible{border-radius:18px}.contact-manager-shell .reminder-list article{background:#fbfdfb}.contact-manager-shell .activity-list article{background:#fbfdfb}
@media(max-width:900px){.contact-manager-hero{grid-template-columns:1fr}.contact-manager-status{justify-self:start}.contact-manager-grid{grid-template-columns:1fr}.contact-manager-hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.contact-manager-shell{gap:14px}.contact-manager-hero{padding:16px;border-radius:18px}.contact-manager-person{align-items:flex-start}.contact-manager-avatar{width:58px;height:58px;border-radius:18px;font-size:20px}.contact-manager-person h2{font-size:22px}.contact-manager-status{width:100%;min-width:0}.contact-manager-hero-metrics{grid-template-columns:1fr 1fr}.contact-manager-hero-metrics article:last-child{grid-column:1/-1}.contact-manager-info-grid{grid-template-columns:1fr}.contact-manager-info-grid>div:nth-child(odd){border-right:0}.contact-manager-data,.contact-manager-actions{border-radius:17px}}

/* RC7.5.22 — compact System submenu on desktop */
@media(min-width:851px){
  .nav-group-system[open]>.nav-submenu{gap:1px;margin-top:1px;margin-bottom:4px;padding-top:1px;padding-bottom:1px}
  .nav-group-system[open]>.nav-submenu .nav-item{min-height:38px;padding-top:7px;padding-bottom:7px;font-size:13px}
}



/* RC7.5.26 — campaign submenu icons */
.nav-subicon{display:inline-grid;place-items:center;flex:0 0 20px;width:20px;height:20px;border-radius:6px;background:rgba(255,255,255,.075);color:rgba(255,255,255,.72);font-size:12px;font-weight:900;line-height:1;transition:background .16s ease,color .16s ease,transform .16s ease}
.nav-subitem:hover .nav-subicon,.nav-subitem:focus-visible .nav-subicon{background:rgba(255,255,255,.13);color:#fff}
.nav-subitem.active .nav-subicon{background:rgba(140,225,157,.18);color:#a8efb6}
@media(max-width:900px){.nav-subicon{flex-basis:22px;width:22px;height:22px;font-size:13px}}


/* RC7.5.27 — narrower mobile sidebar + explicit close control */
.sidebar-mobile-close{display:none}
@media(max-width:850px){
  .sidebar{
    width:250px!important;
    left:-270px!important;
    inset:0 auto 0 -270px!important;
    padding:10px 9px max(10px,env(safe-area-inset-bottom))!important;
  }
  .sidebar.open{left:0!important;inset:0 auto 0 0!important}
  .sidebar-account-header{
    position:relative;
    grid-template-columns:42px minmax(0,1fr)!important;
    gap:9px!important;
    padding:8px 28px 12px 3px!important;
  }
  .sidebar-account-header .brand-mark{
    width:42px!important;
    height:42px!important;
    border-radius:12px!important;
    font-size:.72rem!important;
  }
  .sidebar-account-name{font-size:.83rem!important;line-height:1.15}
  .sidebar-product-name{font-size:.72rem!important;line-height:1.1}
  .sidebar-account-role{font-size:.62rem!important}
  .sidebar-account-role-line{gap:4px!important;margin-top:4px!important}
  .role-status-icon{width:16px!important;height:16px!important;flex-basis:16px!important;font-size:.52rem!important}
  .sidebar-mobile-close{
    display:grid;
    place-items:center;
    position:absolute;
    top:5px;
    right:0;
    z-index:4;
    width:28px;
    height:28px;
    min-height:28px;
    padding:0;
    border:1px solid rgba(255,255,255,.2);
    border-radius:9px;
    background:rgba(255,255,255,.1);
    color:#fff;
    font-size:21px;
    font-weight:500;
    line-height:1;
  }
  .sidebar-mobile-close:hover,.sidebar-mobile-close:focus-visible{background:rgba(255,255,255,.18);outline:2px solid rgba(255,255,255,.3);outline-offset:1px}
  .sidebar-nav .nav-item{min-height:38px!important;padding:7px 8px!important;gap:7px!important;font-size:.78rem!important}
  .sidebar-nav .nav-group-summary{min-height:38px!important;padding:7px 8px!important;gap:7px!important;font-size:.78rem!important}
  .nav-icon{width:18px!important;height:18px!important;flex-basis:18px!important;font-size:.88rem!important}
  .nav-submenu{padding-left:4px!important}
  .nav-subitem{font-size:.73rem!important;padding-left:7px!important;padding-right:6px!important}
  .nav-subicon{width:18px!important;height:18px!important;flex-basis:18px!important;font-size:10px!important}
  .nav-label{min-width:0;overflow-wrap:anywhere}
  .sidebar-logout-sticky .nav-item-logout{min-height:42px;padding:8px 9px;border-radius:11px;font-size:.78rem;gap:8px}
}

/* RC7.5.34 — activist contact reminder action restored */
.support-reminder-panel{padding:18px;border:1px solid #dfe8e2;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(20,55,34,.05)}
.support-reminder-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.support-reminder-heading h2{margin:0;font-size:19px}.support-reminder-heading p{margin:3px 0 0;color:#6c786f;font-size:13px;line-height:1.45}.support-reminder-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:13px;background:#e8f5ec;font-size:20px}.support-reminder-form{display:grid;gap:13px}.support-reminder-form label{font-weight:750}.support-reminder-form label>small{font-weight:500;color:#7b867f}.support-reminder-current{display:grid;gap:4px;margin-top:16px;padding:14px 15px;border-radius:14px;background:#f2f8f4;border:1px solid #dceae0}.support-reminder-current>span{font-size:11px;font-weight:800;color:#287346;text-transform:uppercase;letter-spacing:.06em}.support-reminder-current>strong{font-size:17px}.support-reminder-current>small{color:#68756d}.support-reminder-current form{margin-top:7px}.support-reminder-current .secondary{width:max-content}
@media(max-width:640px){.support-reminder-panel{padding:16px;border-radius:17px}.support-reminder-heading h2{font-size:18px}.support-reminder-heading p{font-size:14px}.support-reminder-form input,.support-reminder-form button{min-height:50px;font-size:16px}.support-reminder-form .datetime-button{min-height:50px}.support-reminder-current>strong{font-size:18px}}

/* RC7.5.36 — larger submenu chevrons */
.nav-group-chevron{font-size:22px!important;line-height:1!important;min-width:22px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;opacity:.9}
@media(max-width:850px){.nav-group-chevron{font-size:22px!important;min-width:24px}}

/* RC7.5.61 — election-law declarations and election silence */
.election-sheet-declarations{display:grid;gap:8px;margin:12px 0}.election-sheet-declarations .privacy-check{padding:10px 12px;font-size:.86rem}.election-silence-alert{position:relative;border-width:2px}.election-compliance-box{border-color:#d9b84e;background:#fffdf4}


/* RC7.5.67 — jedinstveni prikaz baza po uzoru na Evidenciju kontakata */
.database-list-heading{margin-bottom:16px}
.database-summary-grid{margin-bottom:16px}
.database-filter-panel{margin-bottom:16px}
.database-filter-panel .panel-heading{margin-bottom:12px}
.database-filters{margin:0;background:transparent;border:0;padding:0;grid-template-columns:minmax(260px,2fr) repeat(2,minmax(180px,1fr)) auto;align-items:end}
.database-filters-wide{grid-template-columns:minmax(250px,1.7fr) repeat(3,minmax(155px,1fr)) auto}
.database-filters .filter-actions{display:flex;gap:8px;align-items:center}
.database-filters .filter-actions>*{white-space:nowrap}
.database-table-wrap{margin-top:0}
.database-table td strong{font-weight:800}
.database-table td small{margin-top:3px}
.database-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}
.database-row-actions a{font-weight:800;color:#176b45;white-space:nowrap}
.database-mini-progress{width:110px;height:5px;background:#e7eeea;border-radius:999px;overflow:hidden;margin-top:5px}
.database-mini-progress span{display:block;height:100%;background:#1aa64a;border-radius:999px}
.database-summary-danger{border-color:#f2b8b5!important;background:#fff8f7!important}
.database-summary-danger .contact-summary-icon,.database-summary-danger strong{color:#b42318!important}
.database-row-overdue{background:#fff8f7}
.database-overdue-label{color:#b42318!important;font-weight:800}
.database-row-details{position:relative}
.database-row-details summary{cursor:pointer;color:#176b45;font-weight:800;list-style:none;white-space:nowrap}
.database-row-details summary::-webkit-details-marker{display:none}
.database-row-details[open] .database-inline-form{display:grid}
.database-inline-form{position:absolute;right:0;z-index:20;width:min(390px,75vw);padding:14px;background:#fff;border:1px solid #dce4df;border-radius:14px;box-shadow:0 18px 45px rgba(18,32,22,.16);gap:10px;margin-top:8px}
.database-inline-form textarea{resize:vertical}
.database-mobile-list{display:none}
.database-mobile-card{background:#fff;border:1px solid #dfe8e2;border-radius:16px;padding:14px;margin-bottom:10px}
.database-mobile-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.database-mobile-head strong,.database-mobile-head small{display:block}
.database-mobile-head small{margin-top:3px;color:#6c7770}
.database-mobile-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:13px 0 8px}
.database-mobile-metrics>div{background:#f5f8f6;border-radius:10px;padding:9px}
.database-mobile-metrics span,.database-mobile-metrics strong{display:block}.database-mobile-metrics span{font-size:11px;color:#6b776f}.database-mobile-metrics strong{margin-top:2px}
.database-mobile-actions{display:flex;gap:8px;margin-top:12px}.database-mobile-actions>*{flex:1;text-align:center}
@media(max-width:1050px){.database-filters,.database-filters-wide{grid-template-columns:repeat(2,minmax(0,1fr))}.database-filters .filter-actions{grid-column:1/-1}}
@media(max-width:760px){.activist-table-desktop{display:none}.activist-table-mobile{display:block}.database-filters,.database-filters-wide{grid-template-columns:1fr}.database-filters .filter-actions{grid-column:auto}.database-filter-panel{padding:16px}.database-table th,.database-table td{padding:12px}.database-row-details .database-inline-form{position:fixed;left:12px;right:12px;bottom:12px;width:auto;max-height:70vh;overflow:auto}.database-list-heading{align-items:flex-start}.database-list-heading .heading-actions{flex-wrap:wrap}}


/* RC7.5.68 — unified CRM density, Roboto content, dashboard modules */
.main,.main .content,.main .topbar,.main input,.main select,.main textarea,.main button,.main table{font-family:Roboto,Arial,sans-serif}
.sidebar,.sidebar *{font-family:Manrope,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.dashboard-module-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}
.dashboard-module-overview>a{display:flex;flex-direction:column;gap:4px;min-height:112px;padding:16px;border:1px solid #dce7df;border-radius:15px;background:#fff;color:#163b21;text-decoration:none;box-shadow:0 7px 22px rgba(22,61,33,.05);transition:.18s ease}
.dashboard-module-overview>a:hover{transform:translateY(-2px);border-color:#9fc8a9;box-shadow:0 10px 28px rgba(22,61,33,.09)}
.dashboard-module-overview span{font-size:.78rem;font-weight:750;color:#64716a}.dashboard-module-overview strong{font-size:1.85rem;line-height:1.05}.dashboard-module-overview small{margin-top:auto;color:#7a867f}
.database-action-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 15px;margin:0 0 14px;border:1px solid #dde8df;border-radius:14px;background:#fff}.database-action-bar>div:first-child{display:flex;flex-direction:column;gap:3px}.database-action-bar small{color:#748079}.database-action-controls{display:flex;align-items:end;gap:9px}.database-action-controls label,.database-sort-label{font-size:.72rem;font-weight:700;color:#617068}.database-action-controls select,.database-sort-label select{display:block;min-width:150px;margin-top:4px;min-height:39px}
.database-heading-actions{align-items:end;flex-wrap:wrap}
.task-compact-table table{table-layout:auto}.task-compact-table td{vertical-align:middle}.task-compact-table td:first-child{min-width:220px}.task-compact-table .database-mini-progress{min-width:90px}.task-compact-table small{display:block;margin-top:3px;color:#748079}.task-compact-table .database-row-actions{white-space:nowrap}.task-compact-table .database-row-actions a{display:block;margin:3px 0}
.notification-page-head,.notification-filters,.system-notice-section,.regular-notice-section{width:100%;max-width:none}.notification-feed,.system-notice-heading,.regular-notice-heading{max-width:none!important;width:100%}.notice-card{border-radius:14px;box-shadow:0 5px 16px rgba(30,61,39,.055)}.notification-page-head h1{font-size:2.25rem}
@media(min-width:1000px){.notice-card{grid-template-columns:42px minmax(0,1fr);padding:14px 16px}.notice-icon{width:40px;height:40px;border-radius:11px}.notice-content h2{font-size:1.04rem;margin:4px 0 5px}.notice-content>p{line-height:1.42}.notice-footer{margin-top:10px;padding-top:9px}}
@media(max-width:1050px){.dashboard-module-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.database-action-bar{align-items:stretch;flex-direction:column}.database-action-controls{flex-wrap:wrap}}
@media(max-width:640px){.dashboard-module-overview{grid-template-columns:1fr 1fr}.dashboard-module-overview>a{min-height:96px;padding:13px}.dashboard-module-overview strong{font-size:1.5rem}.database-action-controls{display:grid;grid-template-columns:1fr 1fr}.database-action-controls label{grid-column:1/-1}.database-action-controls select{width:100%}.task-compact-table{overflow-x:auto}.notification-page-head h1{font-size:1.9rem}}
@media print{.sidebar,.topbar,.app-footer,.database-action-bar,.database-filter-panel,.heading-actions,.field-fab{display:none!important}.main{margin:0!important}.content{padding:0!important}.database-table-wrap{box-shadow:none!important;border:0!important}}


/* RC7.5.69 — Manrope content, dashboard polish, report/print fixes */
html,body,.main,.main .content,.main .topbar,.main input,.main select,.main textarea,.main button,.main table,.main a,.main p,.main span,.main small,.main strong,.main h1,.main h2,.main h3{font-family:Manrope,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.sidebar,.sidebar *{font-family:Manrope,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.dashboard-module-overview{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px}
.dashboard-module-overview>a{min-height:118px;padding:17px 18px;border-radius:18px;border:1px solid #dbe7df;background:linear-gradient(180deg,#fff 0%,#f8fbf9 100%);box-shadow:0 6px 20px rgba(22,61,33,.055)}
.dashboard-module-overview>a span{font-size:.76rem;letter-spacing:.01em;color:#66746c}
.dashboard-module-overview>a strong{font-size:1.9rem;font-weight:800;color:#123d1d;margin-top:2px}
.dashboard-module-overview>a small{font-size:.72rem;color:#75827a;line-height:1.35}
.dashboard-stats{gap:14px}
.dashboard-stats article{border-radius:18px!important;border:1px solid #dce7df!important;box-shadow:0 6px 20px rgba(22,61,33,.045)!important;padding:18px 19px!important;background:#fff!important}
.dashboard-stats article:after{display:none!important}.dashboard-stats article .stat-icon{float:none;position:absolute;right:16px;top:16px;width:34px;height:34px;border-radius:10px;background:#edf7ef;color:#197438;font-size:.86rem}
.dashboard-stats article small{font-weight:700;color:#66746c}.dashboard-stats article strong{font-weight:800;color:#132c1a}.dashboard-stats article em{margin-top:5px;color:#7a867f}
.task-compact-table .status-pill{padding:5px 9px;border-radius:8px;font-size:.72rem;font-weight:750;text-transform:none;letter-spacing:0;border:1px solid transparent}
.task-compact-table .status-new,.task-compact-table .status-assigned{background:#f0f4f2;color:#53635a;border-color:#dce5df}.task-compact-table .status-accepted,.task-compact-table .status-in_progress{background:#eef4ff;color:#245a9e;border-color:#d8e5fb}.task-compact-table .status-pending_review{background:#fff7e6;color:#8b6100;border-color:#f3e0af}.task-compact-table .status-completed{background:#e9f7ed;color:#1f7a3a;border-color:#ccebd5}.task-compact-table .status-cancelled{background:#f6eded;color:#8b4141;border-color:#ead2d2}
.task-compact-table .task-priority{display:inline-flex!important;align-items:center!important;width:auto!important;height:auto!important;padding:4px 8px!important;border-radius:8px!important;font-size:.7rem!important;font-weight:750!important;text-transform:none!important;letter-spacing:0!important;background:#f2f5f3!important;color:#5b6961!important}
.task-compact-table tr[data-priority="high"] .task-priority{background:#fff5e5!important;color:#966300!important}.task-compact-table tr[data-priority="urgent"] .task-priority{background:#fff0ef!important;color:#a23a34!important}.task-compact-table tr[data-priority="low"] .task-priority{background:#edf7ef!important;color:#2f7642!important}
.report-print-title{display:none}
@media print{
  @page{size:A4 landscape;margin:10mm}
  body{background:#fff!important;color:#111!important;font-size:10pt!important}
  .sidebar,.topbar,.app-footer,.database-action-bar,.database-filter-panel,.heading-actions,.field-fab,.page-heading .primary,.page-heading .secondary,.admin-users-mobile,.database-mobile-list{display:none!important}
  .app-shell,.main,.content{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;overflow:visible!important}
  .page-heading{display:block!important;margin:0 0 10px!important}.page-heading .eyebrow{display:none!important}.page-heading h1{font-size:18pt!important;margin:0 0 3px!important}.page-heading p{margin:0!important}
  .database-summary-grid{grid-template-columns:repeat(4,1fr)!important;gap:6px!important;margin:8px 0 10px!important}.contact-summary-card{padding:8px!important;min-height:auto!important;box-shadow:none!important}.contact-summary-icon{display:none!important}.contact-summary-copy strong{font-size:16pt!important}
  .activist-table-desktop,.admin-users-desktop{display:block!important;width:100%!important;overflow:visible!important;border:0!important;box-shadow:none!important;padding:0!important}
  table{width:100%!important;border-collapse:collapse!important;font-size:8.5pt!important}th,td{padding:6px!important;border:1px solid #d7ddd9!important}th{background:#eef3f0!important;color:#1e3425!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.database-row-actions,th:last-child,td:last-child{display:none!important}
  .database-mini-progress{display:none!important}.badge,.status-pill{border:1px solid #ccd6cf!important;background:#fff!important;color:#222!important}
}
@media(max-width:1050px){.dashboard-module-overview{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.dashboard-module-overview{grid-template-columns:1fr 1fr}.dashboard-module-overview>a{min-height:102px;padding:14px}.dashboard-module-overview>a strong{font-size:1.55rem}}


/* RC7.5.70 — dashboard cleanup + uniform membership KPI */
.membership-kpi.rejected{border-color:#dce7df;background:#fff}.membership-kpi.rejected .membership-kpi-icon{background:#eef4f0;color:#53675a}

/* RC7.5.71 — functional release hardening */
.dashboard-module-overview .dashboard-module-static{display:flex;flex-direction:column;gap:3px;padding:14px 16px;border:1px solid var(--line,#dfe8e2);border-radius:14px;background:#f7faf8;color:inherit}.dashboard-module-overview .dashboard-module-static strong{font-size:1.35rem}.dashboard-module-overview .dashboard-module-static small{color:#6e7c74}.privacy-aggregate-note{padding:20px}.privacy-aggregate-note h2{margin:0 0 6px;font-size:1rem}.privacy-aggregate-note p{margin:0;color:#65736b;max-width:760px}


/* RC7.5.72 — mobile completion for operational databases */
@media(max-width:760px){
  /* Wide operational tables become readable stacked records instead of clipped tables. */
  .membership-applications-table,.membership-members-table,.task-compact-table,
  .privacy-requests-table,.area-contact-table,.campaign-contact-table{
    overflow:visible!important;border:0!important;background:transparent!important;box-shadow:none!important
  }
  .membership-applications-table table,.membership-members-table table,.task-compact-table table,
  .privacy-requests-table table,.area-contact-table table,.campaign-contact-table table{
    display:block!important;width:100%!important;min-width:0!important;border:0!important;background:transparent!important
  }
  .membership-applications-table thead,.membership-members-table thead,.task-compact-table thead,
  .privacy-requests-table thead,.area-contact-table thead,.campaign-contact-table thead{display:none!important}
  .membership-applications-table tbody,.membership-members-table tbody,.task-compact-table tbody,
  .privacy-requests-table tbody,.area-contact-table tbody,.campaign-contact-table tbody{display:grid!important;gap:12px!important;width:100%!important}
  .membership-applications-table tr,.membership-members-table tr,.task-compact-table tr,
  .privacy-requests-table tr,.area-contact-table tr,.campaign-contact-table tr{
    display:grid!important;grid-template-columns:1fr!important;gap:0!important;width:100%!important;min-width:0!important;
    border:1px solid #dde7e0!important;border-radius:16px!important;background:#fff!important;
    box-shadow:0 4px 16px rgba(19,58,31,.045)!important;overflow:hidden!important
  }
  .membership-applications-table td,.membership-members-table td,.task-compact-table td,
  .privacy-requests-table td,.area-contact-table td,.campaign-contact-table td{
    display:grid!important;grid-template-columns:108px minmax(0,1fr)!important;align-items:start!important;gap:10px!important;
    width:auto!important;min-width:0!important;padding:10px 13px!important;border:0!important;border-bottom:1px solid #edf2ee!important;
    white-space:normal!important;overflow-wrap:anywhere!important
  }
  .membership-applications-table td:last-child,.membership-members-table td:last-child,.task-compact-table td:last-child,
  .privacy-requests-table td:last-child,.area-contact-table td:last-child,.campaign-contact-table td:last-child{border-bottom:0!important}
  .mobile-stack-table td:before{font-size:.68rem;font-weight:800;color:#748078;letter-spacing:.035em;text-transform:uppercase;line-height:1.35}
  .membership-applications-table td:nth-child(1):before{content:"Prijava"}.membership-applications-table td:nth-child(2):before{content:"Osoba"}.membership-applications-table td:nth-child(3):before{content:"Lokacija"}.membership-applications-table td:nth-child(4):before{content:"Namjera"}.membership-applications-table td:nth-child(5):before{content:"Status"}.membership-applications-table td:nth-child(6):before{content:"Zadužen"}.membership-applications-table td:nth-child(7):before{content:"Akcija"}
  .membership-members-table td:nth-child(1):before{content:"Član"}.membership-members-table td:nth-child(2):before{content:"Članski broj"}.membership-members-table td:nth-child(3):before{content:"Lokacija"}.membership-members-table td:nth-child(4):before{content:"Kontakt"}.membership-members-table td:nth-child(5):before{content:"Član od"}.membership-members-table td:nth-child(6):before{content:"Status"}.membership-members-table td:nth-child(7):before{content:"Akcija"}
  .task-compact-table td:nth-child(1):before{content:"Zadatak"}.task-compact-table td:nth-child(2):before{content:"Odgovorna osoba"}.task-compact-table td:nth-child(3):before{content:"Vrsta"}.task-compact-table td:nth-child(4):before{content:"Status"}.task-compact-table td:nth-child(5):before{content:"Prioritet"}.task-compact-table td:nth-child(6):before{content:"Napredak"}.task-compact-table td:nth-child(7):before{content:"Rok"}.task-compact-table td:nth-child(8):before{content:"Akcije"}
  .privacy-requests-table td:nth-child(1):before{content:"Oznaka"}.privacy-requests-table td:nth-child(2):before{content:"Podnosilac"}.privacy-requests-table td:nth-child(3):before{content:"Vrsta"}.privacy-requests-table td:nth-child(4):before{content:"Zaprimljen"}.privacy-requests-table td:nth-child(5):before{content:"Rok"}.privacy-requests-table td:nth-child(6):before{content:"Status"}.privacy-requests-table td:nth-child(7):before{content:"Postupanje"}
  .area-contact-table td:nth-child(1):before{content:"BHZ ID"}.area-contact-table td:nth-child(2):before{content:"Kontakt"}.area-contact-table td:nth-child(3):before{content:"Područje"}.area-contact-table td:nth-child(4):before{content:"Telefon"}.area-contact-table td:nth-child(5):before{content:"Podrška"}.area-contact-table td:nth-child(6):before{content:"Status"}
  .campaign-contact-table td:nth-child(1):before{content:"Kontakt"}.campaign-contact-table td:nth-child(2):before{content:"Lokacija"}.campaign-contact-table td:nth-child(3):before{content:"Status"}.campaign-contact-table td:nth-child(4):before{content:"Podrška"}.campaign-contact-table td:nth-child(5):before{content:"Akcija"}

  .membership-applications-table .database-row-actions,.membership-members-table .database-row-actions,.task-compact-table .database-row-actions{
    display:grid!important;grid-template-columns:108px minmax(0,1fr)!important;white-space:normal!important
  }
  .database-row-actions a{display:inline-flex!important;margin:0 10px 0 0!important}
  .task-compact-table td:first-child{min-width:0!important}.task-compact-table .database-mini-progress{min-width:0!important;max-width:220px!important}
  .privacy-requests-table details{width:100%;min-width:0}.privacy-requests-table summary{display:inline-flex;cursor:pointer;font-weight:800;color:#176b37}
  .privacy-requests-table .database-inline-form{grid-column:1/-1!important;width:100%!important;min-width:0!important;margin-top:8px!important}
  .privacy-requests-table .database-inline-form label,.privacy-requests-table .database-inline-form select,.privacy-requests-table .database-inline-form textarea,.privacy-requests-table .database-inline-form button{width:100%!important;min-width:0!important}

  .database-list-heading{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
  .database-list-heading .heading-actions,.database-heading-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;gap:8px!important}
  .database-list-heading .database-sort-label{grid-column:1/-1!important;width:100%!important}.database-list-heading .database-sort-label select{width:100%!important;min-width:0!important}
  .database-list-heading .heading-actions>a{display:flex!important;justify-content:center!important;align-items:center!important;min-height:44px!important;text-align:center!important}
  .database-summary-grid{grid-template-columns:1fr 1fr!important;gap:9px!important}.database-summary-grid .contact-summary-card{min-height:92px!important;padding:12px!important}
  .database-filter-panel .database-filters,.database-filter-panel .database-filters-wide{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}.database-filter-panel input,.database-filter-panel select{width:100%!important;min-width:0!important}.database-filter-panel .filter-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}
  .database-action-controls{grid-template-columns:1fr!important}.database-action-controls label{grid-column:auto!important}.database-action-controls button{width:100%!important}

  .dashboard-stats.campaign-stats,.area-contact-panel~*{min-width:0}.campaign-detail-grid{grid-template-columns:1fr!important}.campaign-search{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}.campaign-search input,.campaign-search button{width:100%!important}.available-list form{grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important}
  .area-contact-panel{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
}
@media(max-width:420px){
  .membership-applications-table td,.membership-members-table td,.task-compact-table td,.privacy-requests-table td,.area-contact-table td,.campaign-contact-table td{grid-template-columns:92px minmax(0,1fr)!important;padding:9px 11px!important;gap:8px!important}
  .membership-applications-table .database-row-actions,.membership-members-table .database-row-actions,.task-compact-table .database-row-actions{grid-template-columns:92px minmax(0,1fr)!important}
  .database-summary-grid{grid-template-columns:1fr!important}.database-list-heading .heading-actions,.database-heading-actions{grid-template-columns:1fr!important}.database-list-heading .database-sort-label{grid-column:auto!important}.database-filter-panel .filter-actions{grid-template-columns:1fr!important}
}


/* RC7.5.73 — final release hardening: consistent focus, status pills and resilient tables */
:root{--bhz-focus:#2f8542;--bhz-focus-ring:rgba(47,133,66,.22)}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{
  outline:3px solid var(--bhz-focus-ring)!important;
  outline-offset:2px!important;
  border-color:var(--bhz-focus)!important;
}
:where(.badge,.status-pill,.membership-status,.task-type-label){
  display:inline-flex;align-items:center;justify-content:center;gap:5px;
  min-height:24px;padding:4px 9px;border-radius:999px;
  font-size:.75rem;font-weight:800;line-height:1.15;white-space:nowrap;
  vertical-align:middle;
}
:where(.badge,.status-pill,.membership-status)[class*="status-"]{border:1px solid color-mix(in srgb,currentColor 18%,transparent)}
.table-wrap{max-width:100%}
.table-wrap table{width:100%}
.empty,.empty-state{min-height:72px;display:flex;align-items:center;justify-content:center;text-align:center}
@media(max-width:760px){
  :where(.badge,.status-pill,.membership-status,.task-type-label){font-size:.72rem;min-height:23px;padding:4px 8px}
  .database-heading-actions>a,.database-heading-actions>button{min-height:42px}
}

/* RC7.5.77 – aktivista: Kampanja je početni modul */
.activist-campaign-submenu{display:grid!important;margin-top:2px!important;margin-bottom:8px!important}

/* RC7.5.78 – aktivista Kampanja UX fokus */
.field-home-v3{max-width:980px}
.field-welcome-v3{align-items:stretch}
.field-welcome-copy{display:flex;flex-direction:column;justify-content:center;min-width:0}
.field-rank-pair{display:grid;grid-template-columns:repeat(2,minmax(118px,1fr));gap:10px}
.field-rank-compact{min-width:118px;padding:10px 12px;border-radius:14px}
.field-rank-compact strong{font-size:24px;line-height:1.05}
.field-main-action-v3{min-height:64px;padding:10px 16px;border-radius:18px}
.field-main-action-v3>span{width:46px;height:46px;border-radius:14px;font-size:25px}
.field-main-action-v3 strong{font-size:18px}
.field-main-action-v3 small{font-size:11px}
.field-focus-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;align-items:stretch}
.field-today-compact,.field-goal-card-v3{min-height:100%;margin:0}
.field-today-compact{padding:16px}
.field-goal-card-v3{display:flex;flex-direction:column;justify-content:center;padding:16px 18px}
.field-section-title-compact{align-items:center}
.field-section-title-compact h2{font-size:19px;margin:.15rem 0 0}
.field-stat-grid-v3{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}
.field-stat-grid-v3>div{padding:12px;border-radius:12px;background:#f3f7f4}
.field-stat-grid-v3>div.is-success{background:#eaf6ed}
.field-stat-grid-v3>div.is-warning{background:#fff6e4}
.field-stat-grid-v3 span{display:block;color:#68756d;font-size:11px}
.field-stat-grid-v3 strong{display:block;margin-top:3px;font-size:27px;color:#183e23}
.field-reminder-summary-compact{padding:14px 16px;gap:10px}
.field-reminder-empty-compact{padding:10px 12px;text-decoration:none;color:inherit;display:grid;grid-template-columns:34px 1fr auto}
.field-reminder-empty-compact>span{width:34px;height:34px}
.field-reminder-empty-compact>b{color:#24743a;font-size:18px}
.field-week-v3{padding:15px 16px}
.field-week-grid-v3{margin-top:10px;gap:8px}
.field-week-grid-v3>div{padding:10px 12px}
.field-week-grid-v3 strong{font-size:22px}

@media(max-width:760px){
  .field-welcome-v3{display:grid;grid-template-columns:1fr;gap:12px}
  .field-rank-pair{grid-template-columns:1fr 1fr;width:100%}
  .field-rank-compact{min-width:0}
  .field-focus-grid{grid-template-columns:1fr}
  .field-main-action-v3{min-height:60px}
  .field-stat-grid-v3{grid-template-columns:repeat(4,1fr)}
  .field-reminder-preview{grid-template-columns:34px minmax(0,1fr) auto;padding:9px 10px}
  .field-reminder-preview-icon{width:34px;height:34px}
}
@media(max-width:430px){
  .field-rank-pair{gap:8px}
  .field-rank-compact{padding:9px 8px}
  .field-rank-compact span,.field-rank-compact small{font-size:10px}
  .field-rank-compact strong{font-size:21px}
  .field-stat-grid-v3{grid-template-columns:repeat(2,1fr);gap:6px}
  .field-stat-grid-v3>div{padding:10px 7px}
  .field-stat-grid-v3 span{font-size:10px}
  .field-stat-grid-v3 strong{font-size:23px}
  .field-week-grid-v3{grid-template-columns:1fr 1fr}
}


/* RC7.5.82 — prijave korisnika i privatnost domaćinstva */
.report-admin-card{position:relative}.report-title-link{color:inherit;text-decoration:none}.report-title-link:hover{text-decoration:underline}.report-preview{color:var(--muted,#667085)}.report-card-actions{display:flex;justify-content:flex-end}.report-detail-head{align-items:flex-start}.report-detail-card,.report-resolution-card{max-width:980px;margin-left:auto;margin-right:auto}.report-detail-card{display:grid;gap:18px}.report-detail-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.report-detail-copy{font-size:1.02rem;line-height:1.7;white-space:normal}.report-detail-source{display:grid;gap:5px;padding:12px 14px;background:#f6f8f6;border-radius:12px;overflow-wrap:anywhere}.report-detail-source a{color:#176b35}.report-detail-user{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.report-detail-user>div{padding:12px 14px;border:1px solid var(--border,#dde4dc);border-radius:12px}.report-detail-user small,.report-detail-user strong{display:block}.report-detail-form{display:grid;gap:14px}.report-detail-form label{display:grid;gap:7px}.report-detail-form textarea{width:100%;resize:vertical}
.household-summary-simple>div small{display:block;margin-top:4px;color:var(--muted,#667085);font-size:.76rem;line-height:1.35}
@media(max-width:760px){.report-admin-card{padding:16px}.report-card-actions{justify-content:stretch}.report-card-actions .primary{width:100%;justify-content:center}.report-detail-head{display:grid;gap:12px}.report-detail-head .secondary{width:100%;justify-content:center}.report-detail-card,.report-resolution-card{padding:16px}.report-detail-user{grid-template-columns:1fr}.report-detail-copy{font-size:1rem}.household-summary-simple{grid-template-columns:1fr}.household-summary-simple>div:last-child{grid-column:auto}}

/* RC7.5.84 — objedinjena saglasnost + dobrovoljni ponovni kontakt */
.privacy-check-combined{border:1px solid #b9ddc5;background:#f2fbf5;padding:18px 16px;border-radius:18px}
.privacy-check-combined span{line-height:1.55}
.communication-consent-separate{margin-top:16px;padding-top:16px;border-top:1px solid #dce8df}
.communication-consent-separate .eyebrow{display:block;margin-bottom:8px}
@media(max-width:640px){.privacy-check-combined{padding:16px 14px}.privacy-check-combined span{font-size:.97rem}.communication-consent-separate{margin-top:12px;padding-top:12px}}

/* RC7.5.85 — Evidencija podrške: uredni tabovi Kartice / Lista */
.support-view-switch{display:flex;align-items:center;gap:4px;width:max-content;max-width:100%;margin:14px 0 16px;padding:4px;background:#e9eeea;border:1px solid #dce4de;border-radius:15px}
.support-view-switch a{display:flex;align-items:center;justify-content:center;gap:7px;min-width:112px;padding:10px 15px;border-radius:11px;color:#4d5a52;text-decoration:none;font-weight:800;font-size:14px;line-height:1.2;transition:.15s ease}
.support-view-switch a.is-active{background:#23753a;color:#fff;box-shadow:0 2px 7px rgba(30,91,47,.18)}
.support-compact-list{display:grid;gap:8px;margin:0 0 24px}
.support-compact-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto 32px 14px;align-items:center;gap:10px;padding:11px 12px;background:#fff;border:1px solid #dfe6e1;border-radius:15px;text-decoration:none;color:#17211b;box-shadow:0 2px 8px rgba(27,55,35,.035)}
.support-compact-avatar{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#eaf5ed;color:#176a33;font-size:18px;font-weight:900}
.support-compact-main{display:grid;gap:3px;min-width:0}
.support-compact-main strong{font-size:15px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.support-compact-main small{font-size:12px;line-height:1.25;color:#6c776f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.support-compact-votes{display:grid;justify-items:end;gap:1px;white-space:nowrap}
.support-compact-votes strong{font-size:15px;line-height:1;color:#1d2a21}
.support-compact-votes small{font-size:9px;text-transform:uppercase;letter-spacing:.04em;color:#7a857e}
.support-compact-status{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:15px;font-weight:900;background:#eef1ef;color:#6c776f}
.support-compact-status-siguran-glas{background:#e3f5e8;color:#19803b}
.support-compact-status-neodlucan{background:#fff4cf;color:#a97900}
.support-compact-status-ne-podrzava{background:#fde7e7;color:#c33f3f}
.support-compact-chevron{font-size:22px;line-height:1;color:#8a948e}
@media(max-width:760px){
  .support-view-switch{width:100%;display:grid;grid-template-columns:1fr 1fr;margin:12px 0 14px}
  .support-view-switch a{min-width:0;padding:11px 8px;font-size:14px}
  .support-compact-list{gap:7px}
  .support-compact-row{grid-template-columns:40px minmax(0,1fr) auto 28px 10px;gap:8px;padding:10px}
  .support-compact-avatar{width:40px;height:40px;border-radius:12px;font-size:17px}
  .support-compact-main strong{font-size:14px}
  .support-compact-main small{font-size:11px}
  .support-compact-votes strong{font-size:14px}
  .support-compact-status{width:26px;height:26px;font-size:14px}
}
