/* === GENERAL STYLES === */
body {
    background-color: #FFFFFF;
    font-family: 'Roboto', sans-serif;
    color: #333333;
}

a {
    color: #666666;
}

a:hover {
    color: #00C853;
}

/* Убираем затемнение фона у ссылок в навбаре */
nav ul li a:hover {
    background-color: transparent !important;
}

/* === TYPOGRAPHY === */
h2, h4, .card-title {
    color: #00C853;
    font-weight: 700;
}

.text-muted {
    color: #888888 !important;
}

.fw-bold-custom {
    font-weight: 700;
}

.text-uppercase {
    text-transform: uppercase;
}

/* === NAVBAR === */
.izdari-navbar {
    background-color: #fff !important;
    border-bottom: 1px solid #e0e0e0;
    box-shadow: none;
}

.izdari-navbar .nav-wrapper {
    background: transparent;
}

.izdari-navbar a {
    color: #666 !important;
    font-weight: 600;
}

.izdari-navbar a:hover {
    color: #00c853 !important;
    background: transparent !important;
}

.izdari-navbar .brand-logo img {
    height: 50px;
    width: auto;
    display: block;
}

.brand-logo img {
    height: 50px;
    width: auto;
    filter: none;
}

/* === HEADER BANNER === */
.header-banner {
    position: relative;
    text-align: center;
    padding: 80px 20px;
}

.banner-overlay {
    display: inline-block;
    background: rgba(0, 0, 0, 0.3);
    padding: 15px 25px;
    border-radius: 10px;
}

.banner-overlay h1,
.banner-overlay p {
    margin: 0;
    color: white;
}

/* === SLIDER === */
/* Обязательно — фиксирует поведение слайдера */
.slider {
  position: relative;
  height: 500px;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

.slider .slides {
  background-color: transparent;
  height: 100%;
}

.slider .slides li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  list-style-type: none;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

.slider .slides li.active {
  opacity: 1;
  z-index: 1;
}

.slider .slides img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.slider .caption {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.9);
    color: white;
}

/* === SLIDER SEARCH FORM === */

.slider-search-form {
  position: absolute;
  top: 90%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  width: 100%;
  text-align: center;
}

.slider-search-form .search-box {
  max-width: 600px;
  margin: 0 auto;
  display: flex;
  gap: 8px;
  background: rgba(255, 255, 255, 0.9);
  padding: 10px 15px;
  border-radius: 8px;
  align-items: center;
}

.slider-search-form input[type="text"] {
  flex: 1;
  border: none;
  outline: none;
  font-size: 16px;
}

.slider-search-form button {
  height: 40px;
  line-height: 40px;
}


/* === CARDS === */
.card {
    border-radius: 8px;
    background: #FFFFFF;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
    margin-bottom: 24px;
}

/* === CATEGORY FILTER === */
#category-filter {
    position: sticky;
    top: 80px;
    z-index: 10;
    background: #FFFFFF;
    padding-right: 10px;
    max-height: 80vh;
    overflow-y: auto;
    border-left: 1px solid #E0E0E0;
}

.collapsible-header {
    padding: 8px 12px;
    font-weight: bold;
    font-size: 1.05rem;
    background: #F7F7F7;
}

.collapsible-body {
    padding: 10px 16px;
}

.collapsible-body ul {
    margin: 0;
    padding-left: 0;
    list-style: none;
}

.collapsible-body ul li a {
    color: #039BE5;
}

.collapsible-body ul li a:hover {
    color: #00C853;
}

/* === TASK BADGES === */
.badge.new.status-new {
    background-color: #42A5F5 !important;
}

.badge.new.status-in-progress {
    background-color: #FFA000 !important;
}

.badge.new.status-completed {
    background-color: #66BB6A !important;
}

/* === BUTTONS === */
.btn-main {
    background-color: #00C853 !important;
    color: #FFFFFF !important;
    font-weight: bold;
    border-radius: 8px;
}

.btn-main:hover {
    background-color: #009624 !important;
}

.btn-large {
    font-size: 18px;
    padding: 12px 25px;
}

.w-100 {
    width: 100%;
}

/* === SECTIONS === */
.section-light {
    background-color: #FFFFFF;
    padding: 40px 0;
}

.section-dark {
    background-color: #F5F5F5;
    color: #333333;
    padding: 50px 0;
}

.info-box {
    border-radius: 8px;
    padding: 32px;
}

.vertical-divider {
    width: 2px;
    height: 100%;
    background-color: #e0e0e0;
    margin: 0 auto;
}

/* === SERVICE CATEGORY === */
.service-category {
    margin-bottom: 40px;
}

.category-icon {
    font-size: 50px;
    margin-bottom: 8px;
}

/* === CALL TO ACTION === */
.cta-card {
    padding: 2rem;
}

/* === DROPDOWN === */
.dropdown-content {
    border-radius: 8px;
}

.dropdown-content li > a,
.dropdown-content li > span {
    color: #333;
}

.dropdown-content li:hover {
    background-color: #f5f5f5;
}

/* === FOOTER === */
.footer, .page-footer {
    background: #F7F7F7;
    color: #888888;
    padding-top: 20px;
    text-align: center;
}

.footer a, .page-footer a {
    color: #888888;
    transition: color 0.3s ease;
}

.footer a:hover, .page-footer a:hover {
    color: #00C853;
}

/* === UTILITIES === */
.mt-4 { margin-top: 1.5rem; }
.mb-4 { margin-bottom: 1.5rem; }
.py-4 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.my-5 { margin-top: 3rem; margin-bottom: 3rem; }

.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}


/* === IZDARI 2026 UI CLEANUP === */
:root {
    --izdari-primary: #00a844;
    --izdari-primary-dark: #008f3a;
    --izdari-surface: #ffffff;
    --izdari-surface-soft: #f7f9f8;
    --izdari-border: #e2e8e5;
    --izdari-text: #1f2933;
    --izdari-muted: #6b7280;
    --izdari-radius: 14px;
    --izdari-shadow: 0 10px 30px rgba(20, 40, 30, 0.06);
}

body {
    color: var(--izdari-text);
    background: #fafbfa;
}

main {
    min-height: 60vh;
}

/* Navbar: left navigation + truly right aligned account actions */
.izdari-navbar {
    height: 68px;
    line-height: 68px;
}

.izdari-navbar .nav-wrapper {
    height: 68px;
}

.izdari-nav-layout {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.izdari-nav-left,
.izdari-nav-right {
    display: flex;
    align-items: center;
}

.izdari-nav-left {
    min-width: 0;
    gap: 34px;
}

.izdari-brand.brand-logo {
    position: static;
    transform: none;
    display: flex;
    align-items: center;
    flex: 0 0 auto;
}

.izdari-brand.brand-logo img {
    height: 42px;
    width: auto;
}

.izdari-primary-nav {
    display: flex;
    align-items: center;
    margin: 0;
}

.izdari-primary-nav li a,
.nav-login-link,
.nav-account-link {
    height: 68px;
    line-height: 68px;
}

.izdari-primary-nav li a {
    padding: 0 14px;
}

.izdari-primary-nav i.left {
    margin-right: 7px;
}

.izdari-nav-right {
    margin-left: auto;
    gap: 8px;
}

.nav-icon-button {
    position: relative;
    width: 44px;
    height: 44px !important;
    line-height: 44px !important;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.nav-icon-button:hover {
    background: #f1f5f3 !important;
}

.nav-icon-button i {
    line-height: 1;
}

.nav-notification-badge {
    position: absolute;
    top: 4px;
    right: 3px;
    min-width: 17px;
    height: 17px;
    padding: 0 4px;
    border-radius: 10px;
    background: #d93025;
    color: white;
    font-size: 10px;
    line-height: 17px;
    text-align: center;
}

.nav-account-link {
    display: flex !important;
    align-items: center;
    gap: 8px;
    padding: 0 8px 0 10px !important;
    border-radius: 12px;
}

.nav-account-link:hover {
    background: #f6f8f7 !important;
}

.nav-avatar {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    overflow: hidden;
    background: #edf2ef;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.nav-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.nav-avatar i {
    font-size: 21px;
    line-height: 1;
}

.nav-account-chevron {
    font-size: 18px !important;
    line-height: 1 !important;
}

.nav-register-button {
    margin-left: 4px;
}

.izdari-mobile-trigger {
    margin-left: auto;
}

/* Account sidenav */
.izdari-account-sidenav {
    width: 320px;
    background: #fff;
    padding-bottom: 18px;
}

.account-sidenav-header {
    padding: 28px 24px 22px;
    background: linear-gradient(135deg, #f3fbf6 0%, #ffffff 100%);
    border-bottom: 1px solid var(--izdari-border);
}

.account-sidenav-avatar-link {
    padding: 0 !important;
    height: auto !important;
    line-height: normal !important;
    display: inline-block !important;
}

.account-sidenav-avatar {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    object-fit: cover;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #eaf5ee;
}

.account-sidenav-avatar--placeholder i {
    font-size: 34px;
    color: var(--izdari-primary);
}

.account-sidenav-name {
    margin-top: 14px;
    font-weight: 700;
    font-size: 17px;
}

.account-sidenav-email {
    color: var(--izdari-muted);
    font-size: 13px;
    margin-top: 2px;
}

.izdari-account-sidenav li > a {
    color: #374151 !important;
    font-weight: 500;
}

.izdari-account-sidenav li > a i {
    color: #6b7280;
}

.account-sidenav-section-title {
    padding: 15px 32px 8px;
    color: #8a9390;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.account-sidenav-task {
    font-size: 13px !important;
}

.account-sidenav-logout,
.account-sidenav-logout i {
    color: #b3261e !important;
}

/* Generic page/form shell */
.page-shell {
    padding-top: 36px;
    padding-bottom: 52px;
}

.form-page-heading {
    max-width: 720px;
    margin: 0 auto 28px;
}

.form-page-heading h3 {
    margin: 6px 0 10px;
    color: #1f2933;
}

.form-page-heading p {
    color: var(--izdari-muted);
    margin: 0;
}

.page-eyebrow,
.filter-panel__eyebrow {
    color: var(--izdari-primary);
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
}

.form-card,
.task-detail-card,
.task-side-card {
    border: 1px solid var(--izdari-border);
    border-radius: var(--izdari-radius);
    box-shadow: var(--izdari-shadow);
}

.form-card .card-content {
    padding: 30px 32px;
}

.form-card .input-field {
    margin-top: 28px;
    margin-bottom: 28px;
}

.native-field {
    margin: 22px 0;
}

.native-field > label,
.task-status-wrap > label {
    display: block;
    color: #4b5563;
    font-size: 12px;
    font-weight: 700;
    margin: 0 0 7px 2px;
}

.izdari-select {
    display: block !important;
    width: 100%;
    height: 48px;
    padding: 0 42px 0 14px;
    border: 1px solid #cfd8d3;
    border-radius: 10px;
    background-color: #fff;
    color: #25312b;
    font-size: 15px;
    outline: none;
    appearance: auto;
}

.izdari-select:focus {
    border-color: var(--izdari-primary);
    box-shadow: 0 0 0 3px rgba(0, 168, 68, .10);
}

.izdari-select:disabled {
    background: #f4f6f5;
    color: #9aa19d;
    cursor: not-allowed;
}

.izdari-select--compact {
    height: 46px;
    min-width: 180px;
}

.form-actions {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    margin-top: 30px;
}

.btn.outlined {
    background: transparent !important;
    color: #42504a !important;
    border: 1px solid #cfd8d3;
    box-shadow: none;
}

.btn.outlined:hover {
    background: #f4f7f5 !important;
}

.btn.text {
    background: transparent !important;
    box-shadow: none;
}

.danger-zone {
    margin-top: 18px;
    padding: 18px 20px;
    border: 1px solid #f2c9c5;
    border-radius: 12px;
    background: #fffafa;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.danger-zone p {
    margin: 4px 0 0;
    color: var(--izdari-muted);
    font-size: 13px;
}

/* Task list */
.task-list-banner {
    padding: 58px 20px;
}

.task-list-banner .banner-overlay {
    max-width: 760px;
}

.task-list-section {
    padding-top: 30px;
}

.task-list-layout {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

#category-filter {
    position: static;
    top: auto;
    z-index: auto;
    background: transparent;
    padding-right: 1.5rem;
    max-height: none;
    overflow: visible;
    border-left: 0;
}

.filter-panel {
    position: sticky;
    top: 88px;
    border: 1px solid var(--izdari-border);
    border-radius: var(--izdari-radius);
    background: #fff;
    padding: 18px;
    box-shadow: 0 6px 18px rgba(20, 40, 30, .04);
}

.filter-panel__header,
.section-heading-row,
.task-results-heading,
.task-card__top,
.task-card__footer,
.response-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.filter-panel__header h5,
.task-results-heading h4 {
    margin: 3px 0 0;
    color: #27332d;
}

.filter-reset {
    color: var(--izdari-primary) !important;
    font-size: 13px;
    font-weight: 700;
}

.filter-categories {
    box-shadow: none;
    border: 0;
    margin: 16px 0;
}

.filter-categories > li {
    border-top: 1px solid #edf0ee;
}

.filter-categories > li:last-child {
    border-bottom: 1px solid #edf0ee;
}

.filter-categories .collapsible-header {
    min-height: 50px;
    padding: 12px 8px;
    background: #fff;
    border: 0;
    font-size: 14px;
    color: #34423b;
}

.filter-categories .collapsible-header i {
    width: 24px;
    margin-right: 7px;
    font-size: 20px;
    color: #7b8982;
}

.filter-categories .collapsible-body {
    padding: 4px 8px 14px 38px;
    border: 0;
    background: #fff;
}

.filter-check {
    display: block;
    padding: 7px 0;
}

.filter-check span {
    color: #4b5751;
    font-size: 13px !important;
}

.filter-check--all span {
    font-weight: 700;
}

.filter-submit {
    margin-top: 6px;
}

.task-toolbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 12px;
    align-items: end;
    margin-bottom: 26px;
    padding: 16px;
    background: #fff;
    border: 1px solid var(--izdari-border);
    border-radius: var(--izdari-radius);
}

.task-search-wrap {
    position: relative;
    display: flex;
    align-items: center;
}

.task-search-wrap > i {
    position: absolute;
    left: 13px;
    color: #7b8982;
    pointer-events: none;
}

.task-search-wrap input[type="search"] {
    width: 100%;
    height: 46px;
    margin: 0 !important;
    padding: 0 14px 0 44px !important;
    border: 1px solid #cfd8d3 !important;
    border-bottom: 1px solid #cfd8d3 !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
}

.task-search-wrap input[type="search"]:focus {
    border-color: var(--izdari-primary) !important;
    box-shadow: 0 0 0 3px rgba(0,168,68,.10) !important;
}

.task-search-button {
    height: 46px;
}

.task-results-heading {
    margin-bottom: 14px;
}

.task-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    min-height: 28px;
    padding: 4px 10px;
    border-radius: 999px;
    background: #eef4f0;
    color: #52605a;
    font-size: 12px;
    font-weight: 700;
}

.task-card {
    border: 1px solid var(--izdari-border);
    border-radius: var(--izdari-radius);
    box-shadow: none;
    margin: 0 0 14px;
}

.task-card:hover {
    box-shadow: 0 10px 26px rgba(20, 40, 30, .08);
}

.task-card .card-content {
    padding: 22px 24px;
}

.task-card__title {
    color: #1f2933 !important;
    font-size: 20px;
    font-weight: 700;
}

.task-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    margin-top: 7px;
    color: var(--izdari-muted);
    font-size: 12px;
}

.task-card__meta span,
.task-card__author {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.task-card__meta i,
.task-card__author i {
    font-size: 16px;
}

.task-card__description {
    margin: 18px 0 !important;
    line-height: 1.55;
    color: #4a5650;
}

.task-card__footer {
    padding-top: 14px;
    border-top: 1px solid #eef1ef;
}

.task-card__author {
    color: var(--izdari-muted);
    font-size: 13px;
}

.task-status-chip {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    padding: 6px 10px;
    border-radius: 999px;
    background: #eef1ef;
    color: #52605a;
    font-size: 12px;
    font-weight: 700;
}

.task-status-chip.status-new { background: #e8f1ff; color: #245ea8; }
.task-status-chip.status-in-progress { background: #fff3d8; color: #8a5a00; }
.task-status-chip.status-completed { background: #e6f6eb; color: #25733d; }
.task-status-chip.status-assigned { background: #f1eafe; color: #6d43a7; }

.empty-state {
    padding: 42px 24px;
    text-align: center;
    border-radius: var(--izdari-radius);
    box-shadow: none;
    border: 1px dashed #cad5cf;
}

.empty-state > i {
    font-size: 44px;
    color: #9aa59f;
}

/* Task detail */
.task-detail-header {
    margin-bottom: 20px;
}

.task-detail-back {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #66736d !important;
    font-size: 13px;
    margin-bottom: 14px;
}

.task-detail-back i { font-size: 18px; }

.task-detail-title-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}

.task-detail-title-row h3 {
    margin: 5px 0 0;
    color: #1f2933;
}

.task-detail-card .card-content,
.task-side-card .card-content {
    padding: 26px;
}

.task-detail-description {
    white-space: pre-line;
    line-height: 1.7;
    color: #42504a;
}

.task-detail-meta-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 28px;
}

.task-detail-meta-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px;
    border-radius: 10px;
    background: #f7f9f8;
}

.task-detail-meta-item > i {
    color: var(--izdari-primary);
}

.task-detail-meta-item small,
.selected-provider small,
.response-provider small {
    display: block;
    color: var(--izdari-muted);
    font-size: 11px;
}

.task-detail-meta-item strong {
    display: block;
    margin-top: 2px;
}

.side-action-list {
    display: grid;
    gap: 10px;
    margin-top: 14px;
}

.selected-provider,
.response-provider {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 12px;
}

.response-list {
    display: grid;
    gap: 12px;
    margin-top: 16px;
}

.response-card {
    border: 1px solid var(--izdari-border);
    border-radius: 12px;
    padding: 16px;
}

.response-avatar {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #eef5f1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--izdari-primary);
}

.response-price {
    font-size: 20px;
    font-weight: 800;
    color: #1f2933;
}

.response-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 12px;
}

.response-actions form { margin: 0; }

.status-label {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    font-weight: 700;
}

.status-label.success { color: #26743e; }
.status-label.muted { color: #818b86; }
.status-label i { font-size: 17px; }

.empty-inline {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--izdari-muted);
    padding: 16px 0 4px;
}

/* Responsive */
@media (max-width: 992px) {
    #category-filter {
        padding-right: .75rem;
        margin-bottom: 18px;
    }

    .filter-panel {
        position: static;
    }

    .task-toolbar {
        grid-template-columns: 1fr;
    }

    .task-status-wrap,
    .task-search-button {
        width: 100%;
    }

    .task-detail-meta-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .page-shell {
        padding-top: 22px;
    }

    .form-card .card-content,
    .task-detail-card .card-content,
    .task-side-card .card-content {
        padding: 20px;
    }

    .form-actions,
    .danger-zone,
    .task-card__top,
    .task-card__footer,
    .task-detail-title-row,
    .response-main {
        align-items: stretch;
        flex-direction: column;
    }

    .form-actions .btn,
    .danger-zone .btn {
        width: 100%;
    }

    .task-card__footer .btn {
        width: 100%;
    }
}

/* =========================================================
   Izdari marketplace refinement — patch 02
   ========================================================= */

/* Use an explicit CSS grid for the marketplace page instead of mixing
   Materialize float/grid columns with a sticky sidebar. */
.task-list-layout {
    display: grid !important;
    grid-template-columns: minmax(270px, 320px) minmax(0, 1fr);
    align-items: start;
    gap: 28px;
    width: 100%;
}

.task-filter-sidebar,
.task-list-main {
    min-width: 0;
    width: auto !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.task-list-main {
    grid-column: 2;
}

#category-filter {
    grid-column: 1;
    position: relative;
    max-height: none;
    overflow: visible;
    border: 0;
    background: transparent;
}

.filter-panel {
    position: sticky;
    top: 86px;
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 108px);
    overflow: hidden;
}

.filter-categories-scroll {
    min-height: 0;
    overflow-y: auto;
    margin: 8px -8px 0 0;
    padding-right: 8px;
    scrollbar-width: thin;
    scrollbar-color: #cbd5cf transparent;
}

.filter-categories-scroll::-webkit-scrollbar { width: 7px; }
.filter-categories-scroll::-webkit-scrollbar-thumb {
    background: #cbd5cf;
    border-radius: 99px;
}

.filter-categories {
    margin-top: 4px;
}

.filter-categories .collapsible-header {
    position: relative;
    padding-right: 36px;
    transition: background-color .18s ease, color .18s ease;
}

.filter-categories .collapsible-header:hover {
    background: #f5faf7;
}

.filter-categories .filter-chevron {
    position: absolute;
    right: 4px;
    margin: 0;
    transition: transform .18s ease;
}

.filter-categories li.active > .collapsible-header .filter-chevron {
    transform: rotate(180deg);
}

.filter-submit {
    flex: 0 0 auto;
    margin-top: 12px;
}

.task-toolbar {
    position: relative;
    z-index: 2;
    box-shadow: 0 5px 18px rgba(20, 40, 30, .045);
}

.active-filter-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: -10px 0 22px;
}

.active-filter-label {
    margin-right: 2px;
    color: var(--izdari-muted);
    font-size: 12px;
    font-weight: 700;
}

.filter-chip {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 30px;
    padding: 5px 10px;
    border-radius: 999px;
    background: #edf7f1;
    color: #276343;
    font-size: 12px;
    font-weight: 650;
}

.filter-chip i { font-size: 15px; }

.active-filter-clear {
    margin-left: auto;
    color: var(--izdari-primary) !important;
    font-size: 12px;
    font-weight: 700;
}

.task-card {
    overflow: hidden;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    animation: izdari-card-in .28s ease both;
}

.task-card:nth-child(2) { animation-delay: .025s; }
.task-card:nth-child(3) { animation-delay: .05s; }
.task-card:nth-child(4) { animation-delay: .075s; }

.task-card:hover {
    transform: translateY(-2px);
    border-color: #cedbd4;
}

.task-card__main-copy { min-width: 0; }
.task-card__footer-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 16px;
}

.task-budget {
    color: #1f6b43;
    font-size: 15px;
    font-weight: 800;
}

@keyframes izdari-card-in {
    from { opacity: 0; transform: translateY(7px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Marketplace forms */
.marketplace-form-card .card-content {
    padding: 30px;
}

.form-section {
    padding: 6px 0 24px;
    margin-bottom: 20px;
    border-bottom: 1px solid #edf1ef;
}

.form-section:last-of-type {
    margin-bottom: 4px;
}

.form-section-heading {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
}

.form-section-heading > i {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 40px;
    border-radius: 11px;
    color: var(--izdari-primary);
    background: #edf8f1;
}

.form-section-heading strong,
.form-section-heading span {
    display: block;
}

.form-section-heading strong {
    color: var(--izdari-text);
    font-size: 16px;
}

.form-section-heading span {
    margin-top: 2px;
    color: var(--izdari-muted);
    font-size: 12px;
}

.marketplace-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.marketplace-form-grid--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.izdari-date-input {
    display: block;
    width: 100%;
    height: 46px;
    padding: 0 12px;
    border: 1px solid #cfd8d3;
    border-radius: 10px;
    background: #fff;
    color: var(--izdari-text);
    box-sizing: border-box;
}

.izdari-date-input:focus {
    outline: 0;
    border-color: var(--izdari-primary);
    box-shadow: 0 0 0 3px rgba(0,168,68,.10);
}

/* Notifications */
.notifications-page { max-width: 900px; }
.notification-list { display: grid; gap: 10px; margin-top: 22px; }
.notification-card {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    border: 1px solid var(--izdari-border);
    border-radius: 13px;
    background: #fff;
    color: var(--izdari-text) !important;
    transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.notification-card:hover {
    transform: translateY(-1px);
    border-color: #cad8d1;
    box-shadow: 0 8px 22px rgba(20,40,30,.06);
}
.notification-icon {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #edf7f1;
    color: var(--izdari-primary);
}
.notification-icon--response_rejected { background: #fff0ef; color: #b64a42; }
.notification-icon--response_accepted { background: #e9f8ee; color: #26743e; }
.notification-copy { min-width: 0; display: grid; gap: 3px; }
.notification-copy strong { font-size: 14px; }
.notification-copy span { color: #52605a; font-size: 13px; }
.notification-copy small { color: var(--izdari-muted); font-size: 11px; }
.notification-arrow { margin-left: auto; color: #8b9791; }

@media (max-width: 992px) {
    .task-list-layout {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    #category-filter,
    .task-list-main { grid-column: 1; }
    .filter-panel { position: static; max-height: none; }
    .filter-categories-scroll { max-height: 420px; }
    .marketplace-form-grid,
    .marketplace-form-grid--3 { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
    .marketplace-form-card .card-content { padding: 20px; }
    .active-filter-clear { width: 100%; margin-left: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .task-card,
    .notification-card,
    .filter-categories .collapsible-header,
    .filter-categories .filter-chevron {
        animation: none !important;
        transition: none !important;
    }
}

/* =========================================================
   Izdari interaction + polish — patch 03
   ========================================================= */

/* Navbar */
.izdari-navbar {
    position: sticky;
    top: 0;
    z-index: 1000;
    transition: box-shadow .22s ease, border-color .22s ease, background-color .22s ease;
}

.izdari-navbar.is-scrolled {
    border-bottom-color: transparent;
    box-shadow: 0 8px 28px rgba(24, 39, 31, .09);
    background-color: rgba(255,255,255,.96) !important;
    backdrop-filter: blur(14px);
}

.izdari-primary-nav .nav-text-link {
    position: relative;
    padding: 0 16px !important;
    color: #45514b !important;
    font-size: 14px;
    font-weight: 650;
    letter-spacing: .005em;
}

.izdari-primary-nav .nav-text-link::after {
    content: '';
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 13px;
    height: 2px;
    border-radius: 2px;
    background: var(--izdari-primary);
    transform: scaleX(0);
    transform-origin: center;
    transition: transform .2s ease;
}

.izdari-primary-nav .nav-text-link:hover::after,
.izdari-primary-nav .nav-text-link:focus-visible::after {
    transform: scaleX(1);
}

.nav-account-link {
    border: 0;
    background: transparent;
    color: #39463f;
    font: inherit;
    cursor: pointer;
    min-width: 0;
}

.nav-account-link:focus-visible,
.nav-icon-button:focus-visible,
.nav-text-link:focus-visible {
    outline: 3px solid rgba(0,168,68,.16);
    outline-offset: -3px;
}

.nav-account-chevron {
    transition: transform .18s ease;
}

.nav-account-link:hover .nav-account-chevron {
    transform: translateY(2px);
}

.izdari-mobile-trigger {
    color: #3f4d46 !important;
}

/* Right account drawer */
.izdari-account-sidenav {
    width: 360px;
    display: flex !important;
    flex-direction: column;
    padding: 0 0 14px;
    background: #fff;
    border-left: 1px solid var(--izdari-border);
    box-shadow: -18px 0 55px rgba(20,40,30,.13);
}

.account-sidenav-header {
    padding: 24px 24px 20px;
    background:
        radial-gradient(circle at 92% 6%, rgba(0,168,68,.10), transparent 34%),
        linear-gradient(145deg, #f5fbf7 0%, #ffffff 72%);
}

.account-sidenav-topline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
}

.account-sidenav-kicker {
    color: var(--izdari-primary);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.account-drawer-close {
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 50%;
    background: rgba(255,255,255,.72);
    color: #5d6963;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background .18s ease, transform .18s ease;
}

.account-drawer-close:hover { background: #edf4f0; transform: rotate(4deg); }
.account-drawer-close i { font-size: 20px; }

.account-sidenav-identity {
    display: flex !important;
    align-items: center;
    gap: 14px;
    height: auto !important;
    min-height: 70px;
    padding: 0 !important;
    line-height: normal !important;
    background: transparent !important;
}

.account-sidenav-person { min-width: 0; }
.account-sidenav-person strong,
.account-sidenav-person small { display: block; }
.account-sidenav-person strong { color: #1f2b25; font-size: 17px; }
.account-sidenav-person small {
    margin-top: 4px;
    color: #77817c;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.account-sidenav-role {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: 13px;
    padding: 6px 9px;
    border-radius: 999px;
    background: #eaf7ef;
    color: #25613f;
    font-size: 11px;
    font-weight: 700;
}
.account-sidenav-role i { font-size: 15px; }

.account-drawer-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    padding: 14px 16px !important;
}

.izdari-account-sidenav .account-drawer-action {
    min-height: 72px !important;
    height: auto !important;
    padding: 11px 10px !important;
    border: 1px solid #e8eeeb;
    border-radius: 12px;
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 5px;
    line-height: 1.2 !important;
    position: relative;
}

.izdari-account-sidenav .account-drawer-action:hover { background: #f6faf7 !important; border-color: #d5e5dc; }
.izdari-account-sidenav .account-drawer-action i { margin: 0 !important; font-size: 21px; }
.izdari-account-sidenav .account-drawer-action b {
    position: absolute;
    right: 9px;
    top: 9px;
    min-width: 20px;
    height: 20px;
    border-radius: 999px;
    background: #d93025;
    color: #fff;
    line-height: 20px;
    text-align: center;
    font-size: 10px;
}

.account-sidenav-section-title--small { padding-top: 8px; }
.account-sidenav-task {
    display: flex !important;
    align-items: center;
    gap: 9px;
    padding-right: 20px !important;
}
.account-sidenav-task > i { margin-left: auto !important; margin-right: 0 !important; font-size: 17px !important; }
.account-task-dot {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: var(--izdari-primary);
}
.account-drawer-spacer { flex: 1 1 auto; min-height: 18px; }

.izdari-mobile-menu { background: #fff; }
.mobile-menu-brand { padding: 15px 30px 8px; }
.mobile-menu-brand a { height: auto !important; padding: 0 !important; }
.mobile-menu-brand img { height: 42px; width: auto; }

/* Marketplace filter — sticky and custom accordion */
.task-filter-sidebar {
    position: sticky !important;
    top: 88px;
    align-self: start;
    z-index: 20;
}

.task-filter-sidebar .filter-panel {
    position: relative !important;
    top: auto !important;
    max-height: calc(100vh - 106px);
    padding: 18px 14px 14px;
    border-color: #dfe7e3;
    box-shadow: 0 10px 30px rgba(25,48,36,.055);
}

.filter-help {
    margin: 8px 2px 12px;
    color: #7b8580;
    font-size: 11px;
    line-height: 1.45;
}

.filter-categories-scroll {
    margin: 0 -5px 0 0;
    padding-right: 5px;
    overscroll-behavior: contain;
}

.filter-categories {
    margin: 0;
}

.filter-category-group {
    border-bottom: 1px solid #edf1ef;
    background: #fff;
    transition: background-color .18s ease;
}

.filter-category-group:first-child { border-top: 1px solid #edf1ef; }
.filter-category-group.has-selection { background: #fbfefc; }

.filter-category-header {
    min-height: 54px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.filter-parent-check {
    width: 35px;
    min-width: 35px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 9px;
}
.filter-parent-check:hover { background: #f1f7f3; }
.filter-parent-check span { padding-left: 18px !important; height: 18px !important; }

.filter-category-toggle {
    flex: 1;
    min-width: 0;
    min-height: 52px;
    padding: 5px 4px 5px 2px;
    border: 0;
    background: transparent;
    color: #334139;
    display: flex;
    align-items: center;
    gap: 8px;
    text-align: left;
    cursor: pointer;
    border-radius: 9px;
}
.filter-category-toggle:hover { background: #f6faf7; }

.filter-category-icon {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f0f5f2;
    color: #64716b;
    transition: color .18s ease, background .18s ease;
}
.filter-category-icon i { font-size: 18px; }
.filter-category-group.has-selection .filter-category-icon { background: #e8f7ee; color: var(--izdari-primary); }

.filter-category-copy {
    min-width: 0;
    flex: 1;
}
.filter-category-copy strong,
.filter-category-copy small { display: block; }
.filter-category-copy strong {
    overflow: hidden;
    color: #36423c;
    font-size: 12.5px;
    font-weight: 700;
    line-height: 1.25;
}
.filter-category-copy small { margin-top: 3px; color: #929b96; font-size: 10px; }

.filter-category-toggle .filter-chevron {
    margin: 0;
    color: #718079;
    font-size: 20px;
    transition: transform .2s ease;
}
.filter-category-group.is-open .filter-chevron { transform: rotate(180deg); }

.filter-category-body {
    padding: 4px 8px 11px 43px;
    animation: filter-body-in .18s ease;
}
.filter-category-body[hidden] { display: none !important; }

.filter-subcategory-check {
    display: block;
    min-height: 31px;
    padding: 4px 2px;
    cursor: pointer;
}
.filter-subcategory-check span {
    color: #53605a;
    font-size: 12px !important;
    line-height: 20px !important;
}
.filter-subcategory-check:hover span { color: #1e6a42; }
.filter-empty-subcategory { color: #929b96; font-size: 11px; }

@keyframes filter-body-in {
    from { opacity: 0; transform: translateY(-3px); }
    to { opacity: 1; transform: translateY(0); }
}

.filter-submit {
    height: 44px;
    line-height: 44px;
    border-radius: 10px;
    margin-top: 12px;
}

.task-toolbar {
    border-radius: 16px;
    box-shadow: 0 8px 28px rgba(20,40,30,.05);
    transition: box-shadow .2s ease, border-color .2s ease;
}
.task-toolbar:focus-within { border-color: #c9ddd1; box-shadow: 0 10px 32px rgba(20,40,30,.075); }

.task-search-clear {
    position: absolute;
    right: 8px;
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #7f8a84;
    display: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.task-search-clear.is-visible { display: inline-flex; }
.task-search-clear:hover { background: #eef3f0; color: #37443d; }
.task-search-clear i { font-size: 18px; }
.task-search-wrap input[type="search"] { padding-right: 44px !important; }

.task-filter-form.is-filtering .task-list-main { opacity: .72; transition: opacity .15s ease; }

/* Hero search */
.slider-search-form {
    top: auto;
    bottom: 38px;
    transform: translateX(-50%);
}

.hero-search-overlay { width: min(760px, calc(100vw - 32px)); margin: 0 auto; }
.hero-search { width: 100%; }
.hero-search-shell {
    min-height: 62px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 8px 8px 8px 18px;
    border: 1px solid rgba(255,255,255,.72);
    border-radius: 18px;
    background: rgba(255,255,255,.95);
    box-shadow: 0 18px 48px rgba(19,31,25,.18);
    backdrop-filter: blur(12px);
    transition: transform .2s ease, box-shadow .2s ease;
}
.hero-search-shell:focus-within { transform: translateY(-2px); box-shadow: 0 22px 55px rgba(19,31,25,.24); }
.hero-search-icon { color: #67746d; font-size: 23px; }
.hero-search-shell input[type="search"],
.hero-search-shell input[type="text"] {
    height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    color: #1f2b25;
    font-size: 16px;
}
.hero-search-shell input::placeholder { color: #7b8580; }
.hero-search-button { height: 46px; min-width: 112px; border-radius: 12px; }
.hero-search-hints {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 9px;
    color: rgba(255,255,255,.82);
    font-size: 11px;
    text-shadow: 0 1px 4px rgba(0,0,0,.4);
}
.hero-search-hints a {
    color: #fff !important;
    padding: 2px 8px;
    border-radius: 999px;
    background: rgba(0,0,0,.24);
}
.hero-search--attention .hero-search-shell { animation: hero-search-shake .35s ease; }
@keyframes hero-search-shake { 0%,100%{transform:translateX(0)} 25%{transform:translateX(-5px)} 75%{transform:translateX(5px)} }

/* Home categories */
.home-categories-section,
.home-providers-section { padding-top: 42px; padding-bottom: 24px; }
.home-section-heading { text-align: center; max-width: 700px; margin: 0 auto 28px; }
.home-section-heading h2 { margin: 5px 0 8px; color: #1e2a24; font-size: clamp(30px, 4vw, 46px); }
.home-section-heading p { margin: 0; color: var(--izdari-muted); }

.service-category {
    min-height: 170px;
    padding: 24px 18px !important;
    margin-bottom: 18px;
    border: 1px solid #e5ebe8;
    border-radius: 16px;
    background: #fff;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.service-category:hover { transform: translateY(-4px); border-color: #cfe1d6; box-shadow: 0 14px 34px rgba(24,46,34,.08); }
.service-category .category-icon {
    width: 52px;
    height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    border-radius: 15px;
    background: #edf8f1;
    color: var(--izdari-primary);
    font-size: 28px;
    transition: transform .2s ease, background .2s ease;
}
.service-category:hover .category-icon { transform: scale(1.07) rotate(-2deg); background: #e3f5ea; }
.service-category h5 { margin: 6px 0 0; font-size: 17px; line-height: 1.3; }
.service-category-link { color: #2d3933 !important; font-weight: 700; }
.service-category-link:hover { color: var(--izdari-primary) !important; }

.provider-preview-card { border: 1px solid var(--izdari-border); border-radius: 16px; overflow: hidden; }

/* Profile */
.profile-page { background: linear-gradient(#fbfdfc, #f7faf8); }
.profile-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(320px, .85fr);
    gap: 24px;
    align-items: start;
}

.profile-card,
.profile-work-card {
    border: 1px solid var(--izdari-border);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 12px 36px rgba(20,40,30,.055);
}
.profile-card { padding: 30px; }
.profile-card__identity { display: flex; align-items: center; gap: 26px; }
.profile-avatar-wrap { position: relative; flex: 0 0 auto; }
.profile-avatar {
    width: 126px;
    height: 126px;
    border-radius: 50%;
    object-fit: cover;
    border: 5px solid #fff;
    box-shadow: 0 10px 28px rgba(20,40,30,.13);
}
.profile-avatar--placeholder { display: flex; align-items: center; justify-content: center; background: #edf5f0; color: var(--izdari-primary); }
.profile-avatar--placeholder i { font-size: 52px; }
.profile-verified {
    position: absolute;
    right: 1px;
    bottom: 7px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #fff;
    color: var(--izdari-primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(20,40,30,.15);
}
.profile-verified i { font-size: 20px; }
.profile-identity-copy { min-width: 0; }
.profile-name-row { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.profile-name-row h3 { margin: 4px 0 0; color: #1e2a24; font-size: 31px; }
.profile-role-chip { padding: 6px 9px; border-radius: 999px; background: #edf7f1; color: #276343; font-size: 11px; font-weight: 750; }
.profile-email { margin: 6px 0 0; color: #7a8580; font-size: 13px; }
.profile-bio { max-width: 640px; margin: 18px 0 0; color: #49564f; line-height: 1.65; }

.profile-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin: 28px 0;
}
.profile-stat { padding: 15px; border-radius: 13px; background: #f7faf8; border: 1px solid #edf1ef; }
.profile-stat strong { display: block; color: #1d2a23; font-size: 22px; }
.profile-stat span { display: block; margin-top: 3px; color: #7c8781; font-size: 11px; }

.profile-specialties { padding-top: 22px; border-top: 1px solid #edf1ef; }
.profile-section-title { display: flex; align-items: center; justify-content: space-between; }
.profile-section-title h4,
.profile-section-title h5 { margin: 4px 0 0; color: #26332c; }
.profile-chip-list { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.profile-category-chip { display: inline-flex; align-items: center; gap: 5px; padding: 8px 11px; border-radius: 999px; background: #f2f7f4; color: #405047; font-size: 12px; }
.profile-category-chip i { color: var(--izdari-primary); font-size: 16px; }
.profile-empty-copy { color: #8a948f; font-size: 13px; }
.profile-actions { display: flex; align-items: center; gap: 10px; margin-top: 26px; }
.profile-actions form { margin: 0; }

.profile-work-card { padding: 24px; position: sticky; top: 92px; }
.profile-work-header { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; margin-bottom: 15px; }
.profile-work-header h4 { margin: 4px 0 0; color: #27342d; font-size: 23px; }
.profile-view-all { color: var(--izdari-primary) !important; font-size: 12px; font-weight: 700; white-space: nowrap; }
.profile-task-list { display: grid; gap: 8px; }
.profile-task-item {
    min-height: 68px;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 9px;
    padding: 11px 10px !important;
    border: 1px solid #e9eeeb;
    border-radius: 12px;
    color: #2d3933 !important;
}
.profile-task-item:hover { background: #f7faf8 !important; border-color: #d6e2dc; }
.profile-task-copy { min-width: 0; }
.profile-task-copy strong,
.profile-task-copy small { display: block; }
.profile-task-copy strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }
.profile-task-copy small { margin-top: 4px; color: #89938e; font-size: 10px; }
.profile-task-item > i { color: #7b8781; font-size: 18px; }
.profile-task-item .task-status-chip { font-size: 9px; padding: 4px 7px; }
.profile-empty-state { min-height: 220px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 24px; color: #7f8984; }
.profile-empty-state > i { font-size: 38px; color: #a4aea9; }
.profile-empty-state strong { margin-top: 8px; color: #3c4942; }
.profile-empty-state span { margin: 4px 0 16px; font-size: 12px; }
.profile-more-providers { margin-top: 28px; }
.mini-provider-card { min-height: 120px; display: grid; grid-template-columns: 52px 1fr; gap: 4px 12px; align-items: center; padding: 16px; border: 1px solid var(--izdari-border); border-radius: 14px; background: #fff; color: #303c36 !important; }
.mini-provider-card img,
.mini-provider-card > span { grid-row: 1 / span 2; width: 52px; height: 52px; border-radius: 50%; object-fit: cover; background: #eef5f1; display: flex; align-items: center; justify-content: center; }
.mini-provider-card small { color: #7c8781; }

/* Reusable subtle reveal */
.reveal-on-scroll { opacity: 1; transform: none; }
.js-reveal .reveal-on-scroll { opacity: 0; transform: translateY(10px); transition: opacity .42s ease, transform .42s ease; }
.js-reveal .reveal-on-scroll.is-visible { opacity: 1; transform: translateY(0); }

/* General tactile polish */
.btn,
.card,
.notification-card,
.profile-task-item,
.service-category { -webkit-tap-highlight-color: transparent; }
.btn { text-transform: none; letter-spacing: .01em; }
.btn-main { box-shadow: 0 5px 14px rgba(0,168,68,.16); }
.btn-main:hover { box-shadow: 0 8px 20px rgba(0,168,68,.22); transform: translateY(-1px); }

@media (max-width: 992px) {
    .task-filter-sidebar { position: static !important; }
    .task-filter-sidebar .filter-panel { max-height: none; }
    .filter-categories-scroll { max-height: 420px; }
    .profile-layout { grid-template-columns: 1fr; }
    .profile-work-card { position: static; }
}

@media (max-width: 600px) {
    .hero-search-shell { grid-template-columns: auto minmax(0,1fr); padding: 8px 12px; }
    .hero-search-button { grid-column: 1 / -1; width: 100%; }
    .slider-search-form { bottom: 18px; }
    .profile-card { padding: 22px 18px; }
    .profile-card__identity { align-items: flex-start; flex-direction: column; gap: 18px; }
    .profile-avatar { width: 96px; height: 96px; }
    .profile-stats { grid-template-columns: 1fr; }
    .profile-actions { align-items: stretch; flex-direction: column; }
    .profile-actions .btn,
    .profile-actions form,
    .profile-actions form .btn { width: 100%; }
    .profile-task-item { grid-template-columns: minmax(0,1fr) auto; }
    .profile-task-item > i { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    .reveal-on-scroll,
    .izdari-navbar,
    .service-category,
    .btn-main,
    .filter-category-toggle .filter-chevron {
        transition: none !important;
        animation: none !important;
        transform: none !important;
        opacity: 1 !important;
    }
}

/* Desktop has no redundant hamburger; mobile keeps it as the navigation entry point. */
.izdari-mobile-trigger { display: none !important; }
@media (max-width: 992px) {
    .izdari-mobile-trigger { display: inline-flex !important; align-items: center; }
}

/* =========================================================
   Izdari refinement — patch 04
   Auth, provider discovery, sticky marketplace filter
   ========================================================= */

/* Django 5 LogoutView accepts POST, therefore logout controls are forms. */
.logout-form {
    margin: 0;
    padding: 0;
}

.logout-form .account-sidenav-logout {
    width: 100%;
    min-height: 48px;
    display: flex;
    align-items: center;
    gap: 14px;
    border: 0;
    background: transparent;
    color: #b3261e;
    padding: 0 28px;
    font: inherit;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
}

.logout-form .account-sidenav-logout:hover {
    background: #fff2f0;
}

.logout-form .account-sidenav-logout i {
    margin: 0 !important;
    color: inherit !important;
}

.logout-form--mobile .account-sidenav-logout {
    color: #b3261e;
}

/* Sticky sidebar: the grid item must stretch to the full result-column height;
   the inner panel then has enough containing-block height to stick. */
.task-list-layout {
    align-items: stretch !important;
}

.task-filter-sidebar,
#category-filter {
    position: relative !important;
    top: auto !important;
    align-self: stretch !important;
    min-height: 100%;
    overflow: visible !important;
    z-index: 20;
}

.task-filter-sidebar .filter-panel,
#category-filter .filter-panel {
    position: sticky !important;
    top: 84px !important;
    max-height: calc(100vh - 104px);
    overflow: hidden;
    transition: box-shadow .24s ease, border-color .24s ease, transform .24s ease;
}

.task-filter-sidebar .filter-panel.is-stuck {
    border-color: #cfded6;
    box-shadow: 0 18px 46px rgba(24, 46, 34, .13);
}

.task-list-section,
.task-list-container,
.task-filter-form,
.task-list-layout,
.task-filter-sidebar {
    overflow: visible !important;
}

.filter-categories-scroll {
    overscroll-behavior-y: auto;
}

/* Modern authentication surfaces */
.auth-page {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: calc(100vh - 68px);
    padding: 58px 0 72px;
    background:
        radial-gradient(circle at 12% 14%, rgba(0,168,68,.085), transparent 32%),
        radial-gradient(circle at 88% 82%, rgba(42,114,240,.07), transparent 28%),
        #f7faf8;
}

.auth-container {
    position: relative;
    z-index: 2;
}

.auth-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(2px);
    pointer-events: none;
    opacity: .8;
}

.auth-orb--one {
    width: 360px;
    height: 360px;
    left: -180px;
    top: 90px;
    background: radial-gradient(circle, rgba(0,168,68,.13), rgba(0,168,68,0));
}

.auth-orb--two {
    width: 420px;
    height: 420px;
    right: -190px;
    bottom: -130px;
    background: radial-gradient(circle, rgba(68,119,255,.10), rgba(68,119,255,0));
}

.auth-layout {
    display: grid;
    grid-template-columns: minmax(0, .86fr) minmax(520px, 1.14fr);
    gap: 28px;
    align-items: start;
    max-width: 1180px;
    margin: 0 auto;
}

.auth-layout--login {
    grid-template-columns: minmax(0, .95fr) minmax(420px, .8fr);
    max-width: 1000px;
    align-items: stretch;
}

.auth-story,
.auth-card {
    position: relative;
    border: 1px solid rgba(216, 227, 221, .95);
    border-radius: 24px;
    background: rgba(255,255,255,.93);
    box-shadow: 0 22px 60px rgba(28, 46, 37, .08);
    overflow: hidden;
}

.auth-story::before,
.provider-card[data-interactive-surface]::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0;
    background: radial-gradient(260px circle at var(--pointer-x, 50%) var(--pointer-y, 50%), rgba(0,168,68,.085), transparent 62%);
    transition: opacity .25s ease;
}

.auth-story:hover::before,
.provider-card[data-interactive-surface]:hover::before {
    opacity: 1;
}

.auth-story {
    min-height: 100%;
    padding: 44px 38px;
    background:
        linear-gradient(145deg, rgba(248,255,251,.98), rgba(237,249,242,.94)),
        #fff;
}

.auth-story h1 {
    margin: 12px 0 14px;
    color: #17221c;
    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.03;
    letter-spacing: -.035em;
    font-weight: 700;
}

.auth-story-lead {
    max-width: 520px;
    margin: 0;
    color: #68756e;
    font-size: 16px;
    line-height: 1.6;
}

.auth-benefits {
    display: grid;
    gap: 14px;
    margin-top: 34px;
}

.auth-benefit {
    display: grid;
    grid-template-columns: 46px 1fr;
    align-items: center;
    gap: 13px;
    padding: 14px 15px;
    border: 1px solid rgba(211,225,217,.9);
    border-radius: 16px;
    background: rgba(255,255,255,.72);
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.auth-benefit:hover {
    transform: translateX(4px);
    border-color: #c5ddcf;
    box-shadow: 0 10px 24px rgba(26,52,38,.06);
}

.auth-benefit > span {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    color: var(--izdari-primary-dark);
    background: #e8f7ee;
}

.auth-benefit i { font-size: 21px; }
.auth-benefit strong { display: block; color: #203129; font-size: 14px; }
.auth-benefit small { display: block; margin-top: 2px; color: #77827c; line-height: 1.4; }

.auth-story-footer {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 36px;
    color: #717c76;
}

.auth-card {
    padding: 34px 36px 38px;
}

.auth-card--compact {
    align-self: center;
}

.auth-card-header {
    margin-bottom: 28px;
}

.auth-card-header h2 {
    margin: 7px 0 8px;
    color: #1b2922;
    font-size: 32px;
    letter-spacing: -.025em;
}

.auth-card-header p {
    margin: 0;
    color: #7a857f;
}

.auth-error-panel {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 20px;
    padding: 13px 15px;
    border: 1px solid #f1c7c2;
    border-radius: 13px;
    background: #fff6f5;
    color: #9c2f27;
    font-size: 13px;
}

.auth-error-panel i { font-size: 20px; }

.auth-section {
    padding: 22px 0;
    border-top: 1px solid #edf1ef;
}

.auth-section:first-of-type {
    border-top: 0;
    padding-top: 0;
}

.auth-section-heading {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 18px;
}

.auth-section-heading > span {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    flex: 0 0 28px;
    border-radius: 9px;
    background: #e8f7ee;
    color: #087c39;
    font-size: 12px;
    font-weight: 800;
}

.auth-section-heading strong {
    display: block;
    color: #26352d;
    font-size: 14px;
}

.auth-section-heading small {
    display: block;
    margin-top: 2px;
    color: #89918d;
    line-height: 1.35;
}

.provider-intent-choice-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.provider-intent-choice-card {
    position: relative;
    min-height: 118px;
    display: grid;
    grid-template-columns: 42px 1fr;
    align-items: center;
    gap: 12px;
    padding: 16px;
    border: 1px solid #dfe7e3;
    border-radius: 16px;
    background: #fff;
    cursor: pointer;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}

.provider-intent-choice-card:hover {
    transform: translateY(-2px);
    border-color: #bcd9c8;
    box-shadow: 0 10px 26px rgba(29,58,42,.07);
}

.provider-intent-choice-card.is-selected {
    border-color: #5fc78c;
    background: #f4fcf7;
    box-shadow: inset 0 0 0 1px rgba(0,168,68,.08), 0 10px 26px rgba(29,58,42,.06);
}

.provider-intent-choice-card > input {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none;
}

.provider-intent-choice-icon {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: #f0f4f2;
    color: #5f6f66;
    transition: background-color .18s ease, color .18s ease, transform .18s ease;
}

.provider-intent-choice-card.is-selected .provider-intent-choice-icon {
    background: #dcf4e5;
    color: #07843b;
    transform: scale(1.04);
}

.provider-intent-choice-copy strong { display: block; color: #27352e; font-size: 14px; }
.provider-intent-choice-copy small { display: block; margin-top: 4px; color: #7c8781; line-height: 1.35; }
.provider-intent-choice-check {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 22px;
    height: 22px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: var(--izdari-primary);
    transform: scale(.5);
    opacity: 0;
    transition: transform .18s ease, opacity .18s ease;
}
.provider-intent-choice-card.is-selected .provider-intent-choice-check { opacity: 1; transform: scale(1); }
.provider-intent-choice-check i { font-size: 15px; }

.auth-field-grid {
    display: grid;
    gap: 16px;
}
.auth-field-grid--2 { grid-template-columns: 1fr 1fr; }

.auth-input-field {
    margin-top: 13px;
    margin-bottom: 16px;
}

.auth-input-field input,
.auth-input-field textarea {
    border-bottom-color: #cfd9d4 !important;
}

.auth-input-field input:focus,
.auth-input-field textarea:focus {
    border-bottom-color: var(--izdari-primary) !important;
    box-shadow: 0 1px 0 0 var(--izdari-primary) !important;
}

.auth-input-field .prefix {
    color: #78857e;
    transition: color .18s ease, transform .18s ease;
}

.auth-input-field:focus-within .prefix {
    color: var(--izdari-primary);
    transform: translateY(-1px);
}

.auth-password-field {
    padding-right: 36px;
}

.password-toggle {
    position: absolute;
    right: 0;
    top: 7px;
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 50%;
    color: #78857e;
    background: transparent;
    cursor: pointer;
    transition: background-color .18s ease, color .18s ease;
}
.password-toggle:hover { background: #edf5f0; color: #087c39; }
.password-toggle i { font-size: 19px; }

.auth-field-error {
    display: block;
    margin: -8px 0 10px;
    color: #b3261e;
    font-size: 11px;
}

.password-strength {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 5px;
    align-items: center;
    margin-top: -5px;
}

.password-strength > span {
    height: 4px;
    border-radius: 99px;
    background: #e6ebe8;
    transition: background-color .2s ease, transform .2s ease;
}
.password-strength > span.is-active { background: #42b976; transform: scaleY(1.18); }
.password-strength[data-score="1"] > span.is-active { background: #e05b4f; }
.password-strength[data-score="2"] > span.is-active { background: #ef9b32; }
.password-strength[data-score="3"] > span.is-active { background: #a0b63d; }
.password-strength[data-score="4"] > span.is-active { background: #1f9d58; }
.password-strength small { grid-column: 1 / -1; color: #8a948f; margin-top: 3px; }

.provider-details {
    max-height: 1200px;
    opacity: 1;
    transform: translateY(0);
    overflow: hidden;
    transition: max-height .35s ease, opacity .24s ease, transform .28s ease, padding .28s ease, border-color .28s ease;
}
.provider-details.is-collapsed {
    max-height: 0;
    opacity: 0;
    transform: translateY(-8px);
    padding-top: 0;
    padding-bottom: 0;
    border-color: transparent;
    pointer-events: none;
}

.auth-file-field .btn { margin-right: 9px; }

.provider-specialties-heading strong,
.provider-specialties-heading small { display: block; }
.provider-specialties-heading strong { color: #2c3932; }
.provider-specialties-heading small { margin-top: 3px; color: #89928d; }

.registration-category-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 12px;
}

.registration-category-choice {
    position: relative;
    min-width: 0;
}
.registration-category-choice > input {
    position: absolute !important;
    opacity: 0 !important;
}
.registration-category-choice > span {
    min-height: 48px;
    display: flex !important;
    align-items: center;
    gap: 8px;
    padding: 9px 11px !important;
    border: 1px solid #e0e7e3;
    border-radius: 12px;
    color: #45544c;
    background: #fff;
    font-size: 12px;
    line-height: 1.25;
    transition: border-color .18s ease, background-color .18s ease, transform .18s ease;
}
.registration-category-choice > span::before,
.registration-category-choice > span::after { display: none !important; }
.registration-category-choice > span i { font-size: 17px; color: #829087; }
.registration-category-choice > input:checked + span {
    border-color: #72c894;
    background: #f1fbf5;
    color: #176e3d;
    transform: translateY(-1px);
}
.registration-category-choice > input:checked + span i { color: #15924a; }

.auth-submit {
    width: 100%;
    height: 48px;
    margin-top: 10px;
    border-radius: 13px;
}
.auth-legal { margin: 12px 10px 0; color: #8b948f; text-align: center; font-size: 10px; line-height: 1.45; }
.auth-login-links { display: flex; justify-content: flex-end; margin: -4px 0 18px; }
.auth-login-links a { color: #47705b; font-size: 12px; font-weight: 600; }
.auth-mobile-switch { display: none; margin-top: 18px; text-align: center; color: #7b8580; }
.auth-mobile-switch a { color: var(--izdari-primary-dark); font-weight: 700; }

/* Provider discovery */
.providers-page {
    min-height: 70vh;
    padding-bottom: 72px;
    background: #fafcfa;
}

.providers-hero {
    padding: 56px 0 46px;
    color: #fff;
    background:
        radial-gradient(circle at 15% 20%, rgba(75,220,136,.18), transparent 30%),
        linear-gradient(135deg, #173226, #214a35 56%, #1d3d30);
}

.providers-hero__inner h1 {
    margin: 7px 0 8px;
    color: #fff;
    font-size: clamp(34px, 4vw, 50px);
    letter-spacing: -.035em;
}
.providers-hero__inner > p { margin: 0; color: rgba(255,255,255,.76); font-size: 15px; }

.providers-search-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(200px, 260px) auto;
    gap: 10px;
    align-items: end;
    margin-top: 26px;
    padding: 12px;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 18px;
    background: rgba(255,255,255,.95);
    box-shadow: 0 22px 50px rgba(5,19,12,.20);
    backdrop-filter: blur(12px);
    transition: transform .2s ease, box-shadow .2s ease;
}
.providers-search-card:focus-within { transform: translateY(-2px); box-shadow: 0 28px 62px rgba(5,19,12,.24); }
.providers-search-card.is-searching { opacity: .82; }

.providers-search-input {
    position: relative;
    height: 52px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 12px;
    border: 1px solid #dce5e0;
    border-radius: 13px;
    background: #fff;
}
.providers-search-input > i { color: #7a887f; }
.providers-search-input input[type="search"] {
    height: 48px !important;
    margin: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #27352e;
}
.providers-search-clear {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border-radius: 50%;
}
.providers-search-clear:hover { background: #eef5f1; }
.providers-search-clear i { font-size: 18px; }

.providers-search-category label {
    display: block;
    margin: 0 0 5px 3px;
    color: #5f6c65;
    font-size: 10px;
    font-weight: 700;
}
.providers-search-card .izdari-select { height: 52px; border-radius: 13px; }
.providers-search-card .btn { height: 52px; border-radius: 13px; }

.providers-content { padding-top: 38px; }
.providers-heading-row {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 18px;
}
.providers-heading-row h2 { margin: 3px 0 0; color: #202e27; font-size: 30px; }
.provider-results-count {
    padding: 6px 10px;
    border-radius: 99px;
    background: #edf3ef;
    color: #5c6c63;
    font-size: 11px;
    font-weight: 700;
}

.provider-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.provider-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 20px;
    border: 1px solid #e0e7e3;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 7px 22px rgba(24,46,34,.045);
    overflow: hidden;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.provider-card:hover {
    transform: translateY(-4px);
    border-color: #c9ddd1;
    box-shadow: 0 18px 42px rgba(24,46,34,.10);
}
.provider-card > * { position: relative; z-index: 1; }

.provider-card__top {
    display: flex;
    align-items: center;
    gap: 13px;
}
.provider-card__avatar-wrap { position: relative; flex: 0 0 auto; }
.provider-card__avatar {
    width: 64px;
    height: 64px;
    display: grid;
    place-items: center;
    border-radius: 18px;
    object-fit: cover;
    background: #eef4f0;
    color: #75847b;
}
.provider-card__avatar--placeholder i { font-size: 30px; }
.provider-card__verified {
    position: absolute;
    right: -4px;
    bottom: -3px;
    width: 22px;
    height: 22px;
    display: grid;
    place-items: center;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #fff;
    color: #17884a;
}
.provider-card__verified i { font-size: 18px; }
.provider-card__identity { min-width: 0; }
.provider-card__name {
    display: block;
    overflow: hidden;
    color: #213028;
    font-size: 17px;
    font-weight: 700;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.provider-card__name:hover { color: var(--izdari-primary-dark); }
.provider-card__role { display: flex; align-items: center; gap: 4px; margin-top: 4px; color: #748078; font-size: 11px; }
.provider-card__role i { font-size: 14px; }
.provider-card__bio { min-height: 57px; margin: 18px 0 13px; color: #65726b; font-size: 12px; line-height: 1.55; }
.provider-card__chips { display: flex; flex-wrap: wrap; gap: 6px; min-height: 29px; }
.provider-card__chips span {
    padding: 5px 8px;
    border-radius: 99px;
    background: #eef7f1;
    color: #35684b;
    font-size: 9px;
    font-weight: 600;
}
.provider-card__chips .provider-card__chip-muted { background: #f2f4f3; color: #8a938e; }
.provider-card__stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
    margin: 18px 0;
    padding: 13px 0;
    border-top: 1px solid #edf1ef;
    border-bottom: 1px solid #edf1ef;
}
.provider-card__stats div { min-width: 0; text-align: center; }
.provider-card__stats strong { display: block; color: #223128; font-size: 16px; }
.provider-card__stats span { display: block; margin-top: 2px; color: #89938e; font-size: 8px; line-height: 1.25; }
.provider-card__footer { margin-top: auto; }
.provider-card__footer .btn { width: 100%; border-radius: 12px; }

.providers-empty {
    grid-column: 1 / -1;
    padding: 70px 20px;
    border: 1px dashed #d5dfda;
    border-radius: 20px;
    background: #fff;
    text-align: center;
}
.providers-empty__icon {
    width: 62px;
    height: 62px;
    display: grid;
    place-items: center;
    margin: 0 auto 13px;
    border-radius: 20px;
    background: #eff6f2;
    color: #5d7568;
}
.providers-empty__icon i { font-size: 30px; }
.providers-empty h3 { margin: 0; color: #29372f; font-size: 21px; }
.providers-empty p { margin: 7px 0 16px; color: #7a8580; }

@media (max-width: 992px) {
    .task-filter-sidebar,
    #category-filter {
        min-height: auto;
    }
    .task-filter-sidebar .filter-panel,
    #category-filter .filter-panel {
        position: relative !important;
        top: auto !important;
        max-height: none;
    }
    .auth-layout,
    .auth-layout--login { grid-template-columns: 1fr; }
    .auth-story { min-height: auto; }
    .provider-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 600px) {
    .auth-page { padding: 28px 0 46px; }
    .auth-card,
    .auth-story { border-radius: 18px; padding: 24px 20px; }
    .auth-story { display: none; }
    .auth-field-grid--2,
    .provider-intent-choice-grid,
    .registration-category-grid { grid-template-columns: 1fr; }
    .auth-mobile-switch { display: block; }
    .providers-hero { padding: 38px 0 34px; }
    .providers-search-card { grid-template-columns: 1fr; }
    .provider-grid { grid-template-columns: 1fr; }
}

/* =========================================================
   Izdari refinement — patch 05
   Trust layer: ratings, verified reviews, task progress
   ========================================================= */

/* Provider search: remove browser search chrome and keep one Material-like focus surface. */
.providers-search-input {
    transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease, transform .18s ease;
}
.providers-search-input:focus-within {
    border-color: #65bd86;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(0,168,68,.10), 0 9px 26px rgba(24,46,34,.08);
    transform: translateY(-1px);
}
.providers-search-input input[type="search"] {
    width: 100% !important;
    min-width: 0;
    padding: 0 3px !important;
    border: 0 !important;
    border-bottom: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    -webkit-appearance: none;
    appearance: none;
    background: transparent !important;
}
.providers-search-input input[type="search"]:focus {
    border: 0 !important;
    border-bottom: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}
.providers-search-input input[type="search"]::-webkit-search-decoration,
.providers-search-input input[type="search"]::-webkit-search-cancel-button,
.providers-search-input input[type="search"]::-webkit-search-results-button,
.providers-search-input input[type="search"]::-webkit-search-results-decoration {
    -webkit-appearance: none;
}

.provider-card__meta-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 11px;
    margin-top: 4px;
}
.provider-card__meta-row .provider-card__role { margin-top: 0; }
.provider-card__rating {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-height: 20px;
    color: #65521c;
    font-size: 10px;
    line-height: 1;
    white-space: nowrap;
}
.provider-card__rating i {
    margin: 0;
    color: #f2b01e;
    font-size: 15px;
    line-height: 1;
}
.provider-card__rating strong { color: #343a36; font-size: 11px; }
.provider-card__rating > span { color: #8c948f; }
.provider-card__rating--new {
    gap: 4px;
    padding: 4px 7px;
    border-radius: 999px;
    background: #f5f1ff;
    color: #6e53a3;
    font-weight: 700;
}
.provider-card__rating--new i { color: #7556b3; font-size: 13px; }

/* Task lifecycle stepper */
.task-progress-card {
    display: grid;
    grid-template-columns: auto minmax(28px, 1fr) auto minmax(28px, 1fr) auto minmax(28px, 1fr) auto minmax(28px, 1fr) auto;
    align-items: center;
    gap: 8px;
    margin: 0 0 22px;
    padding: 16px 18px;
    border: 1px solid #e3eae6;
    border-radius: 16px;
    background: rgba(255,255,255,.92);
    box-shadow: 0 9px 28px rgba(25,45,34,.045);
}
.task-progress-step {
    min-width: 74px;
    display: grid;
    justify-items: center;
    gap: 6px;
    color: #8a958f;
    text-align: center;
}
.task-progress-icon {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: #f1f4f2;
    color: #87928c;
    transition: transform .2s ease, background-color .2s ease, color .2s ease, box-shadow .2s ease;
}
.task-progress-icon i { font-size: 19px; }
.task-progress-copy { max-width: 94px; font-size: 9px; font-weight: 700; line-height: 1.25; }
.task-progress-step.is-complete .task-progress-icon {
    background: #e4f6eb;
    color: #128849;
}
.task-progress-step.is-complete { color: #3f6650; }
.task-progress-step.is-current .task-progress-icon {
    background: var(--izdari-primary);
    color: #fff;
    box-shadow: 0 0 0 5px rgba(0,168,68,.10), 0 7px 16px rgba(0,168,68,.18);
    animation: task-progress-pulse 2.2s ease-in-out infinite;
}
.task-progress-step.is-current { color: #1d5c39; }
.task-progress-line {
    height: 2px;
    border-radius: 99px;
    background: #e6ebe8;
    overflow: hidden;
}
.task-progress-line.is-complete { background: linear-gradient(90deg, #62c98d, #1a9e55); }
@keyframes task-progress-pulse {
    0%, 100% { transform: scale(1); box-shadow: 0 0 0 5px rgba(0,168,68,.09), 0 7px 16px rgba(0,168,68,.18); }
    50% { transform: scale(1.04); box-shadow: 0 0 0 8px rgba(0,168,68,.04), 0 9px 20px rgba(0,168,68,.20); }
}

.response-provider,
.selected-provider {
    color: inherit !important;
    text-decoration: none;
}
.response-provider { display: flex; align-items: center; gap: 10px; }
.response-provider:hover strong,
.selected-provider:hover strong { color: var(--izdari-primary-dark); }
.response-avatar--image { object-fit: cover; }
.selected-provider {
    display: grid !important;
    grid-template-columns: auto minmax(0,1fr) auto;
    align-items: center;
    gap: 11px;
    margin-top: 10px;
    padding: 11px;
    border: 1px solid #e4ebe7;
    border-radius: 13px;
    background: #f9fbfa;
    transition: transform .18s ease, border-color .18s ease, background-color .18s ease;
}
.selected-provider:hover { transform: translateY(-1px); border-color: #c9ded2; background: #f3faf6; }
.selected-provider__arrow { color: #78857e; font-size: 18px; transition: transform .18s ease; }
.selected-provider:hover .selected-provider__arrow { transform: translateX(3px); color: var(--izdari-primary); }

/* Verified review UI */
.task-review-card { overflow: visible; }
.verified-review-chip {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 8px;
    border-radius: 999px;
    background: #edf8f1;
    color: #31714c;
    font-size: 9px;
    font-weight: 750;
    white-space: nowrap;
}
.verified-review-chip i { margin: 0; font-size: 14px; color: #19924e; }
.review-display {
    margin-top: 18px;
    padding: 18px;
    border: 1px solid #e4ebe7;
    border-radius: 15px;
    background: linear-gradient(135deg, #fbfdfc, #f6faf7);
}
.review-display p { margin: 13px 0 9px; color: #435149; line-height: 1.65; }
.review-display > small { color: #87918c; }
.review-stars {
    display: flex;
    align-items: center;
    gap: 3px;
}
.review-stars i { color: #dfe3e1; font-size: 22px; }
.review-stars i.is-active { color: #f4b321; }
.review-stars strong { margin-left: 7px; color: #2c3932; font-size: 14px; }
.review-stars--compact i { font-size: 17px; }
.review-form { margin-top: 16px; }
.review-rating-picker {
    min-height: 50px;
    display: flex;
    align-items: center;
    gap: 3px;
    padding: 8px 10px;
    border: 1px solid #e1e9e4;
    border-radius: 13px;
    background: #fafcfb;
}
.review-star {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: #d5dcda;
    cursor: pointer;
    transition: transform .14s ease, background-color .14s ease, color .14s ease;
}
.review-star i { margin: 0; font-size: 25px; pointer-events: none; }
.review-star:hover { transform: translateY(-2px) scale(1.05); background: #fff9e8; }
.review-star.is-active { color: #f4b321; }
.review-rating-label { margin-left: 9px; color: #7e8983; font-size: 11px; }
.review-text-field { margin-top: 24px; }
.review-form-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-top: 10px;
}
.review-form-footer > span { display: inline-flex; align-items: center; gap: 5px; color: #87918c; font-size: 10px; }
.review-form-footer > span i { font-size: 14px; }
.review-form-footer .btn[disabled] { opacity: .48; }

/* Provider profile reputation */
.profile-rating-summary {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
    color: #78847d;
    font-size: 11px;
}
.profile-rating-score { display: inline-flex; align-items: center; gap: 4px; }
.profile-rating-score i { margin: 0; color: #f4b321; font-size: 18px; }
.profile-rating-score strong { color: #303a35; font-size: 15px; }
.profile-rating-divider { width: 1px; height: 14px; background: #dfe5e2; }
.profile-new-provider { display: inline-flex; align-items: center; gap: 5px; padding: 5px 8px; border-radius: 999px; background: #f4f0fb; color: #7154a3; font-weight: 700; }
.profile-new-provider i { margin: 0; font-size: 14px; }

.profile-reviews {
    margin-top: 26px;
    padding: 26px;
    border: 1px solid var(--izdari-border);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 12px 36px rgba(20,40,30,.045);
}
.profile-reviews-header { display: flex; align-items: end; justify-content: space-between; gap: 18px; }
.profile-reviews-header h4 { margin: 4px 0 0; color: #26332c; }
.profile-reviews-score { display: flex; align-items: center; gap: 5px; }
.profile-reviews-score i { color: #f4b321; font-size: 23px; }
.profile-reviews-score strong { color: #2b3831; font-size: 24px; }
.profile-reviews-score span { color: #87918c; font-size: 10px; }
.profile-review-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; margin-top: 18px; }
.profile-review-card {
    position: relative;
    padding: 17px;
    border: 1px solid #e5ebe8;
    border-radius: 15px;
    background: #fbfdfc;
    overflow: hidden;
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.profile-review-card:hover { transform: translateY(-2px); border-color: #cfe0d6; box-shadow: 0 11px 26px rgba(24,46,34,.065); }
.profile-review-card > * { position: relative; z-index: 1; }
.profile-review-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.profile-review-card p { min-height: 42px; margin: 13px 0; color: #4b5951; line-height: 1.55; }
.profile-review-muted { color: #8a948f !important; font-style: italic; }
.profile-review-footer { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 8px; align-items: center; color: #8b948f; font-size: 9px; }
.profile-review-footer > span { color: #56645c; font-weight: 700; }
.profile-review-footer a { overflow: hidden; color: #54705f !important; white-space: nowrap; text-overflow: ellipsis; }
.profile-review-footer a:hover { color: var(--izdari-primary-dark) !important; }
.profile-reviews-empty { min-height: 120px; display: flex; align-items: center; justify-content: center; gap: 13px; margin-top: 18px; padding: 20px; border: 1px dashed #d8e1dc; border-radius: 15px; color: #8a948f; background: #fbfdfc; }
.profile-reviews-empty > i { font-size: 30px; color: #9da8a2; }
.profile-reviews-empty strong, .profile-reviews-empty span { display: block; }
.profile-reviews-empty strong { color: #445149; }
.profile-reviews-empty span { margin-top: 3px; font-size: 10px; }

@media (max-width: 992px) {
    .task-progress-card { overflow-x: auto; grid-template-columns: repeat(9, max-content); justify-content: start; }
    .task-progress-line { width: 34px; }
    .profile-review-grid { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
    .review-form-footer { align-items: stretch; flex-direction: column; }
    .review-form-footer .btn { width: 100%; }
    .review-rating-picker { flex-wrap: wrap; }
    .review-rating-label { width: 100%; margin: 2px 0 0 4px; }
    .profile-reviews { padding: 20px 16px; }
    .profile-reviews-header { align-items: flex-start; flex-direction: column; }
    .profile-review-footer { grid-template-columns: 1fr auto; }
    .profile-review-footer a { grid-column: 1 / -1; grid-row: 2; }
}

@media (prefers-reduced-motion: reduce) {
    .task-progress-step.is-current .task-progress-icon { animation: none !important; }
    .review-star,
    .profile-review-card,
    .selected-provider,
    .providers-search-input { transition: none !important; }
}

/* === Patch 06: Provider profile 2.0 / portfolio / lifecycle / notifications === */
.profile-professional-title { margin: 4px 0 5px; color: #35483e; font-size: 15px; font-weight: 700; }
.profile-provider-facts { display: flex; flex-wrap: wrap; gap: 8px 14px; margin: 8px 0 2px; color: #6f7d75; font-size: 11px; }
.profile-provider-facts span { display: inline-flex; align-items: center; gap: 4px; }
.profile-provider-facts i { color: var(--izdari-primary); font-size: 15px; }

.profile-portfolio { margin-top: 24px; padding: 24px; border: 1px solid var(--izdari-border); border-radius: 20px; background: #fff; box-shadow: 0 8px 30px rgba(32, 52, 41, .055); }
.profile-portfolio-header { align-items: flex-end; margin-bottom: 18px; }
.profile-portfolio-header p { margin: 5px 0 0; color: #7c8781; font-size: 11px; }
.portfolio-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.portfolio-card { position: relative; overflow: hidden; border: 1px solid #e5ece8; border-radius: 16px; background: #fff; transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.portfolio-card:hover { transform: translateY(-3px); border-color: #cbded3; box-shadow: 0 14px 32px rgba(33, 55, 43, .1); }
.portfolio-card__image { position: relative; display: block; width: 100%; aspect-ratio: 4 / 3; overflow: hidden; border: 0; padding: 0; background: #edf3ef; cursor: zoom-in; }
.portfolio-card__image img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .42s cubic-bezier(.2,.7,.2,1); }
.portfolio-card:hover .portfolio-card__image img { transform: scale(1.045); }
.portfolio-card__image > span { position: absolute; right: 10px; bottom: 10px; width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; color: #fff; background: rgba(20, 31, 25, .65); backdrop-filter: blur(8px); opacity: 0; transform: translateY(5px); transition: .2s ease; }
.portfolio-card:hover .portfolio-card__image > span { opacity: 1; transform: translateY(0); }
.portfolio-card__image i { font-size: 19px; }
.portfolio-card__body { position: relative; padding: 13px 14px 15px; min-height: 74px; }
.portfolio-card__body strong { display: block; color: #24342b; font-size: 13px; }
.portfolio-card__body p { margin: 5px 30px 0 0; color: #758078; font-size: 10px; line-height: 1.45; }
.portfolio-delete { position: absolute; right: 9px; bottom: 9px; width: 31px; height: 31px; border: 0; border-radius: 50%; display: grid; place-items: center; color: #9a4c4c; background: #fff3f3; cursor: pointer; transition: .18s ease; }
.portfolio-delete:hover { background: #fbe4e4; transform: scale(1.05); }
.portfolio-delete i { font-size: 17px; }
.profile-portfolio-empty { display: flex; align-items: center; gap: 15px; padding: 20px; border: 1px dashed #cfddd5; border-radius: 16px; background: #f9fbfa; }
.profile-portfolio-empty > i { width: 45px; height: 45px; display: grid; place-items: center; border-radius: 14px; color: var(--izdari-primary); background: #eaf7ef; }
.profile-portfolio-empty div { flex: 1; min-width: 0; }
.profile-portfolio-empty strong, .profile-portfolio-empty span { display: block; }
.profile-portfolio-empty strong { color: #34463c; }
.profile-portfolio-empty span { margin-top: 3px; color: #7c8781; font-size: 10px; }

.portfolio-lightbox[hidden] { display: none !important; }
.portfolio-lightbox { position: fixed; inset: 0; z-index: 5000; display: grid; place-items: center; padding: 28px; opacity: 0; transition: opacity .18s ease; }
.portfolio-lightbox.is-open { opacity: 1; }
.portfolio-lightbox__backdrop { position: absolute; inset: 0; border: 0; background: rgba(13, 19, 16, .82); backdrop-filter: blur(10px); cursor: zoom-out; }
.portfolio-lightbox__dialog { position: relative; z-index: 1; max-width: min(1000px, 92vw); max-height: 88vh; padding: 12px; border-radius: 20px; background: #fff; box-shadow: 0 30px 90px rgba(0,0,0,.35); transform: scale(.96) translateY(8px); transition: transform .2s cubic-bezier(.2,.8,.2,1); }
.portfolio-lightbox.is-open .portfolio-lightbox__dialog { transform: scale(1) translateY(0); }
.portfolio-lightbox__dialog img { display: block; max-width: 100%; max-height: 75vh; border-radius: 14px; object-fit: contain; }
.portfolio-lightbox__dialog strong { display: block; padding: 10px 6px 3px; color: #26362d; }
.portfolio-lightbox__close { position: absolute; right: 20px; top: 20px; width: 38px; height: 38px; z-index: 2; border: 0; border-radius: 50%; display: grid; place-items: center; color: #fff; background: rgba(20, 29, 24, .7); cursor: pointer; }
.portfolio-lightbox-open { overflow: hidden; }

.profile-edit-page, .portfolio-form-page { background: linear-gradient(180deg, #f8fbf9 0, #fff 420px); }
.profile-edit-container, .portfolio-form-container { max-width: 980px; }
.profile-edit-header, .portfolio-form-header { display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; margin-bottom: 22px; }
.profile-edit-header h2, .portfolio-form-header h2 { margin: 2px 0 5px; font-size: 31px; color: #223229; }
.profile-edit-header p, .portfolio-form-header p { margin: 0; color: #748078; }
.profile-edit-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.profile-edit-card, .portfolio-form-card { padding: 22px; border: 1px solid var(--izdari-border); border-radius: 18px; background: #fff; box-shadow: 0 10px 28px rgba(31, 51, 40, .055); }
.profile-edit-card__title { display: flex; align-items: center; gap: 11px; margin-bottom: 18px; }
.profile-edit-card__title > span { width: 39px; height: 39px; display: grid; place-items: center; border-radius: 12px; color: var(--izdari-primary); background: #eaf7ef; }
.profile-edit-card__title strong, .profile-edit-card__title small { display: block; }
.profile-edit-card__title strong { color: #314239; }
.profile-edit-card__title small { margin-top: 2px; color: #8a948e; }
.profile-edit-avatar-row { display: grid; grid-template-columns: 76px 1fr; gap: 16px; align-items: center; margin-bottom: 13px; }
.profile-edit-avatar-preview { width: 76px; height: 76px; overflow: hidden; display: grid; place-items: center; border-radius: 50%; color: #7d8a82; background: #edf4f0; }
.profile-edit-avatar-preview img { width: 100%; height: 100%; object-fit: cover; }
.profile-edit-avatar-preview i { font-size: 34px; }
.profile-avatar-file { margin: 0 !important; }
.profile-edit-two-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.profile-edit-specialties > label { color: #35483e; font-size: 12px; font-weight: 700; }
.profile-edit-specialties > p { margin: 3px 0 11px; color: #87918c; font-size: 10px; }
.profile-edit-category-list { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.profile-edit-category-option { display: flex; align-items: center; gap: 8px; min-height: 38px; padding: 8px 10px; border: 1px solid #e1e9e4; border-radius: 11px; background: #fbfcfb; cursor: pointer; transition: .16s ease; }
.profile-edit-category-option:hover { border-color: #bfd8c8; background: #f5faf7; }
.profile-edit-category-option > span:last-child { color: #59675f; font-size: 10px; }
.profile-edit-errors { grid-column: 1 / -1; padding: 13px 15px; border-radius: 12px; color: #8c3333; background: #fff0f0; }
.profile-edit-actions { grid-column: 1 / -1; display: flex; justify-content: flex-end; gap: 9px; padding-top: 5px; }

.portfolio-form-card { max-width: 680px; margin: 0 auto; }
.portfolio-upload-drop { position: relative; min-height: 260px; overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; margin-bottom: 22px; border: 1.5px dashed #bfd4c7; border-radius: 18px; color: #5d6c63; background: #f8fbf9; transition: .18s ease; }
.portfolio-upload-drop:hover, .portfolio-upload-drop.is-dragging { border-color: var(--izdari-primary); background: #f0faf4; }
.portfolio-upload-drop > i { color: var(--izdari-primary); font-size: 40px; }
.portfolio-upload-drop > strong { font-size: 15px; }
.portfolio-upload-drop > span { color: #8b9690; font-size: 10px; }
.portfolio-upload-drop input[type=file] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; z-index: 3; }
.portfolio-upload-drop img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; }
.portfolio-upload-drop.has-preview::after { content: 'Noklikšķini, lai mainītu attēlu'; position: absolute; left: 12px; bottom: 12px; z-index: 2; padding: 6px 10px; border-radius: 10px; color: #fff; background: rgba(15, 25, 19, .68); backdrop-filter: blur(7px); font-size: 9px; }
.portfolio-form-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 15px; }

.provider-card__headline { display: block; margin-top: 3px; color: #55645b; font-size: 10px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.provider-card__location { display: inline-flex; align-items: center; gap: 2px; color: #819087; font-size: 9px; }
.provider-card__location i { font-size: 13px; color: #779889; }

.task-contact-note { display: flex; gap: 6px; align-items: flex-start; margin: 8px 0 12px; color: #7b8780; font-size: 9px; line-height: 1.4; }
.task-contact-note i { color: var(--izdari-primary); font-size: 14px; }
.task-contact-list { display: grid; gap: 8px; }
.task-contact-list a { display: flex; gap: 9px; align-items: center; padding: 10px 11px; border: 1px solid #e3ebe6; border-radius: 12px; color: #36483e !important; background: #fbfcfb; transition: .16s ease; }
.task-contact-list a:hover { transform: translateX(2px); border-color: #c5dccf; background: #f4faf6; }
.task-contact-list > a > i { color: var(--izdari-primary); font-size: 20px; }
.task-contact-list span, .task-contact-list small, .task-contact-list strong { display: block; min-width: 0; }
.task-contact-list small { color: #8b958f; font-size: 8px; }
.task-contact-list strong { margin-top: 1px; font-size: 10px; overflow-wrap: anywhere; }
.lifecycle-card .side-action-list form { margin: 0; }
.lifecycle-hint { display: flex; gap: 8px; align-items: center; padding: 11px; border-radius: 12px; color: #755d20; background: #fff8df; font-size: 10px; line-height: 1.4; }
.lifecycle-hint i { font-size: 18px; }
.lifecycle-hint--done { color: #23623d; background: #eaf8ef; }

.notifications-page-v2 { min-height: 70vh; background: linear-gradient(180deg, #f8fbf9 0, #fff 360px); }
.notifications-container { max-width: 900px; }
.notifications-header { display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; margin-bottom: 18px; }
.notifications-header h2 { margin: 2px 0 4px; color: #223229; }
.notifications-header p { margin: 0; color: #7b8780; }
.notification-tabs { display: flex; gap: 5px; height: auto; line-height: normal; margin-bottom: 12px; padding: 4px; border: 1px solid #e3ebe6; border-radius: 13px; background: #fff; box-shadow: none; }
.notification-tabs a { display: inline-flex; align-items: center; gap: 5px; padding: 8px 12px; border-radius: 9px; color: #68756e !important; font-size: 10px; font-weight: 700; }
.notification-tabs a.is-active { color: #1f5736 !important; background: #eaf7ef; }
.notification-tabs a span { min-width: 18px; height: 18px; display: grid; place-items: center; border-radius: 9px; color: #fff; background: var(--izdari-primary); font-size: 8px; }
.notification-list-v2 { display: grid; gap: 8px; }
.notification-card-v2 { position: relative; display: grid; grid-template-columns: 46px 1fr 22px; gap: 12px; align-items: center; padding: 14px 15px; overflow: hidden; border: 1px solid #e5ece8; border-radius: 15px; color: #33443a !important; background: #fff; transition: .18s ease; }
.notification-card-v2::before { content: ''; position: absolute; inset: 0 auto 0 0; width: 3px; background: transparent; }
.notification-card-v2.is-unread { border-color: #cfe4d6; background: linear-gradient(90deg, #f1faf4 0, #fff 42%); }
.notification-card-v2.is-unread::before { background: var(--izdari-primary); }
.notification-card-v2:hover { transform: translateY(-1px); box-shadow: 0 10px 24px rgba(34, 55, 43, .08); }
.notification-card-v2.is-reading { opacity: .68; }
.notification-copy-v2, .notification-copy-v2 > span, .notification-copy-v2 small { display: block; min-width: 0; }
.notification-title-row { display: flex !important; align-items: center; gap: 7px; }
.notification-title-row strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.notification-title-row b { padding: 2px 6px; border-radius: 8px; color: #19683a; background: #dff5e6; font-size: 7px; text-transform: uppercase; }
.notification-copy-v2 > span:not(.notification-title-row) { margin-top: 3px; color: #6e7b73; font-size: 10px; }
.notification-copy-v2 small { margin-top: 5px; color: #9aa29e; font-size: 8px; }
.notifications-empty { display: grid; place-items: center; padding: 60px 20px; text-align: center; border: 1px dashed #d4dfd9; border-radius: 18px; background: #fbfcfb; }
.notifications-empty > span { width: 56px; height: 56px; display: grid; place-items: center; border-radius: 18px; color: var(--izdari-primary); background: #eaf7ef; }
.notifications-empty h4 { margin: 13px 0 4px; }
.notifications-empty p { margin: 0; color: #839087; }

@media (max-width: 992px) {
    .portfolio-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .profile-edit-grid { grid-template-columns: 1fr; }
    .profile-edit-actions, .profile-edit-errors { grid-column: 1; }
}
@media (max-width: 600px) {
    .profile-portfolio { padding: 18px 14px; }
    .profile-portfolio-header, .profile-edit-header, .portfolio-form-header, .notifications-header { align-items: flex-start; flex-direction: column; }
    .portfolio-grid { grid-template-columns: 1fr; }
    .profile-portfolio-empty { align-items: flex-start; flex-wrap: wrap; }
    .profile-edit-two-cols, .profile-edit-category-list { grid-template-columns: 1fr; }
    .profile-edit-card, .portfolio-form-card { padding: 18px 14px; }
    .notification-card-v2 { grid-template-columns: 40px 1fr 18px; padding: 12px; }
    .portfolio-lightbox { padding: 10px; }
}

/* === Patch 07: trust, offer comparison, task photos, notification preview === */
.trust-badge { display: inline-flex; align-items: center; gap: 4px; min-height: 24px; padding: 4px 8px; border-radius: 999px; font-size: 9px; font-weight: 800; line-height: 1; letter-spacing: .02em; white-space: nowrap; }
.trust-badge i { font-size: 14px; }
.trust-badge--pro { color: #7a5711; background: linear-gradient(135deg, #fff6cf, #ffed9d); border: 1px solid #f1d777; }
.trust-badge--verified { color: #155c38; background: #e6f7ed; border: 1px solid #c5e8d2; }
.trust-badge--compact { min-height: 20px; padding: 3px 6px; font-size: 8px; }
.trust-badge--compact i { font-size: 12px; }
.profile-trust-row { display: flex; flex-wrap: wrap; gap: 6px; margin: 7px 0 5px; }
.provider-card__name-row { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
.provider-card__availability { margin-top: 7px; }
.availability-badge { display: inline-flex; align-items: center; gap: 6px; min-height: 23px; padding: 4px 8px; border-radius: 999px; color: #66746c; background: #f1f4f2; font-size: 8px; font-weight: 700; white-space: nowrap; }
.availability-badge > span:first-child { width: 7px; height: 7px; flex: 0 0 7px; border-radius: 50%; background: #a1aaa5; box-shadow: 0 0 0 3px rgba(161, 170, 165, .14); }
.availability-badge--available { color: #17623a; background: #e9f8ef; }
.availability-badge--available > span:first-child { background: #1ea75b; box-shadow: 0 0 0 3px rgba(30, 167, 91, .14); animation: availabilityPulse 2.3s ease-in-out infinite; }
.availability-badge--busy { color: #7a5a18; background: #fff7df; }
.availability-badge--busy > span:first-child { background: #e4a928; box-shadow: 0 0 0 3px rgba(228, 169, 40, .14); }
.availability-badge--unavailable { color: #7c4646; background: #f8eded; }
.availability-badge--unavailable > span:first-child { background: #c46969; box-shadow: 0 0 0 3px rgba(196, 105, 105, .13); }
@keyframes availabilityPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.18); } }
.profile-availability-editor { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 8px; padding: 14px; border: 1px solid #e2ebe5; border-radius: 14px; background: #f8fbf9; }
.profile-availability-editor .helper-text { grid-column: 1 / -1; margin: -3px 0 0; color: #8a958f; font-size: 9px; }
.profile-availability-editor .native-field.is-muted { opacity: .45; }

.providers-search-card { grid-template-columns: minmax(250px, 1fr) 190px 160px auto !important; }
.providers-search-availability { min-width: 0; }

.task-image-drop { position: relative; min-height: 150px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; margin: 5px 0 10px; padding: 20px; border: 1.5px dashed #bfd5c7; border-radius: 17px; color: #5b6c62; background: linear-gradient(180deg, #fbfdfc, #f7faf8); cursor: pointer; transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease; }
.task-image-drop:hover, .task-image-drop.is-dragging { transform: translateY(-1px); border-color: var(--izdari-primary); background: #f1faf4; box-shadow: 0 10px 28px rgba(34, 77, 50, .08); }
.task-image-drop.has-files { border-style: solid; border-color: #c9dfd1; }
.task-image-drop input[type=file] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.task-image-drop__icon { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 14px; color: var(--izdari-primary); background: #e8f7ed; transition: transform .18s ease; }
.task-image-drop:hover .task-image-drop__icon { transform: scale(1.06) rotate(-2deg); }
.task-image-drop__icon i { font-size: 25px; }
.task-image-drop strong { color: #34483c; font-size: 13px; }
.task-image-drop > span:not(.task-image-drop__icon) { color: #78857d; font-size: 10px; }
.task-image-drop small { color: #9aa39e; font-size: 8px; }
.task-image-drop--compact { min-height: 112px; }
.task-image-preview-grid, .task-existing-images { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; margin: 10px 0; }
.task-image-preview, .task-existing-image { position: relative; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 13px; border: 1px solid #dfe8e2; background: #f5f8f6; }
.task-image-preview img, .task-existing-image img { width: 100%; height: 100%; display: block; object-fit: cover; }
.task-image-preview button, .task-existing-image button { position: absolute; top: 6px; right: 6px; width: 27px; height: 27px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 50%; color: #fff; background: rgba(27, 35, 30, .72); cursor: pointer; backdrop-filter: blur(6px); transition: .15s ease; }
.task-image-preview button:hover, .task-existing-image button:hover { transform: scale(1.08); background: #bc4545; }
.task-image-preview button i, .task-existing-image button i { font-size: 16px; }

.task-photo-section { margin: 14px 0; padding: 18px; border: 1px solid var(--izdari-border); border-radius: 17px; background: #fff; box-shadow: 0 8px 26px rgba(31, 51, 40, .045); }
.task-photo-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
.task-photo-card { position: relative; aspect-ratio: 4 / 3; overflow: hidden; padding: 0; border: 0; border-radius: 14px; background: #edf3ef; cursor: zoom-in; }
.task-photo-card img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform .28s cubic-bezier(.2,.8,.2,1); }
.task-photo-card > span { position: absolute; inset: 0; display: grid; place-items: center; color: #fff; background: rgba(20, 33, 25, 0); transition: background .2s ease; }
.task-photo-card > span i { opacity: 0; transform: scale(.8); transition: .2s ease; }
.task-photo-card:hover img { transform: scale(1.045); }
.task-photo-card:hover > span { background: rgba(20, 33, 25, .28); }
.task-photo-card:hover > span i { opacity: 1; transform: scale(1); }
.task-photo-lightbox { position: fixed; inset: 0; z-index: 1600; display: grid; place-items: center; padding: 24px; opacity: 0; transition: opacity .18s ease; }
.task-photo-lightbox.is-open { opacity: 1; }
.task-photo-lightbox__backdrop { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: rgba(12, 19, 15, .8); backdrop-filter: blur(5px); cursor: zoom-out; }
.task-photo-lightbox__dialog { position: relative; z-index: 1; max-width: min(1050px, 92vw); max-height: 88vh; transform: translateY(10px) scale(.985); transition: transform .2s cubic-bezier(.2,.8,.2,1); }
.task-photo-lightbox.is-open .task-photo-lightbox__dialog { transform: translateY(0) scale(1); }
.task-photo-lightbox__dialog img { display: block; max-width: 100%; max-height: 86vh; border-radius: 17px; object-fit: contain; box-shadow: 0 24px 70px rgba(0,0,0,.32); }
.task-photo-lightbox__close { position: absolute; right: -12px; top: -12px; width: 38px; height: 38px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 50%; color: #fff; background: rgba(28, 36, 31, .82); cursor: pointer; }

.offer-compare-toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; margin: 11px 0 12px; padding: 5px; border: 1px solid #e2eae5; border-radius: 12px; background: #f8faf9; }
.offer-compare-toolbar > span { padding: 0 6px; color: #8a958e; font-size: 8px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
.offer-compare-toolbar button { min-height: 30px; padding: 6px 10px; border: 0; border-radius: 9px; color: #637169; background: transparent; font-size: 9px; font-weight: 700; cursor: pointer; transition: .15s ease; }
.offer-compare-toolbar button:hover { color: #27583a; background: #edf6f0; }
.offer-compare-toolbar button.is-active { color: #175c35; background: #e1f3e8; box-shadow: inset 0 0 0 1px #c6e5d1; }
.response-list--compare { gap: 10px; }
.response-card--compare { border: 1px solid #e2eae5; border-radius: 15px; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.response-card--compare:hover { transform: translateY(-2px); border-color: #c9ddd0; box-shadow: 0 12px 30px rgba(28, 55, 39, .08); }
.response-card--compare.is-accepted { border-color: #a9d7b7; background: linear-gradient(135deg, #f3fbf5, #fff 60%); }
.response-provider-name-row { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; }
.response-price { text-align: right; }
.response-price small { display: block; margin-bottom: 2px; color: #8b968f; font-size: 7px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.response-trust-strip { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; margin: 10px 0; }
.response-trust-strip > span:not(.availability-badge) { display: inline-flex; align-items: center; gap: 3px; color: #6d7b73; font-size: 9px; }
.response-trust-strip i { color: #71907d; font-size: 14px; }
.response-trust-strip .material-icons:first-child { margin-right: 1px; }
.response-trust-strip > span:first-child i { color: #e0a62e; }
.response-actions { align-items: center; flex-wrap: wrap; }
.offer-card-enter { animation: offerCardEnter .22s ease both; }
@keyframes offerCardEnter { from { opacity: .72; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }

.nav-notification-wrap { position: relative; display: flex; align-items: center; }
.nav-notification-wrap .nav-icon-button { border: 0; background: transparent; cursor: pointer; }
.notification-preview { position: absolute; top: calc(100% + 12px); right: -18px; width: 350px; z-index: 1300; overflow: hidden; opacity: 0; transform: translateY(-7px) scale(.985); transform-origin: 90% 0; border: 1px solid #dfe8e2; border-radius: 17px; background: rgba(255,255,255,.98); box-shadow: 0 22px 58px rgba(24, 43, 32, .17); backdrop-filter: blur(14px); transition: opacity .17s ease, transform .17s ease; }
.notification-preview.is-open { opacity: 1; transform: translateY(0) scale(1); }
.notification-preview__header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 15px 11px; border-bottom: 1px solid #edf1ee; }
.notification-preview__header span, .notification-preview__header small { display: block; }
.notification-preview__header span { color: #2c4034; font-size: 13px; font-weight: 800; }
.notification-preview__header small { margin-top: 2px; color: #8b9690; font-size: 8px; }
.notification-preview__header a { color: var(--izdari-primary) !important; font-size: 9px; font-weight: 800; }
.notification-preview__list { max-height: 390px; overflow: auto; }
.notification-preview__item { display: grid; grid-template-columns: 34px 1fr; gap: 9px; align-items: center; padding: 11px 14px; color: #4d5d54 !important; border-bottom: 1px solid #f0f3f1; transition: background .15s ease; }
.notification-preview__item:hover { background: #f7faf8; }
.notification-preview__item.is-unread { background: linear-gradient(90deg, #eef9f2, #fff 72%); }
.notification-preview__icon { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 11px; color: #257044; background: #e8f6ed; }
.notification-preview__icon i { font-size: 18px; }
.notification-preview__item strong, .notification-preview__item small { display: block; }
.notification-preview__item strong { color: #33473b; font-size: 9px; line-height: 1.35; }
.notification-preview__item small { margin-top: 3px; color: #9aa39e; font-size: 7px; }
.notification-preview__empty { display: grid; place-items: center; gap: 6px; padding: 30px 15px; color: #89948e; font-size: 9px; }
.notification-preview__empty i { color: #9bb1a3; font-size: 28px; }

@media (max-width: 992px) {
    .providers-search-card { grid-template-columns: 1fr 1fr !important; }
    .providers-search-input { grid-column: 1 / -1; }
    .providers-search-card > .btn { grid-column: 1 / -1; }
    .task-image-preview-grid, .task-existing-images { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
    .profile-availability-editor { grid-template-columns: 1fr; }
    .profile-availability-editor .helper-text { grid-column: 1; }
    .providers-search-card { grid-template-columns: 1fr !important; }
    .providers-search-input, .providers-search-card > .btn { grid-column: 1; }
    .task-image-preview-grid, .task-existing-images, .task-photo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .offer-compare-toolbar { align-items: stretch; }
    .offer-compare-toolbar > span { width: 100%; padding-top: 3px; }
}

@media (prefers-reduced-motion: reduce) {
    .availability-badge--available > span:first-child { animation: none; }
    .offer-card-enter { animation: none; }
}

/* Step 7: provider services + editable offers */
.profile-services { margin-top: 26px; padding: 24px; border: 1px solid var(--izdari-border); border-radius: 22px; background: linear-gradient(180deg, #ffffff, #fbfdfc); box-shadow: 0 12px 34px rgba(26, 48, 34, .055); }
.profile-services-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 18px; }
.profile-services-header p { max-width: 680px; margin: 5px 0 0; color: #7d8982; font-size: 11px; line-height: 1.6; }
.provider-service-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.provider-service-card { position: relative; overflow: hidden; padding: 18px; border: 1px solid #e0e9e3; border-radius: 18px; background: #fff; transition: transform .2s cubic-bezier(.2,.8,.2,1), box-shadow .2s ease, border-color .2s ease, opacity .2s ease; }
.provider-service-card::before { content: ''; position: absolute; inset: 0 auto 0 0; width: 3px; background: linear-gradient(180deg, #35a45f, #8fd2a7); opacity: .8; }
.provider-service-card:hover { transform: translateY(-3px); border-color: #c8ddcf; box-shadow: 0 15px 38px rgba(25, 55, 36, .09); }
.provider-service-card.is-inactive { opacity: .62; background: #fafbfa; }
.provider-service-card__top, .provider-service-card__bottom { display: flex; justify-content: space-between; gap: 14px; align-items: flex-start; }
.provider-service-card__category { display: block; margin-bottom: 4px; color: #72827a; font-size: 8px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.provider-service-card h5 { margin: 0; color: #293b31; font-size: 16px; font-weight: 800; line-height: 1.3; }
.provider-service-card > p { min-height: 38px; margin: 11px 0 16px; color: #69776f; font-size: 10px; line-height: 1.55; }
.provider-service-state { flex: 0 0 auto; padding: 5px 8px; border-radius: 999px; color: #2d7148; background: #e8f6ed; font-size: 8px; font-weight: 800; }
.provider-service-card.is-inactive .provider-service-state { color: #777f7a; background: #eef0ef; }
.provider-service-price small, .provider-service-price strong, .provider-service-price span { display: block; }
.provider-service-price small { color: #8d9892; font-size: 8px; }
.provider-service-price strong { margin-top: 2px; color: #1f5132; font-size: 15px; }
.provider-service-price span { margin-top: 1px; color: #8a958f; font-size: 8px; }
.provider-service-card__actions { display: flex; align-items: center; gap: 4px; }
.provider-service-card__actions form { margin: 0; }
.icon-action { width: 32px; height: 32px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 10px; color: #597067; background: #f1f6f3; cursor: pointer; transition: transform .15s ease, background .15s ease, color .15s ease; }
.icon-action:hover { transform: translateY(-1px); color: #23633c; background: #e5f3ea; }
.icon-action i { font-size: 17px; }
.icon-action--danger:hover { color: #a33b3b; background: #faecec; }
.profile-services-empty { display: grid; grid-template-columns: auto 1fr auto; gap: 14px; align-items: center; padding: 18px; border: 1.5px dashed #d4e0d8; border-radius: 17px; background: #fafcfb; }
.profile-services-empty > span { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 14px; color: #31754c; background: #e8f6ed; }
.profile-services-empty strong, .profile-services-empty p { display: block; margin: 0; }
.profile-services-empty strong { color: #34483c; font-size: 12px; }
.profile-services-empty p { margin-top: 3px; color: #849089; font-size: 9px; }
.provider-card__service-summary { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin: 11px 0 2px; padding: 9px 11px; border-radius: 12px; background: #f4f8f5; }
.provider-card__service-summary span { display: inline-flex; align-items: center; gap: 5px; color: #718078; font-size: 9px; }
.provider-card__service-summary i { color: #4b8661; font-size: 16px; }
.provider-card__service-summary strong { color: #235c39; font-size: 12px; }

.provider-service-editor-wrap { max-width: 920px; }
.provider-service-editor { overflow: hidden; border: 1px solid #dfe8e2; border-radius: 24px; background: #fff; box-shadow: 0 18px 48px rgba(24, 48, 32, .075); }
.provider-service-editor__intro { padding: 28px 30px 20px; background: linear-gradient(135deg, #f1faf4, #fff 64%); border-bottom: 1px solid #e7eee9; }
.provider-service-editor__intro h2 { margin: 5px 0 7px; color: #263b2f; font-size: 28px; font-weight: 800; }
.provider-service-editor__intro p { max-width: 680px; margin: 0; color: #728078; line-height: 1.6; }
.provider-service-form { padding: 22px 26px 26px; }
.provider-service-category-grid, .provider-service-price-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.provider-service-price-grid { grid-template-columns: 1fr 1fr .9fr; align-items: end; }
.provider-service-price-preview { display: flex; align-items: center; gap: 11px; margin-top: 10px; padding: 13px 14px; border: 1px solid #dbe8df; border-radius: 14px; background: linear-gradient(90deg, #f1faf4, #fbfdfc); transition: transform .18s ease, border-color .18s ease; }
.provider-service-price-preview.is-updated { transform: scale(1.008); border-color: #aed3bb; }
.provider-service-price-preview__icon { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 11px; color: #2e7549; background: #e1f3e8; }
.provider-service-price-preview small, .provider-service-price-preview strong { display: block; }
.provider-service-price-preview small { color: #869189; font-size: 8px; }
.provider-service-price-preview strong { margin-top: 2px; color: #285b3a; font-size: 13px; }
.provider-service-visibility { display: flex; align-items: center; gap: 10px; color: #405248; cursor: pointer; }
.form-section-card--compact { padding-block: 14px !important; }
.field-pop { animation: fieldPop .22s ease; }
@keyframes fieldPop { 50% { transform: scale(1.006); box-shadow: 0 0 0 3px rgba(54, 137, 83, .08); } }

.offer-editor-wrap { max-width: 1050px; }
.offer-editor-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 20px; align-items: start; }
.offer-task-summary { position: sticky; top: 92px; padding: 23px; border: 1px solid #dfe8e2; border-radius: 20px; background: linear-gradient(145deg, #f4faf6, #fff 65%); box-shadow: 0 10px 30px rgba(27, 53, 36, .055); }
.offer-task-summary h3 { margin: 5px 0 8px; color: #2c4034; font-size: 23px; font-weight: 800; }
.offer-task-summary > p { color: #6f7c74; font-size: 10px; line-height: 1.6; }
.offer-task-facts { display: grid; gap: 8px; margin-top: 16px; }
.offer-task-facts span { display: flex; align-items: center; gap: 7px; color: #516359; font-size: 9px; }
.offer-task-facts i { color: #5d8d6d; font-size: 17px; }
.offer-tip-card { display: flex; gap: 8px; margin-top: 18px; padding: 12px; border-radius: 13px; color: #5c6d63; background: #eaf6ee; font-size: 9px; line-height: 1.5; }
.offer-tip-card i { flex: 0 0 auto; color: #2e7a4a; font-size: 18px; }
.offer-form-card { margin: 0; border-radius: 20px; }
.offer-price-field { position: relative; }
.offer-price-prefix { position: absolute; left: 0; bottom: 15px; color: #2f6d45; font-weight: 800; }
.offer-price-field input { padding-left: 20px !important; box-sizing: border-box !important; }
.offer-live-summary { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin: -2px 0 19px; padding: 11px 13px; border: 1px solid #e0e8e3; border-radius: 12px; background: #f8faf9; transition: .18s ease; }
.offer-live-summary span { display: inline-flex; align-items: center; gap: 6px; color: #7b8880; font-size: 9px; }
.offer-live-summary i { color: #6b8f77; font-size: 16px; }
.offer-live-summary strong { color: #294c37; font-size: 14px; }
.offer-live-summary.has-value { border-color: #c6dfcf; background: #f0f9f3; }
.own-offer-card { padding: 14px; border: 1px solid #cfe3d6; border-radius: 15px; background: linear-gradient(135deg, #f2faf4, #fff); }
.own-offer-card__top { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.own-offer-card__top > strong { color: #245e39; font-size: 18px; }
.own-offer-card > p { margin: 10px 0; color: #68776f; font-size: 9px; line-height: 1.5; }
.own-offer-card__actions { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; }
.own-offer-card__actions form { margin: 0; }

@media (max-width: 992px) {
    .provider-service-grid { grid-template-columns: 1fr; }
    .offer-editor-layout { grid-template-columns: 1fr; }
    .offer-task-summary { position: static; }
}
@media (max-width: 600px) {
    .profile-services { padding: 17px; border-radius: 18px; }
    .profile-services-header { display: grid; }
    .profile-services-empty { grid-template-columns: auto 1fr; }
    .profile-services-empty .btn { grid-column: 1 / -1; }
    .provider-service-category-grid, .provider-service-price-grid { grid-template-columns: 1fr; }
    .provider-service-editor__intro { padding: 22px 18px 17px; }
    .provider-service-form { padding: 17px; }
    .provider-service-card__bottom { align-items: flex-end; }
}

@media (prefers-reduced-motion: reduce) {
    .field-pop { animation: none; }
    .provider-service-card, .provider-service-price-preview { transition: none; }
}

/* === Patch 09: saved providers + image normalization UX === */
.providers-heading-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }
.saved-providers-link { display: inline-flex; align-items: center; gap: 7px; min-height: 38px; padding: 0 12px; border-radius: 999px; color: #365443; font-weight: 700; font-size: 13px; background: #f3f8f5; transition: transform .18s ease, background .18s ease, color .18s ease; }
.saved-providers-link:hover { transform: translateY(-1px); color: var(--izdari-primary); background: #eaf6ee; }
.saved-providers-link i { font-size: 18px; }

.provider-card { position: relative; }
.provider-card__save-form { position: absolute; top: 12px; right: 12px; z-index: 4; margin: 0; }
.provider-card__save { width: 38px; height: 38px; display: grid; place-items: center; padding: 0; border: 1px solid rgba(73, 104, 84, .14); border-radius: 50%; color: #5d6d63; background: rgba(255,255,255,.94); box-shadow: 0 5px 16px rgba(31, 51, 40, .08); cursor: pointer; transition: transform .16s ease, color .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease; backdrop-filter: blur(8px); }
.provider-card__save:hover { transform: translateY(-1px) scale(1.04); color: #be4050; border-color: rgba(190,64,80,.24); box-shadow: 0 8px 20px rgba(31, 51, 40, .12); }
.provider-card__save.is-saved, .profile-save-provider.is-saved { color: #be4050 !important; border-color: rgba(190,64,80,.22) !important; background: #fff4f5 !important; }
.provider-card__save i { font-size: 20px; }
.provider-card__save.save-pop, .profile-save-provider.save-pop { animation: izdari-save-pop .28s cubic-bezier(.2,.9,.2,1); }
@keyframes izdari-save-pop { 0% { transform: scale(.86); } 60% { transform: scale(1.12); } 100% { transform: scale(1); } }
.provider-card--removing { opacity: 0; transform: translateY(8px) scale(.985); pointer-events: none; transition: opacity .2s ease, transform .2s ease; }

.profile-public-actions { display: flex; align-items: center; gap: 10px; margin-top: 16px; }
.profile-public-actions form { margin: 0; }
.profile-save-provider { display: inline-flex; align-items: center; }

.saved-providers-page { min-height: 65vh; }
.saved-providers-header { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 22px; }
.saved-providers-header h2 { margin: 4px 0 8px; }
.saved-providers-header p { max-width: 680px; margin: 0; color: #6f7d74; }
.saved-providers-summary { display: inline-flex; align-items: center; gap: 12px; margin-bottom: 24px; padding: 12px 16px; border: 1px solid var(--izdari-border); border-radius: 16px; background: #fff; box-shadow: 0 8px 28px rgba(31, 51, 40, .045); }
.saved-providers-summary > span { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; color: #be4050; background: #fff1f3; }
.saved-providers-summary strong, .saved-providers-summary small { display: block; }
.saved-providers-summary strong { color: #263b2f; font-size: 20px; line-height: 1; }
.saved-providers-summary small { margin-top: 4px; color: #7a877f; }

/* A single uploaded task photo should never become a full-width billboard. */
.task-photo-grid { grid-template-columns: repeat(auto-fill, minmax(180px, 240px)); justify-content: flex-start; align-items: start; }
.task-photo-card { width: 100%; max-width: 240px; min-height: 0; aspect-ratio: 4 / 3; }
.task-photo-card img { width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: cover; }
.task-existing-images { grid-template-columns: repeat(auto-fill, minmax(150px, 210px)); justify-content: flex-start; }
.task-existing-image { max-width: 210px; }

@media (max-width: 700px) {
    .providers-heading-actions { justify-content: flex-start; }
    .saved-providers-header { align-items: flex-start; flex-direction: column; }
    .task-photo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .task-photo-card { max-width: none; }
}
.native-field-hint { display: block; margin-top: 6px; color: #87938b; font-size: 11px; line-height: 1.35; }
.account-link-count { margin-left: auto; min-width: 23px; height: 23px; display: inline-grid; place-items: center; padding: 0 7px; border-radius: 999px; color: #3d654d; background: #e9f5ed; font-size: 11px; font-weight: 800; }

/* === Patch 10: task lightbox hardening + saved tasks + sharing === */
.task-photo-lightbox[hidden] { display: none !important; }
.task-photo-lightbox:not(.is-open) { pointer-events: none; }
.task-photo-lightbox.is-open { pointer-events: auto; }

.task-detail-header-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.task-detail-header-actions form { margin: 0; }
.task-detail-icon-action,
.task-save-button {
    width: 38px;
    height: 38px;
    display: inline-grid;
    place-items: center;
    padding: 0;
    border: 1px solid rgba(67, 94, 78, .14);
    border-radius: 50%;
    color: #5f7066;
    background: rgba(255,255,255,.96);
    box-shadow: 0 5px 16px rgba(31, 51, 40, .06);
    cursor: pointer;
    transition: transform .16s ease, color .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
}
.task-detail-icon-action:hover,
.task-save-button:hover { transform: translateY(-1px) scale(1.04); color: #1f6a40; border-color: rgba(31,106,64,.22); box-shadow: 0 8px 22px rgba(31,51,40,.1); }
.task-detail-icon-action i,
.task-save-button i { font-size: 20px; }
.task-save-button.is-saved { color: #1c6d40; border-color: #c5e2cf; background: #edf8f1; }
.task-save-button.save-pop,
.task-detail-icon-action.share-pop { animation: izdari-task-action-pop .28s cubic-bezier(.2,.9,.2,1); }
@keyframes izdari-task-action-pop { 0% { transform: scale(.86); } 60% { transform: scale(1.12); } 100% { transform: scale(1); } }
.task-save-form { margin: 0; }
.task-card__top-actions { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; }
.task-card__metric { display: inline-flex; align-items: center; gap: 4px; color: #77847c; font-size: 11px; white-space: nowrap; }
.task-card__metric i { font-size: 15px; color: #789181; }
.task-sort-wrap { min-width: 172px; }

.saved-tasks-page { min-height: 66vh; }
.saved-tasks-hero {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 28px;
    margin-bottom: 26px;
    padding: 24px 26px;
    border: 1px solid var(--izdari-border);
    border-radius: 22px;
    background: linear-gradient(135deg, #ffffff 0%, #f3faf6 100%);
    box-shadow: 0 12px 34px rgba(31, 51, 40, .055);
}
.saved-tasks-hero h2 { margin: 4px 0 8px; color: #26382e; }
.saved-tasks-hero p { max-width: 720px; margin: 0; color: #6d7b73; line-height: 1.6; }
.saved-tasks-hero__count { min-width: 128px; display: grid; grid-template-columns: auto auto; align-items: center; justify-content: end; column-gap: 8px; }
.saved-tasks-hero__count i { grid-row: 1 / span 2; width: 42px; height: 42px; display: grid; place-items: center; border-radius: 13px; color: #287146; background: #e8f6ed; }
.saved-tasks-hero__count strong { color: #244b34; font-size: 24px; line-height: 1; }
.saved-tasks-hero__count span { color: #7b8981; font-size: 11px; }

.saved-task-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.saved-task-card {
    position: relative;
    padding: 19px;
    border: 1px solid #e0e9e3;
    border-radius: 19px;
    background: #fff;
    box-shadow: 0 8px 28px rgba(31, 51, 40, .045);
    transition: transform .2s cubic-bezier(.2,.8,.2,1), box-shadow .2s ease, border-color .2s ease, opacity .2s ease;
}
.saved-task-card:hover { transform: translateY(-3px); border-color: #c9ddd1; box-shadow: 0 18px 42px rgba(31, 51, 40, .09); }
.saved-task-card--removing { opacity: 0; transform: translateY(8px) scale(.985); pointer-events: none; }
.saved-task-card__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.saved-task-card__head > div { min-width: 0; }
.saved-task-card__title { display: block; margin-top: 9px; color: #263b2f; font-size: 18px; font-weight: 800; line-height: 1.25; }
.saved-task-card__title:hover { color: var(--izdari-primary); }
.saved-task-card__description { min-height: 48px; margin: 13px 0; color: #68766e; font-size: 12px; line-height: 1.55; }
.saved-task-card__meta { display: flex; align-items: center; flex-wrap: wrap; gap: 7px 12px; padding: 11px 0; border-top: 1px solid #edf2ef; border-bottom: 1px solid #edf2ef; }
.saved-task-card__meta span { display: inline-flex; align-items: center; gap: 4px; color: #758279; font-size: 10px; }
.saved-task-card__meta i { font-size: 15px; color: #6e8f7a; }
.saved-task-card__footer { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; padding-top: 13px; }
.saved-task-card__footer small, .saved-task-card__footer strong { display: block; }
.saved-task-card__footer small { color: #8a958e; font-size: 9px; text-transform: uppercase; letter-spacing: .05em; }
.saved-task-card__footer strong { margin-top: 2px; color: #28563a; font-size: 15px; }
.saved-tasks-empty { max-width: 520px; margin: 50px auto; text-align: center; }
.saved-tasks-empty[hidden] { display: none !important; }
.saved-tasks-empty__icon { width: 68px; height: 68px; display: grid; place-items: center; margin: 0 auto 14px; border-radius: 20px; color: #47755b; background: #eef7f1; }
.saved-tasks-empty__icon i { font-size: 31px; }
.saved-tasks-empty h3 { margin: 0 0 8px; color: #2b3d33; }
.saved-tasks-empty p { margin: 0 0 18px; color: #7a8780; }

@media (max-width: 1100px) {
    .task-toolbar { flex-wrap: wrap; }
    .task-search-wrap { flex: 1 1 100%; }
    .task-status-wrap, .task-sort-wrap { flex: 1 1 180px; }
}
@media (max-width: 800px) {
    .saved-task-grid { grid-template-columns: 1fr; }
    .saved-tasks-hero { align-items: flex-start; flex-direction: column; }
    .task-detail-header-actions { justify-content: flex-start; }
}
@media (max-width: 600px) {
    .saved-tasks-hero { padding: 19px; border-radius: 18px; }
    .saved-task-card__footer { align-items: stretch; flex-direction: column; }
    .saved-task-card__footer .btn { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    .task-save-button, .task-detail-icon-action, .saved-task-card { transition: none; animation: none !important; }
}

/* === Patch 11: direct provider invitations + matching === */
.account-link-count--attention { color: #8a4d00; background: #fff1d8; }

.profile-invite-box {
    margin-top: 18px;
    padding: 16px;
    border: 1px solid #dce9e0;
    border-radius: 18px;
    background: linear-gradient(135deg, #f7fbf8 0%, #eef8f1 100%);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
}
.profile-invite-box__head { display: flex; align-items: flex-start; gap: 11px; margin-bottom: 13px; }
.profile-invite-box__icon { width: 38px; height: 38px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 12px; color: #24693e; background: #dff2e5; }
.profile-invite-box__icon i { font-size: 20px; }
.profile-invite-box__head strong, .profile-invite-box__head small { display: block; }
.profile-invite-box__head strong { color: #294033; font-size: 13px; }
.profile-invite-box__head small { margin-top: 3px; color: #758279; font-size: 10px; line-height: 1.45; }
.profile-invite-box form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 9px; align-items: end; }
.profile-invite-box form > label { grid-column: 1 / -1; color: #76847b; font-size: 10px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.profile-invite-box .izdari-select { min-height: 42px; }
.profile-invite-message { grid-column: 1 / -1; }
.profile-invite-message input { box-sizing: border-box !important; width: 100% !important; height: 42px !important; margin: 0 !important; padding: 0 12px !important; border: 1px solid #d7e2da !important; border-radius: 12px !important; background: #fff !important; box-shadow: none !important; }
.profile-invite-message input:focus { border-color: #7fb394 !important; box-shadow: 0 0 0 3px rgba(70,139,91,.1) !important; }

.task-invitation-banner {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    margin: 18px 0 22px;
    padding: 17px 18px;
    border: 1px solid #cfe5d6;
    border-radius: 20px;
    background: linear-gradient(120deg, #f3fbf5 0%, #fff 64%, #f7fbf8 100%);
    box-shadow: 0 12px 32px rgba(35, 82, 52, .065);
    transition: opacity .2s ease, transform .2s ease;
}
.task-invitation-banner.is-leaving { opacity: 0; transform: translateY(-6px); }
.task-invitation-banner__icon { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 15px; color: #256a3f; background: #dff3e5; }
.task-invitation-banner__icon i { font-size: 25px; }
.task-invitation-banner__copy strong { display: block; margin-top: 2px; color: #253d2e; font-size: 15px; }
.task-invitation-banner__copy p { margin: 5px 0 0; color: #68776e; font-size: 11px; line-height: 1.5; }
.task-invitation-banner__actions { display: flex; align-items: center; gap: 8px; }
.task-invitation-banner__actions form { margin: 0; }

.task-suggested-providers { margin-top: 22px; padding: 21px; border: 1px solid #e0e9e3; border-radius: 20px; background: #fff; box-shadow: 0 9px 30px rgba(31,51,40,.045); }
.section-subcopy { max-width: 560px; margin: 5px 0 0; color: #7d8981; font-size: 11px; }
.section-text-link { color: #397153; font-size: 11px; font-weight: 800; }
.task-suggested-provider-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 16px; }
.task-suggested-provider { position: relative; padding: 14px; border: 1px solid #e4ece7; border-radius: 16px; background: #fbfdfb; transition: transform .2s cubic-bezier(.2,.8,.2,1), border-color .2s ease, box-shadow .2s ease, opacity .2s ease; }
.task-suggested-provider:hover { transform: translateY(-2px); border-color: #c9ddd0; box-shadow: 0 12px 28px rgba(31,51,40,.075); }
.task-suggested-provider.is-invited { opacity: 0; transform: scale(.97) translateY(5px); }
.task-suggested-provider__identity { display: flex; align-items: center; gap: 10px; min-width: 0; }
.task-suggested-provider__identity img, .task-suggested-provider__avatar { width: 44px; height: 44px; flex: 0 0 auto; border-radius: 50%; object-fit: cover; display: grid; place-items: center; color: #4d725b; background: #e9f4ec; }
.task-suggested-provider__identity strong, .task-suggested-provider__identity small { display: block; }
.task-suggested-provider__identity strong { color: #263d2f; font-size: 13px; line-height: 1.25; }
.task-suggested-provider__identity small { margin-top: 2px; color: #7c8981; font-size: 9px; }
.task-suggested-provider__trust { min-height: 24px; display: flex; align-items: center; flex-wrap: wrap; gap: 5px; margin: 10px 0 7px; }
.task-suggested-provider__rating { display: inline-flex; align-items: center; gap: 3px; color: #765b00; font-size: 10px; font-weight: 800; }
.task-suggested-provider__rating i { color: #f3b72d; font-size: 15px; }
.task-suggested-provider__rating small { color: #8d958f; font-weight: 600; }
.task-suggested-provider__new { padding: 3px 7px; border-radius: 999px; color: #5b6d62; background: #eef3f0; font-size: 9px; font-weight: 800; }
.task-suggested-provider__meta { display: flex; flex-wrap: wrap; gap: 6px 10px; min-height: 28px; margin-bottom: 10px; color: #77847c; font-size: 9px; }
.task-suggested-provider__meta span { display: inline-flex; align-items: center; gap: 3px; }
.task-suggested-provider__meta i { color: #72907d; font-size: 14px; }
.task-suggested-provider form { margin: 0; }
.task-suggested-provider .btn { width: 100%; }

.invitations-page { min-height: 68vh; }
.invitations-hero { display: flex; align-items: flex-end; justify-content: space-between; gap: 26px; margin-bottom: 22px; padding: 24px 26px; border: 1px solid #dfe9e2; border-radius: 22px; background: linear-gradient(135deg, #fff 0%, #f2faf5 100%); box-shadow: 0 12px 34px rgba(31,51,40,.055); }
.invitations-hero h2 { margin: 4px 0 8px; color: #263c2f; }
.invitations-hero p { max-width: 760px; margin: 0; color: #6e7c73; line-height: 1.6; }
.invitations-hero__count { display: grid; grid-template-columns: auto auto; align-items: center; column-gap: 9px; min-width: 130px; }
.invitations-hero__count > span { grid-row: 1 / span 2; width: 44px; height: 44px; display: grid; place-items: center; border-radius: 14px; color: #7a5600; background: #fff0cb; }
.invitations-hero__count strong { color: #3d513f; font-size: 24px; line-height: 1; }
.invitations-hero__count small { color: #7f8a83; font-size: 10px; }
.invitation-list { display: grid; gap: 12px; }
.invitation-card { padding: 18px 19px; border: 1px solid #e1e9e4; border-radius: 18px; background: #fff; box-shadow: 0 8px 26px rgba(31,51,40,.04); transition: transform .2s ease, opacity .2s ease, border-color .2s ease, box-shadow .2s ease; }
.invitation-card.is-pending { border-color: #cfe4d5; background: linear-gradient(120deg,#fff 0%,#f8fcf9 100%); }
.invitation-card:hover { transform: translateY(-2px); box-shadow: 0 15px 34px rgba(31,51,40,.075); }
.invitation-card.is-leaving { opacity: 0; transform: translateY(-7px); }
.invitation-card__status { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 13px; }
.invitation-card__status time { color: #929b95; font-size: 9px; }
.invitation-state { display: inline-flex; align-items: center; gap: 5px; padding: 5px 9px; border-radius: 999px; font-size: 9px; font-weight: 800; }
.invitation-state i { font-size: 14px; }
.invitation-state--pending { color: #7b5700; background: #fff1cc; }
.invitation-state--responded { color: #266640; background: #e7f5eb; }
.invitation-state--declined, .invitation-state--closed { color: #68756d; background: #eef2ef; }
.invitation-card__main { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 18px; align-items: end; }
.invitation-card__title { display: block; margin: 3px 0 7px; color: #263e30; font-size: 18px; font-weight: 850; line-height: 1.25; }
.invitation-card__title:hover { color: var(--izdari-primary); }
.invitation-card blockquote { margin: 10px 0; padding: 8px 12px; border-left: 3px solid #9ccbad; color: #65746b; background: #f6faf7; font-size: 11px; }
.invitation-card__meta { display: flex; flex-wrap: wrap; gap: 7px 12px; color: #77847c; font-size: 10px; }
.invitation-card__meta span, .invitation-card__from { display: inline-flex; align-items: center; gap: 4px; }
.invitation-card__meta i, .invitation-card__from i { color: #73917e; font-size: 15px; }
.invitation-card__from { margin-top: 9px; color: #7b8780; font-size: 10px; }
.invitation-card__from strong { color: #4b5e52; }
.invitation-card__actions { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
.invitation-card__actions form { margin: 0; }
.invitations-empty { max-width: 560px; margin: 55px auto; text-align: center; }
.invitations-empty > span { width: 70px; height: 70px; display: grid; place-items: center; margin: 0 auto 14px; border-radius: 21px; color: #50745e; background: #edf7f0; }
.invitations-empty > span i { font-size: 32px; }
.invitations-empty h3 { margin: 0 0 7px; color: #2b3e33; }
.invitations-empty p { margin: 0 0 18px; color: #79867e; line-height: 1.55; }

form[data-invite-provider] button.is-loading { opacity: .72; pointer-events: none; }
form[data-invite-provider] button.is-success { color: #23613b !important; background: #e6f4ea !important; border-color: #c7e0cf !important; animation: izdari-invite-success .34s cubic-bezier(.2,.9,.2,1); }
@keyframes izdari-invite-success { 0% { transform: scale(.94); } 60% { transform: scale(1.04); } 100% { transform: scale(1); } }

@media (max-width: 850px) {
    .task-invitation-banner { grid-template-columns: auto 1fr; }
    .task-invitation-banner__actions { grid-column: 1 / -1; justify-content: flex-start; }
    .task-suggested-provider-grid { grid-template-columns: 1fr; }
    .invitations-hero { align-items: flex-start; flex-direction: column; }
    .invitation-card__main { grid-template-columns: 1fr; }
    .invitation-card__actions { justify-content: flex-start; }
}
@media (max-width: 600px) {
    .profile-invite-box form { grid-template-columns: 1fr; }
    .profile-invite-box form > label, .profile-invite-message { grid-column: 1; }
    .profile-invite-box .btn { width: 100%; }
    .task-invitation-banner { grid-template-columns: 1fr; padding: 15px; }
    .task-invitation-banner__icon { width: 42px; height: 42px; }
    .task-invitation-banner__actions { grid-column: 1; align-items: stretch; flex-direction: column; }
    .task-invitation-banner__actions .btn { width: 100%; }
    .invitations-hero { padding: 19px; border-radius: 18px; }
    .invitation-card__actions { align-items: stretch; flex-direction: column; }
    .invitation-card__actions .btn { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
    .task-invitation-banner, .task-suggested-provider, .invitation-card, form[data-invite-provider] button { transition: none !important; animation: none !important; }
}

/* === Provider capability / onboarding (Patch 12) === */
.account-provider-cta { color: var(--izdari-primary) !important; font-weight: 800 !important; }
.provider-mode-notice { display: flex; gap: 12px; align-items: flex-start; margin-top: 16px; padding: 14px 15px; border: 1px solid #d9e8de; border-radius: 16px; color: #476050; background: #f5faf6; }
.provider-mode-notice > i { color: #4a8b61; }
.provider-mode-notice strong, .provider-mode-notice span { display: block; }
.provider-mode-notice span { margin-top: 3px; color: #78847c; font-size: 10px; line-height: 1.5; }
.provider-mode-notice--paused { border-color: #eadfca; background: #fffaf0; }
.provider-mode-notice--paused > i { color: #a7741f; }

.provider-onboarding-page, .provider-settings-page { min-height: 72vh; background: linear-gradient(180deg, #fbfdfb 0%, #fff 32%); }
.provider-onboarding-layout { display: grid; grid-template-columns: minmax(260px, .72fr) minmax(0, 1.28fr); gap: 22px; align-items: start; margin-top: 18px; }
.provider-onboarding-intro, .provider-onboarding-card, .provider-settings-card, .provider-pause-card { border: 1px solid #e1e9e4; border-radius: 22px; background: #fff; box-shadow: 0 10px 32px rgba(34,55,42,.045); }
.provider-onboarding-intro { position: sticky; top: 86px; padding: 27px; overflow: hidden; }
.provider-onboarding-intro::after { content: ''; position: absolute; width: 170px; height: 170px; right: -70px; top: -70px; border-radius: 50%; background: radial-gradient(circle, rgba(0,200,83,.11), rgba(0,200,83,0) 70%); pointer-events: none; }
.provider-onboarding-intro h1 { margin: 8px 0 12px; color: #263d2f; font-size: clamp(29px,3vw,44px); line-height: 1.06; letter-spacing: -.035em; }
.provider-onboarding-intro > p { margin: 0; color: #6e7d73; line-height: 1.7; }
.provider-onboarding-principles { display: grid; gap: 13px; margin-top: 24px; }
.provider-onboarding-principles > div { display: grid; grid-template-columns: 42px 1fr; gap: 11px; align-items: start; }
.provider-onboarding-principles > div > span { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 14px; color: #36734c; background: #eef8f1; }
.provider-onboarding-principles i { font-size: 20px; }
.provider-onboarding-principles strong, .provider-onboarding-principles small { display: block; }
.provider-onboarding-principles strong { color: #334a3a; font-size: 12px; }
.provider-onboarding-principles small { margin-top: 3px; color: #7a877f; line-height: 1.45; }
.provider-onboarding-progress { margin-top: 26px; padding-top: 18px; border-top: 1px solid #edf1ee; }
.provider-onboarding-progress__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; color: #4c6354; font-size: 11px; }
.provider-onboarding-progress__top span { color: var(--izdari-primary); font-weight: 900; }
.provider-onboarding-progress__track { height: 7px; overflow: hidden; border-radius: 999px; background: #edf2ee; }
.provider-onboarding-progress__track span { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #00b94f, #21c96a); transition: width .32s cubic-bezier(.2,.8,.2,1); }
.provider-onboarding-progress > small { display: block; margin-top: 8px; color: #89948d; line-height: 1.45; }
.provider-onboarding-card { padding: 28px; }
.provider-onboarding-card > header { margin-bottom: 20px; }
.provider-onboarding-card > header h2 { margin: 5px 0 7px; color: #293f31; font-size: 30px; letter-spacing: -.025em; }
.provider-onboarding-card > header p { margin: 0; color: #7a877f; line-height: 1.55; }
.provider-onboarding-form { display: grid; gap: 15px; }
.provider-onboarding-section { padding: 21px; border: 1px solid #e7ede9; border-radius: 18px; background: #fff; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.provider-onboarding-section:focus-within { border-color: #b9ddc4; box-shadow: 0 10px 26px rgba(35,89,52,.07); }
.provider-onboarding-section__head { display: grid; grid-template-columns: 34px 1fr; gap: 11px; align-items: center; margin-bottom: 16px; }
.provider-onboarding-section__head > span { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 11px; color: #1f6b3b; background: #eaf7ee; font-size: 12px; font-weight: 900; }
.provider-onboarding-section__head strong, .provider-onboarding-section__head small { display: block; }
.provider-onboarding-section__head strong { color: #304639; font-size: 14px; }
.provider-onboarding-section__head small { margin-top: 2px; color: #859087; font-size: 10px; line-height: 1.45; }
.provider-onboarding-categories { margin-top: 14px; }
.provider-onboarding-categories > div:first-child strong, .provider-onboarding-categories > div:first-child small { display: block; }
.provider-onboarding-categories > div:first-child strong { color: #3a5041; font-size: 12px; }
.provider-onboarding-categories > div:first-child small { margin-top: 3px; color: #87928a; font-size: 10px; }
.provider-onboarding-category-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin-top: 11px; }
.provider-onboarding-category { position: relative; min-width: 0; }
.provider-onboarding-category input { position: absolute !important; opacity: 0; pointer-events: none; }
.provider-onboarding-category > span { min-height: 45px; display: flex !important; align-items: center; gap: 8px; padding: 9px 11px !important; border: 1px solid #e1e9e4; border-radius: 13px; color: #607067; background: #fff; font-size: 10px !important; line-height: 1.25 !important; transition: .18s ease; }
.provider-onboarding-category > span::before, .provider-onboarding-category > span::after { display: none !important; }
.provider-onboarding-category i { flex: 0 0 auto; color: #8fa198; font-size: 17px; }
.provider-onboarding-category:hover > span { border-color: #bcd8c5; background: #f8fcf9; transform: translateY(-1px); }
.provider-onboarding-category input:checked + span { color: #22613a; border-color: #9fcfae; background: #ecf8f0; box-shadow: inset 0 0 0 1px rgba(0,160,67,.08); }
.provider-onboarding-category input:checked + span i { color: #1e9b4c; }
.provider-onboarding-select-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 8px; }
.provider-onboarding-select-grid label { display: block; margin-bottom: 6px; color: #66756c; font-size: 10px; font-weight: 750; }
.provider-onboarding-confirm { background: linear-gradient(135deg,#fff 0%,#f8fcf9 100%); }
.provider-final-confirm { display: flex; align-items: flex-start; gap: 10px; padding: 12px 13px; border: 1px solid #dde9e1; border-radius: 14px; background: #fff; cursor: pointer; }
.provider-final-confirm > span { color: #55685b; font-size: 11px !important; line-height: 1.5 !important; }
.provider-onboarding-actions { display: flex; align-items: center; justify-content: flex-end; gap: 9px; padding-top: 5px; }
.provider-onboarding-actions .btn-main { min-width: 250px; }

.provider-settings-container { max-width: 980px; }
.provider-settings-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; margin: 18px 0 21px; padding: 24px 26px; border: 1px solid #e1e9e4; border-radius: 22px; background: linear-gradient(135deg,#fff 0%,#f6fbf7 100%); }
.provider-settings-header h1 { margin: 4px 0 7px; color: #293f31; font-size: 32px; }
.provider-settings-header p { max-width: 660px; margin: 0; color: #78857d; line-height: 1.55; }
.provider-mode-status { display: inline-flex; align-items: center; gap: 6px; flex: 0 0 auto; padding: 7px 11px; border-radius: 999px; color: #496156; background: #eef3f0; font-size: 10px; font-weight: 850; }
.provider-mode-status i { font-size: 16px; }
.provider-mode-status--active { color: #24623a; background: #e7f5eb; }
.provider-mode-status--paused { color: #8a631a; background: #fff3d9; }
.provider-settings-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.provider-settings-card { display: grid; grid-template-columns: auto 1fr; gap: 14px; align-items: start; padding: 20px; transition: transform .2s ease, box-shadow .2s ease; }
.provider-settings-card:hover { transform: translateY(-2px); box-shadow: 0 16px 35px rgba(34,55,42,.07); }
.provider-settings-card .btn { grid-column: 1 / -1; justify-self: start; }
.provider-settings-icon { width: 45px; height: 45px; display: grid; place-items: center; border-radius: 14px; color: #3a7751; background: #edf8f0; }
.provider-settings-card h3, .provider-pause-card h3 { margin: 3px 0 5px; color: #304539; font-size: 18px; }
.provider-settings-card p, .provider-pause-card p { margin: 0; color: #7b877f; font-size: 11px; line-height: 1.55; }
.provider-pause-card { margin-top: 16px; padding: 22px; }
.provider-pause-card__head { display: grid; grid-template-columns: auto 1fr; gap: 14px; align-items: start; }
.provider-settings-icon--pause { color: #9b6a17; background: #fff5df; }
.provider-pause-blocked { display: flex; gap: 12px; margin-top: 18px; padding: 14px; border-radius: 14px; color: #805c18; background: #fff7e7; }
.provider-pause-blocked strong, .provider-pause-blocked span { display: block; }
.provider-pause-blocked span { margin-top: 2px; color: #9a7a3d; font-size: 10px; }
.provider-active-jobs { display: grid; gap: 6px; margin-top: 10px; }
.provider-active-jobs a { display: flex; justify-content: space-between; align-items: center; padding: 9px 11px; border: 1px solid #eee5d5; border-radius: 11px; color: #5f5240; background: #fffdf8; }
.provider-active-jobs i { font-size: 17px; }
.provider-pause-form { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 18px; padding-top: 16px; border-top: 1px solid #edf0ee; }
.provider-pause-button[disabled] { opacity: .42; cursor: not-allowed; pointer-events: none; }

@media (max-width: 900px) {
    .provider-onboarding-layout { grid-template-columns: 1fr; }
    .provider-onboarding-intro { position: static; }
    .provider-settings-grid { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
    .provider-onboarding-intro, .provider-onboarding-card, .provider-settings-header, .provider-pause-card { padding: 18px; border-radius: 18px; }
    .provider-onboarding-category-grid, .provider-onboarding-select-grid { grid-template-columns: 1fr; }
    .provider-onboarding-actions, .provider-pause-form, .provider-settings-header { align-items: stretch; flex-direction: column; }
    .provider-onboarding-actions .btn, .provider-pause-form .btn { width: 100%; min-width: 0; }
}
@media (prefers-reduced-motion: reduce) {
    .provider-onboarding-progress__track span, .provider-onboarding-category > span, .provider-settings-card { transition: none !important; }
}

.profile-activity-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; margin: 4px 0 12px; padding: 4px; border-radius: 13px; background: #f2f6f3; }
.profile-activity-tabs button { min-height: 36px; border: 0; border-radius: 10px; color: #718078; background: transparent; font: inherit; font-size: 10px; font-weight: 800; cursor: pointer; transition: color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease; }
.profile-activity-tabs button span { margin-left: 4px; color: #94a098; }
.profile-activity-tabs button:hover { color: #3f5e4a; }
.profile-activity-tabs button.is-active { color: #245d38; background: #fff; box-shadow: 0 3px 12px rgba(34,55,42,.08); }
.profile-activity-tabs button:active { transform: scale(.98); }
.profile-activity-panel[hidden] { display: none !important; }
.profile-activity-panel.is-entering { animation: profile-panel-in .2s ease both; }
.profile-activity-more { display: inline-flex; align-items: center; gap: 4px; margin-top: 10px; color: #4d745b; font-size: 10px; font-weight: 800; }
.profile-activity-more i { font-size: 15px; transition: transform .18s ease; }
.profile-activity-more:hover i { transform: translateX(3px); }
.profile-empty-state--compact { padding: 22px 12px !important; }
@keyframes profile-panel-in { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) { .profile-activity-panel.is-entering { animation: none !important; } }

/* ============================================================
   Patch 13 — lightweight marketplace safety / moderation UI
   ============================================================ */
.safety-page {
    min-height: 64vh;
    padding-top: 34px;
    padding-bottom: 64px;
}

.safety-container {
    max-width: 760px;
}

.safety-container--wide {
    max-width: 980px;
}

.safety-card {
    margin-top: 18px;
    padding: 30px;
    border: 1px solid rgba(24, 45, 38, 0.10);
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 16px 46px rgba(25, 45, 39, 0.07);
}

.safety-card__icon {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    color: #087f5b;
    background: #edf8f3;
    margin-bottom: 18px;
}

.safety-card__icon .material-icons {
    font-size: 28px;
}

.safety-card__heading h3,
.safety-page-header h2 {
    margin: 4px 0 8px;
}

.safety-card__heading p,
.safety-page-header p {
    max-width: 680px;
    color: #63716b;
    line-height: 1.55;
}

.safety-target-card {
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin: 24px 0;
    padding: 15px 17px;
    border-radius: 14px;
    background: #f6f8f7;
    border: 1px solid #edf0ee;
}

.safety-target-card span {
    color: #73807b;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.safety-field {
    margin-bottom: 22px;
}

.safety-field > label {
    display: block;
    margin: 0 0 8px;
    color: #52605b;
    font-size: 13px;
    font-weight: 600;
}

.safety-textarea-field {
    margin-top: 28px;
}

.safety-report-actions {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    margin-top: 24px;
}

.safety-page-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
}

.blocked-user-list {
    display: grid;
    gap: 12px;
}

.blocked-user-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 18px 20px;
    border: 1px solid #e8ecea;
    border-radius: 18px;
    background: #fff;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.blocked-user-card:hover {
    transform: translateY(-1px);
    border-color: #d7e1dc;
    box-shadow: 0 12px 30px rgba(25, 45, 39, 0.07);
}

.blocked-user-card__identity {
    display: flex;
    align-items: center;
    gap: 13px;
    min-width: 0;
}

.blocked-user-card__identity img,
.blocked-user-card__identity > span {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    border-radius: 50%;
    object-fit: cover;
}

.blocked-user-card__identity > span {
    display: grid;
    place-items: center;
    background: #f0f3f1;
    color: #67756f;
}

.blocked-user-card__identity div {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.blocked-user-card__identity strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.blocked-user-card__identity small {
    color: #7a8782;
}

.profile-safety-links {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 14px;
    font-size: 13px;
}

.profile-safety-links a,
.profile-safety-links button {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 0;
    border: 0;
    color: #7a8681;
    background: transparent;
    cursor: pointer;
    font: inherit;
    transition: color .16s ease;
}

.profile-safety-links a:hover,
.profile-safety-links button:hover {
    color: #c62828;
}

.profile-safety-links .material-icons,
.review-report-link .material-icons {
    font-size: 16px;
}

.profile-safety-notice {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 14px;
    margin-top: 18px;
    padding: 14px 16px;
    border: 1px solid #eadede;
    border-radius: 16px;
    background: #fff9f9;
}

.profile-safety-notice > .material-icons {
    color: #b3261e;
}

.profile-safety-notice div {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.profile-safety-notice span {
    color: #746866;
    font-size: 13px;
}

.review-report-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    margin-left: auto;
    border-radius: 50%;
    color: #9aa39f;
    transition: background .16s ease, color .16s ease;
}

.review-report-link:hover {
    color: #b3261e;
    background: #fff1f0;
}

.task-detail-icon-action[href] {
    display: inline-grid;
    place-items: center;
}

@media (max-width: 600px) {
    .safety-card {
        padding: 22px 18px;
        border-radius: 18px;
    }

    .safety-page-header,
    .blocked-user-card,
    .profile-safety-notice {
        align-items: stretch;
    }

    .blocked-user-card {
        flex-direction: column;
    }

    .blocked-user-card form,
    .blocked-user-card .btn {
        width: 100%;
    }

    .profile-safety-notice {
        grid-template-columns: auto 1fr;
    }

    .profile-safety-notice form {
        grid-column: 1 / -1;
    }
}

/* === Patch 14: bilateral reputation + cancellation workflow === */
.status-cancelled {
    background: #f2f4f3 !important;
    color: #66706c !important;
    border: 1px solid #dfe4e1;
}

.client-rating-inline,
.task-card__client-rating {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #52605a;
    font-size: 12px;
    line-height: 1;
}

.client-rating-inline {
    margin-top: 5px;
}

.client-rating-inline .material-icons,
.task-card__client-rating .material-icons {
    color: #f9a825;
    font-size: 16px;
}

.client-rating-inline small,
.task-card__client-rating small {
    color: #8b9691;
    font-size: 11px;
}

.client-rating-inline--new,
.task-card__client-rating--new {
    color: #7b8782;
    padding: 3px 7px;
    border-radius: 999px;
    background: #f4f6f5;
}

.task-card__author-link {
    color: inherit;
    transition: color .16s ease;
}

.task-card__author-link:hover {
    color: #008f54;
}

.task-cancelled-banner {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 14px;
    align-items: start;
    margin: 18px 0 22px;
    padding: 16px 18px;
    border: 1px solid #e1e5e3;
    border-radius: 18px;
    background: linear-gradient(135deg, #fafbfa, #f3f5f4);
    color: #46514c;
}

.task-cancelled-banner > .material-icons {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #e7ebe9;
    color: #66706c;
}

.task-cancelled-banner strong {
    display: block;
    margin: 2px 0 4px;
    font-size: 17px;
}

.task-cancelled-banner p {
    margin: 0;
    color: #6e7974;
}

.task-cancellation-card {
    border: 1px solid #e7dfdc;
    background: #fffdfa;
}

.task-cancellation-requester {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 12px 0;
    padding: 12px;
    border-radius: 14px;
    background: #f8f7f5;
}

.task-cancellation-requester > .material-icons {
    color: #8b5e3c;
}

.task-cancellation-requester div {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.task-cancellation-requester span,
.task-cancellation-details-copy,
.task-cancellation-help {
    color: #738079;
    font-size: 13px;
}

.task-cancellation-actions {
    display: grid;
    gap: 8px;
    margin-top: 14px;
}

.task-cancellation-actions form,
.task-cancellation-actions .btn {
    width: 100%;
}

.task-cancellation-details {
    margin-top: 14px;
    border: 1px solid #e5e9e7;
    border-radius: 16px;
    background: #fff;
    overflow: hidden;
    transition: border-color .18s ease, box-shadow .18s ease;
}

.task-cancellation-details[open] {
    border-color: #d5ddd9;
    box-shadow: 0 8px 24px rgba(22, 40, 33, .07);
}

.task-cancellation-details > summary {
    min-height: 48px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 0 15px;
    list-style: none;
    color: #7c3732;
    cursor: pointer;
    user-select: none;
    font-weight: 600;
}

.task-cancellation-details > summary::-webkit-details-marker {
    display: none;
}

.task-cancellation-details > summary > .material-icons:first-child {
    font-size: 19px;
}

.task-cancellation-details > summary > .material-icons:last-child {
    margin-left: auto;
    color: #8d9792;
    transition: transform .18s ease;
}

.task-cancellation-details[open] > summary > .material-icons:last-child {
    transform: rotate(180deg);
}

.task-cancellation-form {
    padding: 4px 15px 16px;
    border-top: 1px solid #eef1ef;
}

.task-cancellation-form > label {
    display: block;
    margin: 12px 0 6px;
    color: #65726c;
    font-size: 12px;
    font-weight: 600;
}

.task-cancel-submit {
    width: 100%;
    margin-top: 4px;
    background: #fff0ee !important;
    color: #9e332c !important;
    box-shadow: none !important;
}

.task-cancel-submit:hover {
    background: #ffe5e1 !important;
}

.profile-client-reviews {
    margin-top: 34px;
}

.profile-reputation-subcopy {
    max-width: 620px;
    margin: 5px 0 0;
    color: #7c8782;
}

.profile-reviews-score--client {
    background: #f2f8f5;
}

.profile-review-card--client {
    border-color: #e3ece7;
}

.profile-reviews-empty--compact {
    min-height: 110px;
}

@media (max-width: 600px) {
    .task-cancelled-banner {
        grid-template-columns: 1fr;
    }

    .task-cancelled-banner > .material-icons {
        width: 38px;
        height: 38px;
    }
}

/* Patch 15: transient Django flash toasts + minimal account workspace */
.django-flash-messages { display: none !important; }

.workspace-page { padding-top: 34px; padding-bottom: 72px; }
.workspace-hero {
    display: flex; align-items: flex-end; justify-content: space-between; gap: 28px;
    padding: 28px 30px; border: 1px solid #e7ece9; border-radius: 22px;
    background: linear-gradient(145deg, #ffffff 0%, #f7fbf8 100%);
    box-shadow: 0 10px 28px rgba(24, 39, 31, .055);
}
.workspace-hero h2 { margin: 4px 0 8px; font-weight: 700; letter-spacing: -.035em; }
.workspace-hero p { margin: 0; max-width: 650px; color: #6a746e; }
.workspace-hero-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.workspace-summary-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin: 18px 0; }
.workspace-summary-card {
    min-height: 108px; display: flex; align-items: center; gap: 15px; padding: 18px;
    border: 1px solid #e6ebe8; border-radius: 18px; background: #fff; color: #26332c;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.workspace-summary-card:hover { transform: translateY(-3px); border-color: #cfe4d6; box-shadow: 0 12px 26px rgba(27, 49, 37, .08); }
.workspace-summary-icon { width: 42px; height: 42px; border-radius: 14px; display: grid; place-items: center; background: #eef8f1; color: #00a846; }
.workspace-summary-card strong { display: block; font-size: 1.45rem; line-height: 1.05; }
.workspace-summary-card span:not(.workspace-summary-icon) { display: block; margin-top: 4px; color: #6d7771; font-size: .88rem; }
.workspace-summary-card--accent { background: #f6fbf7; }
.workspace-switcher { border: 1px solid #e5ebe7; border-radius: 22px; background: #fff; overflow: hidden; box-shadow: 0 10px 30px rgba(25, 46, 34, .045); }
.workspace-tabs { display: flex; gap: 6px; padding: 9px; border-bottom: 1px solid #edf1ee; background: #fbfcfb; }
.workspace-tab {
    appearance: none; border: 0; border-radius: 13px; background: transparent; padding: 11px 16px;
    font: inherit; font-weight: 650; color: #6d7771; cursor: pointer; transition: background .18s ease, color .18s ease, transform .18s ease;
}
.workspace-tab:hover { background: #f0f5f2; color: #27342c; }
.workspace-tab.is-active { background: #eaf7ee; color: #008d3c; }
.workspace-tab span { display: inline-grid; min-width: 22px; height: 22px; place-items: center; margin-left: 6px; border-radius: 999px; background: rgba(0,0,0,.055); font-size: .75rem; }
.workspace-panel { padding: 24px; }
.workspace-panel[hidden] { display: none !important; }
.workspace-panel.is-entering { animation: workspacePanelIn .22s ease both; }
@keyframes workspacePanelIn { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: none; } }
.workspace-panel-heading, .workspace-subsection-title { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.workspace-panel-heading h4 { margin: 3px 0 0; font-weight: 700; }
.workspace-panel-heading > a, .workspace-subsection-title > a { color: #009b42; font-weight: 650; }
.workspace-status-strip { display: flex; flex-wrap: wrap; gap: 9px; margin: 18px 0 16px; }
.workspace-status-strip span { padding: 7px 10px; border-radius: 999px; background: #f4f6f5; color: #68736d; font-size: .82rem; }
.workspace-status-strip strong { color: #26342c; }
.workspace-list, .workspace-subsection { display: grid; gap: 8px; }
.workspace-subsection { margin-top: 24px; }
.workspace-subsection-title { justify-content: flex-start; color: #5f6d65; margin-bottom: 2px; }
.workspace-subsection-title i { font-size: 19px; }
.workspace-subsection-title a { margin-left: auto; }
.workspace-row {
    display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 15px 16px;
    border: 1px solid #edf0ee; border-radius: 14px; color: #28342d; background: #fff;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.workspace-row:hover { border-color: #d8e5dc; box-shadow: 0 8px 20px rgba(27, 44, 34, .055); transform: translateY(-1px); }
.workspace-row--attention { background: #fbfdf8; border-color: #e0ead8; }
.workspace-row-main { min-width: 0; }
.workspace-row-main strong { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.workspace-row-main small { display: block; margin-top: 4px; color: #7a837e; }
.workspace-row-meta { display: flex; align-items: center; gap: 9px; flex: none; }
.workspace-row-meta small { display: inline-flex; align-items: center; gap: 3px; color: #78827c; }
.workspace-row-meta small i { font-size: 16px; }
.workspace-row-meta > i { color: #8c9690; }
.workspace-mini-chip { padding: 4px 8px; border-radius: 999px; background: #eaf7ee; color: #008e3d; font-size: .74rem; font-weight: 700; }
.workspace-empty { display: flex; align-items: center; gap: 16px; padding: 22px; border: 1px dashed #d9e2dc; border-radius: 16px; background: #fbfcfb; }
.workspace-empty > i { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 15px; background: #eef5f0; color: #6d8174; }
.workspace-empty div { flex: 1; }
.workspace-empty strong, .workspace-empty span { display: block; }
.workspace-empty span { margin-top: 3px; color: #78827c; font-size: .88rem; }

@media (max-width: 992px) {
    .workspace-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .workspace-hero { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 600px) {
    .workspace-page { padding-top: 16px; }
    .workspace-hero { padding: 20px; border-radius: 18px; }
    .workspace-summary-grid { grid-template-columns: 1fr 1fr; gap: 9px; }
    .workspace-summary-card { min-height: 96px; padding: 13px; align-items: flex-start; flex-direction: column; gap: 9px; }
    .workspace-panel { padding: 16px; }
    .workspace-row { align-items: flex-start; }
    .workspace-row-meta { align-items: flex-end; flex-direction: column; }
    .workspace-empty { align-items: flex-start; flex-wrap: wrap; }
    .workspace-empty .btn { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
    .workspace-panel.is-entering { animation: none; }
    .workspace-summary-card, .workspace-row { transition: none; }
}

/* Patch 15 toast styling. Materialize removes toasts automatically after displayLength. */
#toast-container { top: 82px; right: 22px; }
.izdari-toast { border-radius: 14px; min-height: 48px; padding: 12px 16px; font-weight: 600; box-shadow: 0 12px 30px rgba(19, 35, 27, .16); }
.izdari-toast--success { background: #183e2a; }
.izdari-toast--info { background: #34443b; }
.izdari-toast--warning { background: #75520d; }
.izdari-toast--error { background: #7e2929; }
@media (max-width: 600px) { #toast-container { top: 70px; right: 10px; left: 10px; width: auto; } .izdari-toast { width: 100%; } }


/* Patch 16: trust verification + participant audit timeline */
.provider-verification-card {
    margin-top: 24px; padding: 24px; border: 1px solid rgba(15,23,42,.08);
    border-radius: 20px; background: #fff; box-shadow: 0 10px 30px rgba(15,23,42,.05);
}
.provider-verification-card__head { display:flex; gap:16px; align-items:flex-start; }
.provider-verification-card__head h3 { margin:4px 0 8px; }
.provider-verification-card__head p { margin:0; color:#667085; }
.provider-verification-state { margin-top:18px; display:flex; gap:12px; align-items:flex-start; padding:14px 16px; border-radius:14px; }
.provider-verification-state i { margin-top:1px; }
.provider-verification-state div { display:flex; flex-direction:column; gap:2px; }
.provider-verification-state span { color:#667085; font-size:.92rem; }
.provider-verification-state--approved { background:#ecfdf3; color:#087443; }
.provider-verification-state--pending { background:#fffaeb; color:#93370d; }
.provider-verification-state--rejected { background:#fef3f2; color:#b42318; }
.provider-verification-form { margin-top:18px; }
.task-activity-card .card-content { padding-bottom: 16px; }
.task-activity-heading { align-items:center; }
.task-activity-heading > i { color:#98a2b3; }
.task-activity-list { position:relative; margin-top:8px; }
.task-activity-list::before { content:""; position:absolute; left:5px; top:10px; bottom:12px; width:1px; background:#e4e7ec; }
.task-activity-item { position:relative; display:grid; grid-template-columns:12px 1fr; gap:12px; padding:8px 0 12px; }
.task-activity-dot { width:10px; height:10px; margin-top:5px; border-radius:50%; background:#12b76a; box-shadow:0 0 0 4px #ecfdf3; z-index:1; }
.task-activity-item strong { display:block; color:#101828; font-size:.92rem; }
.task-activity-item p { margin:3px 0 4px; color:#475467; font-size:.86rem; line-height:1.35; }
.task-activity-item small { color:#98a2b3; font-size:.76rem; }
@media (max-width: 600px) { .provider-verification-card { padding:18px; border-radius:16px; } }

/* === Security / rate limit ================================================= */
.rate-limit-page { min-height: 62vh; display: grid; align-items: center; }
.rate-limit-card {
    max-width: 620px;
    margin: 40px auto;
    padding: 48px;
    border: 1px solid #e5ebe7;
    border-radius: 28px;
    background: #fff;
    box-shadow: 0 18px 54px rgba(24, 45, 35, .08);
    text-align: center;
}
.rate-limit-icon {
    width: 64px; height: 64px; margin: 0 auto 18px;
    display: grid; place-items: center;
    border-radius: 20px;
    background: #eef8f3; color: var(--izdari-primary, #00897b);
}
.rate-limit-icon i { font-size: 32px; }
.rate-limit-card h1 { margin: 8px 0 12px; font-size: clamp(2rem, 4vw, 3rem); }
.rate-limit-card > p { max-width: 500px; margin: 0 auto 10px; color: #5f6b65; line-height: 1.65; }
.rate-limit-card .rate-limit-hint { margin-bottom: 26px; font-size: .92rem; color: #87918c; }
@media (max-width: 600px) { .rate-limit-card { padding: 34px 22px; border-radius: 22px; } }

/* =========================================================
   I18N language switcher — LV default / RU prefixed URLs
   ========================================================= */
.language-switcher {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 34px;
    margin: 0 4px 0 0;
    padding: 0 8px;
    border: 1px solid #dfe7e3;
    border-radius: 999px;
    background: #fff;
    color: #8a948f;
    line-height: 1;
}

.language-switcher__option {
    min-width: 25px;
    padding: 4px 2px;
    border: 0;
    background: transparent;
    color: #6a756f;
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .04em;
    cursor: pointer;
}

.language-switcher__option:hover,
.language-switcher__option:focus-visible,
.language-switcher__option.is-active {
    color: var(--izdari-primary);
}

.language-switcher__option:focus-visible {
    outline: 2px solid rgba(0, 168, 68, .20);
    outline-offset: 1px;
    border-radius: 5px;
}

.mobile-language-switch {
    padding: 4px 30px 10px;
}

.language-switcher--mobile {
    width: max-content;
    margin: 0;
}

/* === LEGAL / TRUST SURFACES === */
.auth-terms {
    margin: 8px 0 2px;
    padding: 14px 16px;
    border: 1px solid #e2e9e5;
    border-radius: 14px;
    background: #fafcfb;
}
.auth-terms-check {
    display: block;
    color: #526158;
    font-size: 12px;
    line-height: 1.5;
}
.auth-terms-check > span {
    min-height: 20px !important;
    padding-left: 29px !important;
    line-height: 1.5 !important;
}
.auth-terms-check a {
    color: #168a49;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 2px;
}
.auth-field-error--terms {
    display: block;
    margin: 8px 0 0 29px;
}

.legal-page {
    min-height: 70vh;
    padding: 50px 0 78px;
    background: linear-gradient(180deg, #f7fbf8 0, #fff 380px);
}
.legal-container { max-width: 1080px; }
.legal-container--narrow { max-width: 900px; }
.legal-header { max-width: 780px; margin-bottom: 24px; }
.legal-header h1 {
    margin: 5px 0 10px;
    color: #263a30;
    font-size: clamp(32px, 5vw, 52px);
    line-height: 1.06;
    font-weight: 800;
    letter-spacing: -1.6px;
}
.legal-header > p {
    margin: 0;
    max-width: 690px;
    color: #758078;
    font-size: 15px;
    line-height: 1.65;
}
.legal-version {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 15px;
    padding: 7px 10px;
    border: 1px solid #e0e9e4;
    border-radius: 999px;
    background: rgba(255,255,255,.86);
    color: #728077;
    font-size: 11px;
    font-weight: 600;
}
.legal-version i { font-size: 15px; color: #21a65a; }
.legal-tabs {
    display: flex;
    gap: 8px;
    margin: 0 0 24px;
    padding: 5px;
    width: fit-content;
    max-width: 100%;
    overflow-x: auto;
    border: 1px solid #e4ebe7;
    border-radius: 14px;
    background: #fff;
}
.legal-tabs a {
    flex: 0 0 auto;
    padding: 9px 13px;
    border-radius: 10px;
    color: #65736b;
    font-size: 12px;
    font-weight: 700;
}
.legal-tabs a:hover,
.legal-tabs a.is-active {
    color: #13783f;
    background: #eff9f3;
}
.legal-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 250px;
    gap: 24px;
    align-items: start;
}
.legal-document {
    overflow: hidden;
    border: 1px solid #e4ebe7;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 16px 50px rgba(38, 72, 51, .055);
}
.legal-section {
    padding: 25px 30px;
    border-bottom: 1px solid #edf1ef;
}
.legal-section:last-child { border-bottom: 0; }
.legal-section h2 {
    margin: 0 0 12px;
    color: #2f4137;
    font-size: 17px;
    line-height: 1.35;
    font-weight: 800;
}
.legal-section p {
    margin: 0 0 10px;
    color: #617067;
    font-size: 13px;
    line-height: 1.72;
}
.legal-section p:last-child { margin-bottom: 0; }
.legal-aside { position: sticky; top: 92px; }
.legal-aside-card {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 20px;
    border: 1px solid #dfe9e3;
    border-radius: 18px;
    background: #f8fcf9;
    color: #66746b;
    font-size: 12px;
    line-height: 1.45;
}
.legal-aside-card > i {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    color: #149348;
    background: #e8f7ed;
}
.legal-aside-card h3 {
    margin: 5px 0 0;
    color: #304239;
    font-size: 15px;
    font-weight: 800;
}
.legal-aside-card strong { color: #2d3d34; }
.legal-aside-card a { color: #168a49; font-weight: 700; word-break: break-word; }
.legal-config-note { color: #8a7564; }
.legal-cookie-grid {
    display: grid;
    gap: 9px;
}
.legal-cookie-grid > div {
    display: grid;
    grid-template-columns: 145px 1fr;
    gap: 14px;
    padding: 13px 15px;
    border-radius: 12px;
    background: #f8fbf9;
}
.legal-cookie-grid strong { color: #304239; font-family: monospace; }
.legal-cookie-grid span { color: #66746b; font-size: 12px; line-height: 1.5; }
.footer-bottom-v2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
}
.footer-legal-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px 18px;
}
.footer-legal-links a { font-size: 11px; font-weight: 600; }

@media (max-width: 800px) {
    .legal-page { padding: 34px 0 56px; }
    .legal-layout { grid-template-columns: 1fr; }
    .legal-aside { position: static; }
    .legal-section { padding: 21px 20px; }
    .legal-tabs { width: 100%; }
    .legal-tabs a { flex: 1 0 auto; text-align: center; }
    .legal-cookie-grid > div { grid-template-columns: 1fr; gap: 5px; }
}

/* Patch 21: consent, legal reporting and provider legal-status surfaces. */
.footer-cookie-settings {
    border: 0;
    padding: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
}
.footer-cookie-settings:hover { text-decoration: underline; }

.cookie-consent {
    position: fixed;
    z-index: 2200;
    left: 24px;
    right: 24px;
    bottom: 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    max-width: 1180px;
    margin: 0 auto;
    padding: 18px 20px;
    border: 1px solid #d9e5de;
    border-radius: 18px;
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 18px 60px rgba(24, 52, 35, .18);
}
.cookie-consent[hidden], .cookie-settings[hidden] { display: none !important; }
.cookie-consent__copy { max-width: 720px; }
.cookie-consent__copy strong { color: #263a2f; font-size: 16px; }
.cookie-consent__copy p { margin: 5px 0 2px; color: #617067; font-size: 12px; line-height: 1.55; }
.cookie-consent__copy a { color: #168a49; font-size: 12px; font-weight: 700; }
.cookie-consent__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }

.cookie-settings {
    position: fixed;
    z-index: 2300;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 20px;
}
.cookie-settings__backdrop { position: absolute; inset: 0; background: rgba(22, 35, 27, .58); }
.cookie-settings__panel {
    position: relative;
    z-index: 1;
    width: min(620px, 100%);
    max-height: calc(100vh - 40px);
    overflow: auto;
    padding: 28px;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 24px 80px rgba(17, 31, 22, .28);
}
.cookie-settings__panel h2 { margin: 5px 0 9px; color: #2d4036; font-size: 27px; font-weight: 850; }
.cookie-settings__panel > p { margin: 0 0 20px; color: #65746b; font-size: 13px; line-height: 1.65; }
.cookie-settings__close { position: absolute; top: 17px; right: 17px; border: 0; background: transparent; cursor: pointer; color: #637169; }
.cookie-option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 16px 0;
    border-top: 1px solid #edf1ef;
}
.cookie-option > div { display: flex; flex-direction: column; gap: 3px; }
.cookie-option strong { color: #304239; font-size: 14px; }
.cookie-option small { color: #718078; line-height: 1.5; }
.cookie-option__required { color: #178a49; font-size: 11px; font-weight: 800; }
.cookie-option--disabled { opacity: .62; }
.cookie-settings__actions { display: flex; justify-content: flex-end; gap: 10px; padding-top: 18px; }
body.cookie-settings-open { overflow: hidden; }

.provider-company-fields { margin-top: 18px; }
.provider-legal-note, .provider-legal-warning {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: #607168;
    font-size: 12px;
    line-height: 1.55;
}
.provider-legal-note i { color: #178a49; font-size: 19px; }
.provider-legal-warning {
    align-items: center;
    margin: 0 0 20px;
    padding: 14px 16px;
    border: 1px solid #ead9a7;
    border-radius: 14px;
    background: #fffaf0;
}
.provider-legal-warning > i { color: #b17a00; }
.provider-legal-warning > div { display: flex; flex: 1; flex-direction: column; gap: 2px; }
.provider-legal-warning strong { color: #594817; }
.provider-legal-editor { margin-top: 18px; padding-top: 18px; border-top: 1px solid #edf1ef; }
.trust-badge--legal { color: #35654a; background: #edf6f0; }

.legal-notice-form { margin-top: 18px; }
.legal-submitted-state { text-align: center; padding: 46px 30px; }
.legal-submitted-state > i { color: #149348; font-size: 52px; }
.legal-submitted-state h1 { margin: 8px 0; color: #2f4137; font-size: 28px; }
.legal-reference { margin: 22px auto; padding: 15px; max-width: 520px; border-radius: 13px; background: #f6faf7; }
.legal-reference span { display: block; color: #718078; font-size: 11px; text-transform: uppercase; letter-spacing: .06em; }
.legal-reference strong { display: block; margin-top: 4px; word-break: break-all; color: #31433a; font-size: 14px; }

@media (max-width: 720px) {
    .cookie-consent { left: 10px; right: 10px; bottom: 10px; flex-direction: column; align-items: stretch; padding: 16px; }
    .cookie-consent__actions { justify-content: stretch; }
    .cookie-consent__actions .btn { flex: 1 1 auto; }
    .cookie-settings { padding: 10px; }
    .cookie-settings__panel { padding: 24px 18px; max-height: calc(100vh - 20px); }
    .cookie-option { align-items: flex-start; }
    .cookie-settings__actions { flex-direction: column-reverse; }
    .cookie-settings__actions .btn { width: 100%; }
    .provider-legal-warning { align-items: flex-start; flex-wrap: wrap; }
}

.provider-card__legal {
    display: inline-flex;
    align-items: center;
    gap: 0.32rem;
    margin-left: 0.55rem;
    color: var(--izdari-text-muted, #67736d);
    font-size: 0.78rem;
    line-height: 1.3;
}
.provider-card__legal .material-icons { font-size: 15px; }

/* Patch 22: progressive pagination / discovery */
.izdari-pagination {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  padding: 28px 0 8px;
}
.izdari-pagination__links {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
  color: var(--text-muted, #667085);
}
.izdari-load-more { min-width: 160px; }
.izdari-load-more.is-loading { opacity: .65; pointer-events: none; }
.izdari-infinite-sentinel { display: block; width: 100%; height: 1px; }
.izdari-infinite-status { min-height: 20px; margin: 0; font-size: .88rem; color: #667085; }

/* Patch 22: indexable service directory */
.services-directory__hero,
.service-landing__hero {
  max-width: 860px;
  margin-bottom: 30px;
}
.services-directory__hero h1,
.service-landing__hero h1 { margin: 8px 0 10px; }
.services-directory__hero p,
.service-landing__hero p { font-size: 1.08rem; color: #667085; line-height: 1.65; }
.services-directory__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.service-directory-card {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-areas: "icon title arrow" "icon meta arrow" "icon tasks arrow";
  column-gap: 14px;
  row-gap: 3px;
  align-items: center;
  min-height: 132px;
  padding: 22px;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 22px;
  background: #fff;
  color: inherit;
  box-shadow: 0 8px 28px rgba(15, 23, 42, .055);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.service-directory-card:hover { transform: translateY(-2px); box-shadow: 0 14px 34px rgba(15, 23, 42, .09); border-color: rgba(40,167,69,.24); }
.service-directory-card__icon { grid-area: icon; display: grid; place-items: center; width: 50px; height: 50px; border-radius: 16px; background: rgba(40,167,69,.09); color: #218838; }
.service-directory-card strong { grid-area: title; font-size: 1.02rem; line-height: 1.35; }
.service-directory-card small { grid-area: meta; color: #667085; }
.service-directory-card > span:not(.service-directory-card__icon) { grid-area: tasks; color: #218838; font-size: .86rem; }
.service-directory-card__arrow { grid-area: arrow; color: #98a2b3; }
.service-breadcrumbs { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; margin-bottom: 24px; font-size: .9rem; color: #667085; background: transparent; box-shadow: none; height: auto; line-height: 1.4; }
.service-breadcrumbs a { color: #475467; }
.service-breadcrumbs .material-icons { font-size: 18px; color: #98a2b3; }
.service-landing__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 22px; }
.service-subcategory-section { margin: 44px 0; }
.service-subcategory-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.service-subcategory-link { display: flex; justify-content: space-between; gap: 12px; align-items: center; padding: 14px 16px; border: 1px solid rgba(15,23,42,.08); border-radius: 14px; background: #fff; color: #253046; }
.service-subcategory-link:hover { border-color: rgba(40,167,69,.28); color: #218838; }
.service-subcategory-link .material-icons { font-size: 19px; }
.service-landing__section { margin: 52px 0; }
.service-landing__more { display: flex; justify-content: center; margin-top: 22px; }
.service-task-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.service-task-card { display: flex; flex-direction: column; gap: 9px; padding: 19px; border: 1px solid rgba(15,23,42,.08); border-radius: 18px; background: #fff; color: inherit; }
.service-task-card strong { font-size: 1.02rem; color: #1d2939; }
.service-task-card p { margin: 0; color: #667085; line-height: 1.55; }
.service-task-card > span:last-child { display: flex; gap: 6px; align-items: center; color: #667085; font-size: .86rem; }
.service-task-card > span:last-child .material-icons { font-size: 17px; }

@media (max-width: 992px) {
  .services-directory__grid, .service-subcategory-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .services-directory__grid, .service-subcategory-grid, .service-task-list { grid-template-columns: 1fr; }
  .service-directory-card { min-height: 112px; padding: 18px; }
  .service-landing__actions .btn { width: 100%; }
  .izdari-pagination__links { font-size: .9rem; }
}

/* Patch 23: free-launch billing / PRO */
.launch-free-bar {
    background: linear-gradient(90deg, #f4fbf8 0%, #eef8f6 100%);
    border-bottom: 1px solid rgba(0, 121, 107, .12);
    color: #31514c;
    font-size: .9rem;
}
.launch-free-bar .container { min-height: 38px; display: flex; align-items: center; justify-content: center; gap: 9px; text-align: center; }
.launch-free-bar .material-icons { font-size: 18px; color: #00897b; }
.launch-free-bar a { color: #00796b; font-weight: 700; white-space: nowrap; }
.billing-page { padding: 50px 0 72px; }
.billing-hero { max-width: 850px; margin: 0 auto 34px; text-align: center; }
.billing-hero h1 { margin: 8px 0 14px; font-size: clamp(2rem, 4vw, 3.4rem); line-height: 1.08; }
.billing-hero p { color: #607d78; font-size: 1.05rem; line-height: 1.7; }
.billing-launch-badge { display: inline-flex; align-items: center; gap: 8px; margin-top: 9px; padding: 9px 14px; border-radius: 999px; background: #e0f2f1; color: #00695c; font-weight: 800; }
.billing-launch-badge .material-icons { font-size: 19px; }
.billing-plan-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; max-width: 1040px; margin: 0 auto; }
.billing-plan-card { position: relative; display: flex; flex-direction: column; background: #fff; border: 1px solid #e2e9e7; border-radius: 22px; padding: 28px; box-shadow: 0 12px 34px rgba(31, 61, 56, .06); }
.billing-plan-card--pro { border-color: rgba(0, 137, 123, .32); box-shadow: 0 16px 42px rgba(0, 121, 107, .11); }
.billing-plan-card.is-current::before { content: ''; position: absolute; inset: -1px; border: 2px solid rgba(0, 137, 123, .48); border-radius: 22px; pointer-events: none; }
.billing-plan-card__top { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.billing-plan-card__top > div { display: flex; align-items: center; gap: 10px; }
.billing-plan-code { font-size: 1.7rem; font-weight: 900; color: #263b37; }
.billing-current-chip { display: inline-flex; align-items: center; gap: 5px; color: #00796b; font-size: .82rem; font-weight: 800; }
.billing-current-chip .material-icons { font-size: 17px; }
.billing-plan-description { min-height: 48px; color: #607d78; }
.billing-price { display: flex; align-items: baseline; gap: 10px; margin: 12px 0 4px; }
.billing-price strong { font-size: 2.6rem; line-height: 1; color: #173b34; }
.billing-price span { color: #6f817d; }
.billing-future-note { margin: 5px 0 20px; color: #72817e; font-size: .9rem; }
.billing-feature-list { margin: 0 0 26px; flex: 1; }
.billing-feature-list li { display: flex; gap: 11px; padding: 10px 0; border-bottom: 1px solid #eef2f1; }
.billing-feature-list .material-icons { color: #009688; font-size: 20px; margin-top: 2px; }
.billing-feature-list span { display: flex; flex-direction: column; line-height: 1.35; }
.billing-feature-list small { margin-top: 3px; color: #778783; }
.billing-plan-actions { min-height: 48px; display: flex; align-items: center; }
.billing-plan-actions form { width: 100%; }
.billing-plan-actions .btn { width: 100%; }
.billing-plan-muted { color: #7b8a87; font-size: .9rem; }
.billing-trust-note { max-width: 1040px; margin: 24px auto 0; display: flex; gap: 15px; align-items: flex-start; padding: 20px 22px; border-radius: 16px; background: #fafcfc; border: 1px solid #e8eeec; }
.billing-trust-note > .material-icons { color: #00897b; }
.billing-trust-note strong { color: #29423d; }
.billing-trust-note p { margin: 4px 0 0; color: #667a75; }
.provider-plan-card { margin-bottom: 24px; padding: 20px 22px; border: 1px solid #dfeae7; border-radius: 16px; background: linear-gradient(135deg,#fbfefd,#f2faf8); display: flex; justify-content: space-between; align-items: center; gap: 18px; }
.provider-plan-card__copy { display: flex; gap: 12px; align-items: center; }
.provider-plan-card__copy .material-icons { color: #00897b; }
.provider-plan-card__copy small { display: block; color: #75847f; margin-top: 2px; }
@media (max-width: 700px) {
    .billing-plan-grid { grid-template-columns: 1fr; }
    .billing-page { padding-top: 30px; }
    .billing-plan-card { padding: 22px; }
    .launch-free-bar .container { justify-content: flex-start; overflow: hidden; padding-top: 7px; padding-bottom: 7px; }
    .launch-free-bar span { line-height: 1.25; }
    .provider-plan-card { align-items: flex-start; flex-direction: column; }
}

/* Patch 25 — release-candidate accessibility and resilient interaction polish. */
.skip-link {
    position: fixed;
    top: 8px;
    left: 8px;
    z-index: 10000;
    transform: translateY(-160%);
    padding: 10px 14px;
    border-radius: 8px;
    background: #10271f;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
}
.skip-link:focus { transform: translateY(0); }

:where(a, button, input, select, textarea, [tabindex]):focus-visible {
    outline: 3px solid rgba(15, 143, 95, .42);
    outline-offset: 3px;
}

button, .btn, .btn-flat, .nav-icon-button, .language-switcher__option {
    touch-action: manipulation;
}

.izdari-mobile-trigger {
    border: 0;
    background: transparent;
    color: inherit;
    min-width: 44px;
    min-height: 44px;
    padding: 0;
}

.error-reference code {
    display: inline-block;
    padding: 4px 8px;
    border-radius: 6px;
    background: #eef3f0;
    word-break: break-all;
}

.settings-card-v2 {
    background: #fff;
    border: 1px solid #e4ebe7;
    border-radius: 18px;
    padding: clamp(20px, 4vw, 34px);
    box-shadow: 0 16px 42px rgba(23, 48, 38, .06);
}
.settings-field-v2 { margin-bottom: 24px; }
.settings-field-v2 > label,
.settings-checkbox-group legend { display: block; font-weight: 700; margin-bottom: 10px; color: #23382f; }
.settings-checkbox-group { border: 0; padding: 0; margin: 0 0 22px; }
.settings-checkbox-row { display: flex; align-items: center; gap: 12px; min-height: 46px; padding: 8px 0; color: #34483f; }
.form-actions-v2 { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 24px; }
.trust-note-v2 { display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px; border-radius: 12px; background: #f1f8f4; color: #355247; }
.trust-note-v2 p { margin: 0; }
.notifications-header__actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; align-items: center; }

[data-infinite-list][aria-busy="true"] { opacity: .78; }

@media (max-width: 600px) {
    .settings-card-v2 { border-radius: 14px; padding: 18px; }
    .form-actions-v2 > * { width: 100%; text-align: center; }
    .notifications-header__actions { width: 100%; justify-content: stretch; }
    .notifications-header__actions > * { flex: 1 1 100%; text-align: center; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        scroll-behavior: auto !important;
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .001ms !important;
    }
}

/* Patch 26 — information architecture, task launcher and conversion UX. */
.nav-create-task { min-height: 42px; display: inline-flex; align-items: center; border-radius: 12px; text-transform: none; font-weight: 800; }

.task-launcher {
    width: min(1180px, calc(100vw - 40px));
    max-width: 1180px;
    max-height: min(820px, calc(100vh - 40px));
    padding: 0;
    border: 0;
    border-radius: 24px;
    background: #fff;
    color: #1f2d26;
    box-shadow: 0 30px 90px rgba(15, 23, 42, .28);
}
.task-launcher::backdrop { background: rgba(15, 23, 42, .56); backdrop-filter: blur(3px); }
.task-launcher__shell { display: flex; flex-direction: column; min-height: min(720px, calc(100vh - 56px)); }
.task-launcher__header { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; padding: 26px 30px 16px; border-bottom: 1px solid #edf1ef; }
.task-launcher__header h2 { margin: 4px 0 0; font-size: clamp(1.55rem, 3vw, 2.2rem); line-height: 1.15; }
.task-launcher__close { display: grid; place-items: center; width: 44px; height: 44px; border: 0; border-radius: 50%; background: #f4f7f5; color: #31443b; cursor: pointer; }
.task-launcher__search { position: relative; margin: 18px 30px; }
.task-launcher__search .material-icons { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); color: #76867f; }
.task-launcher__search input { width: 100% !important; box-sizing: border-box !important; margin: 0 !important; height: 52px !important; padding: 0 18px 0 50px !important; border: 1px solid #dce5e1 !important; border-radius: 14px !important; background: #fbfdfc !important; box-shadow: none !important; }
.task-launcher__search input:focus { border-color: var(--izdari-primary) !important; box-shadow: 0 0 0 3px rgba(27,155,96,.10) !important; }
.task-launcher__layout { display: grid; grid-template-columns: 280px 1fr; min-height: 0; flex: 1; border-top: 1px solid #f2f4f3; }
.task-launcher__categories { height: auto; padding: 14px; overflow-y: auto; background: #f7faf8; box-shadow: none; line-height: 1.35; }
.task-launcher__categories button { width: 100%; min-height: 48px; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 12px; border: 0; border-radius: 11px; background: transparent; color: #31443b; text-align: left; cursor: pointer; font: inherit; font-weight: 700; }
.task-launcher__categories button:hover, .task-launcher__categories button.is-active { background: #eaf6ef; color: var(--izdari-primary-dark); }
.task-launcher__categories .material-icons { font-size: 18px; }
.task-launcher__panels { overflow-y: auto; padding: 22px 28px 26px; }
.task-launcher__panel > h3 { margin: 0 0 20px; font-size: 1.35rem; }
.task-launcher__groups { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px 30px; }
.task-launcher__group h4 { margin: 0 0 9px; color: #75847d; font-size: .76rem; font-weight: 900; letter-spacing: .055em; text-transform: uppercase; }
.task-launcher__services { display: flex; flex-direction: column; }
.task-launcher__services a { min-height: 38px; display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 7px 4px; border-radius: 8px; color: #25382f; font-weight: 600; }
.task-launcher__services a:hover { color: var(--izdari-primary-dark); background: #f4faf6; padding-left: 9px; }
.task-launcher__services a .material-icons { font-size: 17px; color: #a0aea7; opacity: 0; transition: opacity .15s ease; }
.task-launcher__services a:hover .material-icons { opacity: 1; }
.task-launcher.is-searching .task-launcher__categories { display: none; }
.task-launcher.is-searching .task-launcher__layout { grid-template-columns: 1fr; }
.task-launcher.is-searching .task-launcher__panels { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; align-content: start; }
.task-launcher.is-searching .task-launcher__panel { display: block; }
.task-launcher.is-searching .task-launcher__groups { grid-template-columns: 1fr; gap: 18px; }
.task-launcher__empty { min-height: 280px; display: grid; place-items: center; align-content: center; gap: 8px; text-align: center; color: #66766e; grid-column: 1 / -1; }
.task-launcher__empty .material-icons { font-size: 42px; color: #9aaba2; }
.task-launcher__empty strong { color: #33473d; font-size: 1.05rem; }
.task-launcher__footer { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 16px 30px; border-top: 1px solid #edf1ef; background: #fbfcfb; }
.task-launcher__footer > span { color: #66766e; }
.task-launcher__catalog-link { margin-left: auto; color: var(--izdari-primary-dark); font-weight: 700; }
body.task-launcher-open { overflow: hidden; }

.footer-grid-v3 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 30px; padding: 42px 0 38px; }
.footer-grid-v3 section { display: flex; flex-direction: column; align-items: flex-start; gap: 9px; }
.footer-grid-v3 h5 { margin: 0 0 8px; color: #fff; font-size: 1rem; font-weight: 800; }
.footer-grid-v3 a, .footer-grid-v3 button { color: #d5ded9; font-size: .91rem; line-height: 1.45; }
.footer-grid-v3 a:hover, .footer-grid-v3 button:hover { color: #fff; }
.footer-grid-v3 button { padding: 0; border: 0; background: transparent; font: inherit; cursor: pointer; text-align: left; }
.footer-bottom-v3 { min-height: 66px; display: flex; align-items: center; justify-content: space-between; gap: 16px; color: #cbd5d0; font-size: .86rem; }

.task-create-v3 .form-page-heading { max-width: 760px; margin-left: auto; margin-right: auto; }
.task-create-v3 .form-page-heading h1 { margin: 6px 0 12px; font-size: clamp(2rem, 4vw, 3rem); }
.task-create-steps { max-width: 920px; margin: 0 auto 28px; padding: 0; display: grid; grid-template-columns: repeat(5, 1fr); list-style: none; }
.task-create-steps li { position: relative; display: flex; flex-direction: column; align-items: center; gap: 7px; color: #7b8982; font-size: .78rem; font-weight: 700; text-align: center; }
.task-create-steps li::after { content: ''; position: absolute; top: 16px; left: 58%; width: 84%; height: 2px; background: #e1e8e4; z-index: 0; }
.task-create-steps li:last-child::after { display: none; }
.task-create-steps li span { position: relative; z-index: 1; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: #edf2ef; color: #65756d; }
.task-create-steps li.is-active { color: var(--izdari-primary-dark); }
.task-create-steps li.is-active span { background: var(--izdari-primary); color: #fff; }
.task-create-section { scroll-margin-top: 90px; }
.task-template-suggestions { margin-top: 16px; padding: 13px 14px; border-radius: 12px; background: #f5f9f7; }
.task-template-suggestions > span { display: block; margin-bottom: 8px; color: #66766e; font-size: .8rem; font-weight: 800; }
.task-template-suggestions > div { display: flex; flex-wrap: wrap; gap: 8px; }
.task-template-chip { min-height: 38px; padding: 8px 12px; border: 1px solid #d6e5dc; border-radius: 999px; background: #fff; color: #2f563e; cursor: pointer; font: inherit; font-size: .86rem; font-weight: 700; }
.task-template-chip:hover { border-color: #9bd8b4; background: #edf8f1; }
.task-create-catalog-link { display: inline-flex; align-items: center; gap: 5px; margin-top: 16px; color: var(--izdari-primary-dark); font-weight: 700; }
.task-create-catalog-link .material-icons { font-size: 18px; }

@media (max-width: 992px) {
  .footer-grid-v3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .task-launcher { width: calc(100vw - 24px); max-height: calc(100vh - 24px); }
  .task-launcher__layout { grid-template-columns: 230px 1fr; }
  .task-launcher__groups { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
  .task-launcher { width: 100vw; height: 100dvh; max-width: none; max-height: none; border-radius: 0; margin: 0; }
  .task-launcher__shell { min-height: 100dvh; }
  .task-launcher__header { padding: 18px 18px 12px; }
  .task-launcher__search { margin: 12px 18px; }
  .task-launcher__layout { grid-template-columns: 1fr; overflow: hidden; }
  .task-launcher__categories { display: flex; gap: 8px; padding: 8px 14px 12px; overflow-x: auto; background: #fff; border-bottom: 1px solid #edf1ef; }
  .task-launcher__categories button { flex: 0 0 auto; width: auto; min-width: 170px; border: 1px solid #e5ebe8; border-radius: 10px; }
  .task-launcher__panels { display: block; padding: 18px; }
  .task-launcher__panel.is-active { display: block; }
  .task-launcher.is-searching .task-launcher__panels { display: block; }
  .task-launcher.is-searching .task-launcher__panel { margin-bottom: 24px; }
  .task-launcher__footer { padding: 13px 18px; }
  .task-launcher__catalog-link { width: 100%; margin-left: 0; }
  .footer-grid-v3 { grid-template-columns: 1fr 1fr; gap: 26px 18px; }
  .footer-bottom-v3 { flex-direction: column; align-items: flex-start; justify-content: center; padding-top: 14px; padding-bottom: 14px; }
  .task-create-steps { grid-template-columns: repeat(5, minmax(54px, 1fr)); overflow-x: auto; padding-bottom: 8px; }
  .task-create-steps li { min-width: 64px; font-size: .68rem; }
}
@media (max-width: 430px) {
  .footer-grid-v3 { grid-template-columns: 1fr; }
}

/* Patch 26 — information architecture / conversion / taxonomy */
.nav-create-task { margin-left: 10px; white-space: nowrap; }
.home-hero-v2 { background: linear-gradient(135deg, rgba(238,249,246,.96), rgba(255,255,255,.98)); border-bottom: 1px solid #e7efec; }
.home-hero-v2__inner { min-height: 520px; display: flex; align-items: center; padding-top: 72px; padding-bottom: 72px; }
.home-hero-v2__copy { max-width: 880px; }
.home-hero-v2 h1 { max-width: 760px; margin: 10px 0 16px; font-size: clamp(2.25rem,5vw,4.8rem); line-height: 1.02; letter-spacing: -.045em; }
.home-hero-v2__copy > p { max-width: 690px; font-size: 1.18rem; color: #52615d; }
.home-service-search { display: grid; grid-template-columns: auto 1fr auto; gap: 10px; align-items: center; max-width: 830px; margin-top: 30px; padding: 8px 8px 8px 18px; background: #fff; border: 1px solid #dbe8e3; border-radius: 18px; box-shadow: 0 18px 60px rgba(24,65,53,.10); }
.home-service-search input[type=search] { margin: 0 !important; border: 0 !important; box-shadow: none !important; height: 48px; }
.home-hero-v2__actions { display: flex; gap: 12px; margin-top: 18px; flex-wrap: wrap; }
.home-trust-strip { display: flex; gap: 18px; flex-wrap: wrap; margin-top: 26px; color: #475752; font-size: .93rem; }
.home-trust-strip span { display: inline-flex; align-items: center; gap: 6px; }
.home-trust-strip i { font-size: 19px; color: var(--izdari-primary-dark); }
.home-category-grid-v2 { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.home-category-card { min-height: 150px; padding: 22px; border: 1px solid #e1ebe7; border-radius: 18px; display: flex; flex-direction: column; gap: 7px; color: inherit; background:#fff; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.home-category-card:hover, .home-category-card:focus-visible { transform: translateY(-2px); border-color:#b8dfc7; box-shadow:0 14px 36px rgba(22,86,67,.09); }
.home-category-card > i { color:var(--izdari-primary-dark); font-size:32px; }
.home-category-card strong { font-size:1.08rem; }
.home-category-card small { color:#71807b; }
.home-section-more { text-align:center; margin-top:24px; }
.home-how { background:#f7faf9; margin:72px 0; padding:64px 0; }
.home-how__grid, .home-confidence__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.home-how__grid article, .home-confidence__grid article { position:relative; padding:26px; border:1px solid #e0e9e6; border-radius:20px; background:#fff; }
.home-how__grid article > span { position:absolute; top:18px; right:20px; font-size:2rem; font-weight:800; color:#e1efea; }
.home-how__grid i, .home-confidence__grid i { color:var(--izdari-primary-dark); font-size:32px; }
.home-how__grid h3, .home-confidence__grid h3 { font-size:1.2rem; margin:14px 0 8px; }
.home-task-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.home-task-card { display:block; padding:22px; border:1px solid #e1eae7; border-radius:18px; color:inherit; background:#fff; }
.home-task-card > div, .home-task-card small { color:#73807c; font-size:.86rem; }
.home-task-card strong { display:block; margin:10px 0 8px; font-size:1.08rem; }
.home-task-card small { display:flex; align-items:center; gap:5px; }
.home-task-card small i { font-size:17px; }
.home-confidence { margin-top:72px; margin-bottom:72px; }
.services-directory-search { max-width:740px; margin:26px auto 0; display:grid; grid-template-columns:auto 1fr; gap:10px; align-items:center; background:#fff; border:1px solid #dce8e4; border-radius:16px; padding:8px 16px; }
.services-directory-search input { margin:0 !important; border:0 !important; box-shadow:none !important; }
.services-directory-structured { display:grid; gap:26px; margin-top:34px; }
.service-directory-category { padding:28px; border:1px solid #e0eae6; border-radius:22px; background:#fff; }
.service-directory-category__head { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; margin-bottom:20px; }
.service-directory-category__head h2 { margin:4px 0 0; font-size:1.65rem; }
.service-directory-category__all { display:flex; align-items:center; gap:5px; white-space:nowrap; }
.service-group-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.service-group-block { min-width:0; padding:18px; border-radius:15px; background:#f8faf9; }
.service-group-block h3 { margin:0 0 10px; font-size:1rem; color:#31413c; }
.service-group-links { display:flex; flex-direction:column; gap:7px; }
.service-group-links a { display:flex; justify-content:space-between; gap:7px; color:#475953; line-height:1.35; }
.service-group-links a:hover { color:var(--izdari-primary-dark); }
.service-group-links i { font-size:17px; }
.services-directory-no-results { text-align:center; padding:64px 20px; }
.services-directory-no-results > i { font-size:48px; color:#9aa9a4; }
.service-market-stats { display:flex; flex-wrap:wrap; gap:12px; margin:22px 0; }
.service-market-stats span { display:flex; flex-direction:column; min-width:132px; padding:12px 16px; background:#f7faf9; border-radius:13px; color:#687772; }
.service-market-stats strong { font-size:1.2rem; color:#24322e; }
.service-group-grid--landing { margin-top:22px; }
.service-template-links { display:flex; flex-wrap:wrap; gap:10px; }
.service-template-links a { display:inline-flex; align-items:center; gap:6px; border:1px solid #dce8e4; border-radius:999px; padding:9px 14px; color:#3b5146; background:#fff; }
.service-review-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.service-review-grid article { padding:18px; border:1px solid #e2ebe8; border-radius:16px; background:#fff; }
.service-review-grid article > div { display:flex; align-items:center; gap:5px; color:#a66a00; }
.service-faq { margin:54px 0; }
.service-faq details { border-top:1px solid #e0e8e5; padding:16px 0; }
.service-faq summary { cursor:pointer; font-weight:650; }
.provider-ranking-bar { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; margin:8px 0 24px; padding:14px 16px; border:1px solid #e0e9e6; border-radius:14px; background:#fafcfb; }
.provider-ranking-sort { display:flex; align-items:center; gap:10px; }
.provider-ranking-explainer { max-width:560px; }
.provider-ranking-explainer summary { cursor:pointer; display:flex; gap:5px; align-items:center; color:#4b6256; }
.provider-ranking-explainer summary i { font-size:19px; }
.provider-ranking-explainer p { margin:9px 0 0; color:#67756f; font-size:.9rem; }
.provider-card__trust-facts { display:flex; flex-wrap:wrap; gap:7px 12px; padding:12px 0; border-top:1px solid #edf1ef; color:#63716c; font-size:.78rem; }
.provider-card__trust-facts span { display:inline-flex; align-items:center; gap:4px; }
.provider-card__trust-facts i { font-size:15px; color:var(--izdari-primary-dark); }
.profile-trust-facts { margin:18px 0; padding:16px; border:1px solid #dfe9e5; border-radius:14px; background:#f9fbfa; }
.profile-trust-facts > div { display:flex; flex-wrap:wrap; gap:8px 14px; margin-top:9px; }
.profile-trust-facts span { display:inline-flex; align-items:center; gap:5px; color:#52645e; font-size:.88rem; }
.profile-trust-facts i { color:var(--izdari-primary-dark); font-size:17px; }
.profile-repeat-provider, .task-repeat-provider-note { display:flex; align-items:center; gap:14px; padding:15px; margin:14px 0; border:1px solid #bfe2cc; border-radius:14px; background:#f2faf7; }
.profile-repeat-provider > i, .task-repeat-provider-note > i { color:var(--izdari-primary-dark); }
.profile-repeat-provider > div, .task-repeat-provider-note > div { display:flex; flex:1; flex-direction:column; }
.filter-service-group { padding:8px 0 12px; border-bottom:1px solid #eef2f0; }
.filter-service-group__title { display:block; padding:3px 8px 6px; font-size:.76rem; text-transform:uppercase; letter-spacing:.045em; color:#80908a; }
@media (max-width: 992px) {
  .home-category-grid-v2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .service-group-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .home-task-grid, .service-review-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 600px) {
  .home-hero-v2__inner { min-height:auto; padding-top:44px; padding-bottom:44px; }
  .home-service-search { grid-template-columns:auto 1fr; }
  .home-service-search .btn { grid-column:1 / -1; width:100%; }
  .home-category-grid-v2, .home-how__grid, .home-confidence__grid, .home-task-grid, .service-group-grid, .service-review-grid { grid-template-columns:1fr; }
  .service-directory-category { padding:20px 16px; }
  .service-directory-category__head { flex-direction:column; }
  .provider-ranking-bar { flex-direction:column; }
  .provider-ranking-sort { width:100%; flex-direction:column; align-items:stretch; }
  .profile-repeat-provider { align-items:flex-start; flex-wrap:wrap; }
  .profile-repeat-provider .btn { width:100%; }
}
.home-provider-cta { margin:72px 0; background:#25332c; color:#fff; }
.home-provider-cta__inner { padding-top:48px; padding-bottom:48px; display:flex; align-items:center; justify-content:space-between; gap:32px; }
.home-provider-cta__inner > div:first-child { max-width:720px; }
.home-provider-cta h2 { margin:7px 0 10px; color:#fff; }
.home-provider-cta p { color:#d2e3dd; margin:0; }
.home-provider-cta__actions { display:flex; gap:10px; flex-wrap:wrap; }
.home-provider-cta .outlined { border-color:#b6d2ca; color:#fff; }
.home-about { margin-top:72px; margin-bottom:72px; }
@media (max-width: 768px) { .home-provider-cta__inner { flex-direction:column; align-items:flex-start; } }


/* Patch 27 — visual convergence after Patch 26 IA changes. Keep the established Izdari/YouDo-like palette. */
.home-hero-v2 {
    background: linear-gradient(180deg, #ffffff 0%, #f8fbf9 100%);
    border-bottom: 1px solid var(--izdari-border);
}
.home-hero-v2__inner {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr);
    gap: clamp(34px, 5vw, 76px);
    align-items: center;
    min-height: 560px;
    padding-top: 64px;
    padding-bottom: 64px;
}
.home-hero-v2__copy { max-width: 720px; }
.home-hero-v2 h1 { color: #202b25; }
.home-hero-v2__copy > p { color: var(--izdari-muted); }
.home-hero-v2__visual {
    position: relative;
    margin: 0;
    min-height: 410px;
    overflow: hidden;
    border: 1px solid var(--izdari-border);
    border-radius: 28px;
    background: #eef3f0;
    box-shadow: 0 24px 70px rgba(25, 47, 35, .12);
}
.home-hero-v2__visual::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 58%, rgba(20, 32, 25, .18));
    pointer-events: none;
}
.home-hero-v2__visual img {
    width: 100%;
    height: 100%;
    min-height: 410px;
    display: block;
    object-fit: cover;
    object-position: 73% center;
}
.home-hero-v2__visual-badge {
    position: absolute;
    z-index: 1;
    left: 22px;
    bottom: 22px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 12px;
    background: rgba(255, 255, 255, .94);
    color: #26352d;
    font-size: .9rem;
    font-weight: 800;
    box-shadow: 0 8px 24px rgba(20, 35, 27, .13);
    backdrop-filter: blur(7px);
}
.home-hero-v2__visual-badge i { color: var(--izdari-primary); font-size: 19px; }
.home-service-search:focus-within { border-color: #a9d9ba; box-shadow: 0 18px 60px rgba(0, 168, 68, .11), 0 0 0 3px rgba(0, 168, 68, .08); }
.home-category-card > i,
.home-how__grid i,
.home-confidence__grid i,
.provider-card__trust-facts i,
.profile-trust-facts i,
.profile-repeat-provider > i,
.task-repeat-provider-note > i { color: var(--izdari-primary); }
.home-category-card:hover,
.home-category-card:focus-visible { border-color: #b9dfc6; box-shadow: 0 14px 34px rgba(24, 46, 34, .08); }
.home-how { background: #f7f9f8; }
.home-provider-cta { background: #26352d; }
.home-provider-cta .btn-main { background: var(--izdari-primary) !important; }

/* Footer: Patch26 accidentally let Materialize grey.darken-* override the established light footer. */
.site-footer-v3.page-footer {
    margin-top: 72px;
    padding-top: 0;
    background: #f7f8f7 !important;
    color: #69736d;
    text-align: left;
    border-top: 1px solid var(--izdari-border);
}
.site-footer-v3 .footer-grid-v3 { padding-top: 46px; padding-bottom: 38px; }
.site-footer-v3 .footer-grid-v3 h5 { color: #26332c; font-size: .95rem; }
.site-footer-v3 .footer-grid-v3 a,
.site-footer-v3 .footer-grid-v3 button { color: #6d7771; }
.site-footer-v3 .footer-grid-v3 a:hover,
.site-footer-v3 .footer-grid-v3 a:focus-visible,
.site-footer-v3 .footer-grid-v3 button:hover,
.site-footer-v3 .footer-grid-v3 button:focus-visible { color: var(--izdari-primary-dark); }
.site-footer-v3 .footer-copyright {
    min-height: 64px;
    padding: 0;
    background: #eef1ef !important;
    color: #727c76;
    border-top: 1px solid #e0e5e2;
}
.site-footer-v3 .footer-bottom-v3 { color: #727c76; }

/* Structured taxonomy should read as a hierarchy, not as a wall of equal cards. */
.service-directory-category { box-shadow: 0 10px 28px rgba(31, 51, 40, .035); }
.service-group-block {
    padding: 0;
    border-radius: 0;
    background: transparent;
}
.service-group-block h3 {
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e6ebe8;
    color: #28352e;
    font-size: .91rem;
    letter-spacing: .01em;
}
.service-group-links { gap: 3px; }
.service-group-links a {
    min-height: 34px;
    align-items: center;
    padding: 5px 7px;
    margin-left: -7px;
    border-radius: 8px;
}
.service-group-links a:hover,
.service-group-links a:focus-visible { background: #f2f8f4; color: var(--izdari-primary-dark); }
.task-launcher__group h4 { color: #738079; }
.task-launcher__services a:hover,
.task-launcher__services a:focus-visible { color: var(--izdari-primary-dark); background: #f1f8f3; }
.task-launcher__categories button:hover,
.task-launcher__categories button:focus-visible,
.task-launcher__categories button.is-active { background: #eaf7ef; color: var(--izdari-primary-dark); }

@media (max-width: 992px) {
    .home-hero-v2__inner { grid-template-columns: 1fr; min-height: 0; }
    .home-hero-v2__copy { max-width: 820px; }
    .home-hero-v2__visual { min-height: 330px; }
    .home-hero-v2__visual img { min-height: 330px; max-height: 430px; }
}
@media (max-width: 600px) {
    .home-hero-v2__inner { gap: 28px; padding-top: 36px; padding-bottom: 42px; }
    .home-hero-v2 h1 { font-size: clamp(2rem, 11vw, 3rem); }
    .home-hero-v2__visual { min-height: 250px; border-radius: 20px; }
    .home-hero-v2__visual img { min-height: 250px; max-height: 300px; }
    .home-hero-v2__visual-badge { left: 14px; right: 14px; bottom: 14px; justify-content: center; }
    .site-footer-v3.page-footer { margin-top: 52px; }
}
.task-launcher__loading,
.task-launcher__load-error {
    grid-column: 1 / -1;
    min-height: 320px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 12px;
    padding: 30px;
    color: var(--izdari-muted);
    text-align: center;
}
.task-launcher__load-error i { font-size: 42px; color: #b7791f; }
.task-launcher__load-error strong { color: var(--izdari-text); }

/* Patch 28 — marketplace discovery & conversion polish. */
.discovery-page {
    background: #f7f9f8;
    min-height: 68vh;
}
.discovery-hero {
    background: #fff;
    border-bottom: 1px solid var(--izdari-border);
}
.discovery-hero__inner {
    padding-top: 42px;
    padding-bottom: 30px;
}
.discovery-hero__heading {
    max-width: 780px;
    margin: 20px 0 24px;
}
.discovery-hero__heading h1 {
    margin: 6px 0 10px;
    color: #202b25;
    font-size: clamp(2.1rem, 4vw, 3.35rem);
    line-height: 1.08;
    letter-spacing: -.035em;
}
.discovery-hero__heading p {
    max-width: 720px;
    margin: 0;
    color: var(--izdari-muted);
    font-size: 1.03rem;
    line-height: 1.65;
}
.discovery-switcher {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px;
    border: 1px solid #e0e7e3;
    border-radius: 12px;
    background: #f7f9f8;
}
.discovery-switcher__item {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 38px;
    padding: 0 13px;
    border-radius: 9px;
    color: #5e6963;
    font-size: .9rem;
    font-weight: 700;
}
.discovery-switcher__item i { font-size: 18px; }
.discovery-switcher__item:hover,
.discovery-switcher__item:focus-visible { color: var(--izdari-primary-dark); background: #edf7f0; }
.discovery-switcher__item.is-active {
    background: #fff;
    color: #223229;
    box-shadow: 0 1px 3px rgba(31, 50, 40, .10);
}
.discovery-switcher__item.is-active i { color: var(--izdari-primary); }

.discovery-searchbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: stretch;
    gap: 10px;
    max-width: 940px;
}
.discovery-searchbar__input {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 56px;
    border: 1px solid #d9e2dd;
    border-radius: 14px;
    background: #fff;
    transition: border-color .18s ease, box-shadow .18s ease;
}
.discovery-searchbar__input:focus-within {
    border-color: #9bd5ae;
    box-shadow: 0 0 0 3px rgba(0, 168, 68, .08);
}
.discovery-searchbar__input > i {
    flex: 0 0 auto;
    margin-left: 16px;
    color: #7c8881;
    font-size: 22px;
}
.discovery-searchbar__input input[type="search"] {
    height: 54px !important;
    margin: 0 !important;
    padding: 0 48px 0 12px !important;
    border: 0 !important;
    box-shadow: none !important;
    color: var(--izdari-text);
    font-size: 1rem;
}
.discovery-searchbar__clear {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    color: #7b8680;
}
.discovery-searchbar__clear:hover { background: #f0f4f2; color: #25352c; }
.discovery-searchbar > .btn {
    min-height: 56px;
    height: 56px;
    line-height: 56px;
    border-radius: 13px;
    box-shadow: none;
}
.discovery-mobile-filter { display: none; }

.discovery-category-rail,
.services-category-jump {
    display: flex;
    gap: 8px;
    margin-top: 18px;
    padding: 2px 0 6px;
    overflow-x: auto;
    scrollbar-width: thin;
    scroll-snap-type: x proximity;
}
.discovery-chip.chip {
    flex: 0 0 auto;
    min-height: 34px;
    height: auto;
    line-height: 1.25;
    margin: 0;
    padding: 8px 12px;
    border: 1px solid #e0e7e3;
    border-radius: 999px;
    background: #fff;
    color: #53615a;
    font-size: .82rem;
    font-weight: 650;
    scroll-snap-align: start;
}
.discovery-chip.chip:hover,
.discovery-chip.chip:focus-visible,
.discovery-chip.chip.is-active {
    border-color: #b8ddc4;
    background: #edf8f1;
    color: var(--izdari-primary-dark);
}
.discovery-content { padding-top: 26px; padding-bottom: 64px; }
.discovery-filter-bar {
    display: grid;
    grid-template-columns: minmax(180px, 1.35fr) minmax(150px, .9fr) minmax(180px, 1fr) auto;
    gap: 12px;
    align-items: end;
    margin-bottom: 16px;
    padding: 15px;
    border: 1px solid var(--izdari-border);
    border-radius: 16px;
    background: #fff;
}
.discovery-filter-control {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 0;
    color: #5e6b64;
    font-size: .78rem;
    font-weight: 700;
}
.discovery-filter-control .izdari-select { margin: 0; background-color: #fbfcfb; }
.discovery-filter-reset {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 44px;
    padding: 0 12px;
    border-radius: 10px;
    color: #68756e;
    font-weight: 700;
    white-space: nowrap;
}
.discovery-filter-reset i { font-size: 18px; }
.discovery-filter-reset:hover { background: #f1f5f3; color: #26372e; }
.active-filter-bar--polished {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 12px 0 20px;
}
.filter-chip--removable {
    text-decoration: none;
    transition: border-color .16s ease, background .16s ease;
}
.filter-chip--removable > .material-icons:last-child { font-size: 15px; margin-left: 2px; }
.filter-chip--removable:hover { border-color: #c4d9cc; background: #f2f7f4; color: #2e4036; }
.discovery-results-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin: 26px 0 18px;
}
.discovery-results-head h2 {
    margin: 5px 0 4px;
    color: #24332b;
    font-size: clamp(1.7rem, 3vw, 2.25rem);
}
.discovery-results-head p { margin: 0; color: #76817b; }
.discovery-results-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }
.provider-ranking-explainer { position: relative; }
.provider-ranking-explainer summary {
    min-height: 40px;
    padding: 9px 11px;
    border-radius: 10px;
}
.provider-ranking-explainer[open] {
    padding: 0 0 10px;
}
.provider-ranking-explainer[open] p {
    max-width: 520px;
    padding: 12px 14px;
    border: 1px solid #e2e9e5;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(25, 45, 34, .06);
}

/* Provider cards: fewer competing blocks, more decision-relevant evidence. */
.provider-grid--discovery { align-items: stretch; }
.provider-card--v4 {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    border: 1px solid #e1e8e4;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 6px 20px rgba(29, 49, 38, .045);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.provider-card--v4:hover {
    transform: translateY(-2px);
    border-color: #c9ddd0;
    box-shadow: 0 14px 34px rgba(29, 49, 38, .075);
}
.provider-card__top--v4 { padding-right: 30px; }
.provider-card__meta-row--v4 { gap: 9px 12px; margin-top: 7px; }
.provider-card__bio--v4 { min-height: 42px; margin: 15px 0 10px; color: #67736d; line-height: 1.5; }
.provider-card__chips--services { min-height: 34px; }
.provider-card__chips--services span { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.provider-card__proof-row {
    display: flex;
    flex-wrap: wrap;
    gap: 7px 10px;
    margin-top: 13px;
    padding-top: 12px;
    border-top: 1px solid #edf1ef;
}
.provider-proof {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #68766f;
    font-size: .77rem;
}
.provider-proof i { color: #6f8077; font-size: 15px; }
.provider-proof--strong { color: #315a43; font-weight: 700; }
.provider-proof--strong i { color: var(--izdari-primary); }
.provider-card__decision-row {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 14px;
    margin-top: 14px;
    padding: 12px 0;
    border-top: 1px solid #edf1ef;
}
.provider-card__decision-metrics { display: flex; flex-wrap: wrap; gap: 7px 12px; color: #66736c; font-size: .79rem; }
.provider-card__decision-metrics span { display: inline-flex; align-items: center; gap: 4px; }
.provider-card__decision-metrics strong { color: #2b3d33; }
.provider-card__decision-metrics i { font-size: 15px; color: #728079; }
.provider-card__price { flex: 0 0 auto; text-align: right; }
.provider-card__price small { display: block; color: #87918c; font-size: .68rem; text-transform: uppercase; letter-spacing: .05em; }
.provider-card__price strong { color: #24362c; font-size: 1.25rem; }
.provider-card__footer--v4 { margin-top: auto; padding-top: 2px; }
.provider-card__footer--v4 .btn { width: 100%; justify-content: center; }

/* Task cards: budget and service become first-class decision signals. */
.task-card--v4 { overflow: visible; border: 1px solid #e1e8e4; border-radius: 17px; box-shadow: 0 6px 18px rgba(30, 49, 39, .04); }
.task-card--v4:hover { border-color: #c8ddcf; box-shadow: 0 12px 28px rgba(30, 49, 39, .07); }
.task-card__top--v4 { align-items: flex-start; }
.task-card__label-row { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; margin-bottom: 8px; }
.task-card__service-label { display: inline-flex; align-items: center; min-height: 27px; padding: 5px 9px; border-radius: 999px; background: #eef7f1; color: #376047; font-size: .76rem; font-weight: 700; }
.task-card__meta--v4 { margin-top: 9px; }
.task-card__decision { position: relative; flex: 0 0 auto; min-width: 132px; padding-right: 40px; text-align: right; }
.task-card__budget-label { display: block; color: #87918b; font-size: .7rem; text-transform: uppercase; letter-spacing: .055em; }
.task-card__decision .task-budget { display: block; margin-top: 2px; color: #22352a; font-size: 1.22rem; line-height: 1.2; }
.task-budget--open { font-size: .95rem !important; font-weight: 700; }
.task-card__decision .task-save-form { position: absolute; top: -6px; right: -6px; }
.task-card__description--v4 { margin: 14px 0 16px; color: #5f6e66; line-height: 1.55; }
.task-card__footer--v4 { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 14px; border-top: 1px solid #edf1ef; }
.task-card__client-proof, .task-card__action-row { display: flex; align-items: center; flex-wrap: wrap; gap: 9px 12px; }
.task-card__action-row { justify-content: flex-end; }
.task-card__action-row .btn { margin-left: 4px; }
.task-toolbar--polished { justify-content: flex-end; background: transparent; border: 0; padding: 0 0 6px; }
.task-toolbar--polished .saved-providers-link { margin-left: auto; }
.task-results-heading.discovery-results-head { margin-top: 18px; }

/* Materialize sidenav used as mobile-only marketplace filter drawer. */
.marketplace-filter-sidenav {
    width: min(390px, 92vw);
    padding: 0;
    background: #fff;
}
.marketplace-filter-sidenav__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 20px;
    border-bottom: 1px solid #e5ebe7;
}
.marketplace-filter-sidenav__header h3 { margin: 4px 0 0; color: #26372e; font-size: 1.55rem; }
.marketplace-filter-sidenav__header .sidenav-close,
.filter-drawer-close {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #f3f6f4;
    color: #3d4d44;
}
.marketplace-filter-sidenav__body { display: grid; gap: 18px; padding: 22px 20px 28px; }
.marketplace-filter-sidenav__actions { display: flex; justify-content: space-between; gap: 10px; margin-top: 6px; }
.marketplace-filter-sidenav__actions .btn { flex: 1; }
.filter-panel__header-actions { display: flex; align-items: center; gap: 5px; }

/* Home: two clear marketplace intents instead of one overloaded hero form. */
.home-hero-v3 .home-hero-v2__copy { max-width: 760px; }
.home-intent-card {
    margin-top: 26px;
    padding: 5px;
    border: 1px solid #dde6e1;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 14px 38px rgba(26, 47, 35, .07);
}
.home-intent-tabs.tabs {
    height: 48px;
    margin: 0 0 5px;
    border-radius: 13px;
    background: #f5f8f6;
    overflow: hidden;
}
.home-intent-tabs.tabs .tab { height: 48px; line-height: 48px; }
.home-intent-tabs.tabs .tab a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    height: 48px;
    padding: 0 14px;
    color: #5d6a63;
    font-size: .88rem;
    font-weight: 800;
    text-transform: none;
}
.home-intent-tabs.tabs .tab a:hover,
.home-intent-tabs.tabs .tab a:focus,
.home-intent-tabs.tabs .tab a.active { color: #24352c; background: #fff; }
.home-intent-tabs.tabs .tab a i { font-size: 18px; }
.home-intent-tabs.tabs .indicator { height: 3px; background-color: var(--izdari-primary); }
.home-intent-panel { display: none; padding: 10px; }
.home-intent-panel.is-initially-active { display: block; }
.home-intent-panel .home-service-search { margin: 0; box-shadow: none; border-color: #dde5e1; }
.home-intent-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 9px; }
.home-intent-link {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 58px;
    padding: 9px 11px;
    border: 1px solid #e3e9e6;
    border-radius: 11px;
    color: #48574f;
}
.home-intent-link:hover { border-color: #bedbc7; background: #f5faf7; color: #263a2f; }
.home-intent-link > i { color: #74827a; font-size: 21px; }
.home-intent-link--primary > i { color: var(--izdari-primary); }
.home-intent-link span { display: flex; min-width: 0; flex-direction: column; }
.home-intent-link strong { color: #2b3b32; font-size: .84rem; }
.home-intent-link small { color: #7a8580; font-size: .72rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.home-trust-strip { margin-top: 16px; }

/* Catalog: jump navigation, data-driven popular services, precise in-page filtering. */
.services-directory--v4 .services-directory__hero { padding-bottom: 24px; }
.services-directory-search { max-width: 820px; }
.services-directory-search__hint { flex: 0 0 auto; padding-right: 14px; color: #8a948f; font-size: .73rem; }
.services-popular { margin: 34px 0 28px; }
.home-section-heading--compact { margin-bottom: 16px; }
.home-section-heading--compact h2 { font-size: clamp(1.45rem, 2.4vw, 2rem); }
.services-popular__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.services-popular__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 64px;
    padding: 11px 14px;
    border: 1px solid #e1e8e4;
    border-radius: 13px;
    background: #fff;
    color: #34483d;
}
.services-popular__item:hover { border-color: #bfdbc7; box-shadow: 0 6px 18px rgba(24, 46, 34, .05); }
.services-popular__item > span:first-child { display: flex; min-width: 0; flex-direction: column; }
.services-popular__item strong { color: #293b31; }
.services-popular__item small { margin-top: 2px; color: #7d8982; }
.services-popular__metrics { display: flex; gap: 7px; color: #6e7c74; font-size: .75rem; }
.services-popular__metrics span { display: inline-flex; align-items: center; gap: 3px; }
.services-popular__metrics i { font-size: 15px; }
.service-directory-category { scroll-margin-top: 96px; }
.service-directory-category__metrics { display: flex; flex-wrap: wrap; gap: 8px 14px; margin-top: 6px; color: #7a8680; font-size: .78rem; }
.service-directory-category__metrics span { display: inline-flex; align-items: center; gap: 4px; }
.service-directory-category__metrics i { color: #789185; font-size: 16px; }
.service-group-links a { display: flex; justify-content: space-between; gap: 8px; }
.service-group-links a > i { opacity: 0; transform: translateX(-3px); color: #8aa194; font-size: 16px; transition: opacity .15s ease, transform .15s ease; }
.service-group-links a:hover > i,
.service-group-links a:focus-visible > i { opacity: 1; transform: translateX(0); }

.service-price-note {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    max-width: 760px;
    margin: 12px 0 0;
    color: #68776f;
    font-size: .82rem;
    line-height: 1.5;
}
.service-price-note i { color: #718c7c; font-size: 18px; }
.service-related { margin: 34px 0 10px; }
.service-related__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.service-related__grid a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 58px;
    padding: 10px 13px;
    border: 1px solid #e2e9e5;
    border-radius: 12px;
    background: #fff;
    color: #34493d;
}
.service-related__grid a:hover { border-color: #bdd9c5; background: #f8fbf9; }
.service-related__grid span { display: flex; min-width: 0; flex-direction: column; }
.service-related__grid strong { color: #2d4035; }
.service-related__grid small { color: #7d8882; font-size: .75rem; }
.service-related__grid i { color: #7a9184; font-size: 18px; }

/* Materialize autocomplete: keep suggestions visually inside the Izdari system. */
.autocomplete-content.dropdown-content {
    margin-top: 5px;
    border: 1px solid #dfe7e2;
    border-radius: 12px;
    box-shadow: 0 16px 34px rgba(24, 43, 33, .12);
    overflow: hidden;
}
.autocomplete-content.dropdown-content li > span { color: #33483c; font-size: .92rem; }
.autocomplete-content.dropdown-content li:hover,
.autocomplete-content.dropdown-content li.active { background: #f1f8f3; }

@media (min-width: 993px) {
    /* The task category panel is a normal sticky sidebar on desktop and a real M.Sidenav on mobile. */
    .marketplace-filter-sidenav--categories.sidenav {
        position: sticky !important;
        top: 90px !important;
        left: auto !important;
        z-index: 2 !important;
        width: auto !important;
        height: auto !important;
        max-height: calc(100vh - 112px) !important;
        padding: 0 !important;
        overflow: visible !important;
        transform: none !important;
        box-shadow: none !important;
        background: transparent !important;
    }
    .marketplace-filter-sidenav--categories .filter-categories-scroll { max-height: calc(100vh - 310px); overflow-y: auto; }
}

@media (max-width: 992px) {
    .discovery-hero__inner { padding-top: 30px; }
    .discovery-searchbar { grid-template-columns: minmax(0, 1fr) auto; }
    .discovery-searchbar > .btn-main { min-width: 130px; }
    .discovery-mobile-filter { display: inline-flex; align-items: center; justify-content: center; gap: 6px; grid-column: 1 / -1; min-height: 44px !important; height: 44px !important; line-height: 44px !important; }
    .discovery-mobile-filter i { font-size: 18px; }
    .task-list-layout { grid-template-columns: 1fr !important; }
    .marketplace-filter-sidenav--categories .filter-panel { border: 0; border-radius: 0; box-shadow: none; }
    .marketplace-filter-sidenav--categories .filter-categories-scroll { max-height: calc(100vh - 250px); overflow-y: auto; }
    .task-toolbar--polished { justify-content: stretch; }
    .task-toolbar--polished .task-status-wrap { flex: 1 1 180px; }
    .task-toolbar--polished .saved-providers-link { margin-left: 0; }
    .home-hero-v3 .home-hero-v2__inner { grid-template-columns: 1fr; }
}

@media (max-width: 700px) {
    .discovery-hero__heading { margin-top: 16px; }
    .discovery-hero__heading h1 { font-size: clamp(1.9rem, 9vw, 2.7rem); }
    .discovery-searchbar { grid-template-columns: 1fr; }
    .discovery-searchbar > .btn-main { width: 100%; }
    .discovery-mobile-filter { grid-column: auto; width: 100%; }
    .discovery-results-head { align-items: flex-start; flex-direction: column; }
    .discovery-results-actions { width: 100%; justify-content: flex-start; }
    .provider-card__decision-row { align-items: flex-start; }
    .task-card__top--v4 { flex-direction: column; gap: 12px; }
    .task-card__decision { width: 100%; min-width: 0; padding: 10px 44px 0 0; text-align: left; border-top: 1px solid #eef2f0; }
    .task-card__decision .task-save-form { top: 5px; right: 0; }
    .task-card__footer--v4 { align-items: flex-start; flex-direction: column; }
    .task-card__action-row { width: 100%; justify-content: flex-start; }
    .task-card__action-row .btn { width: 100%; margin-left: 0; }
    .home-intent-actions, .services-popular__grid, .service-related__grid { grid-template-columns: 1fr; }
    .home-intent-tabs.tabs .tab a { padding: 0 8px; font-size: .8rem; }
    .home-intent-tabs.tabs .tab a i { display: none; }
    .services-directory-search__hint { display: none; }
}

/* ==========================================================
   PATCH 29 — IZDARI MARKET / SELLER CAPABILITY
   Services stay primary; commerce is a compact professional extension.
   ========================================================== */
.account-sidenav-role { display:flex; align-items:center; justify-content:space-between; gap:8px; flex-wrap:wrap; }
.account-sidenav-role > span { display:inline-flex; align-items:center; gap:6px; }
.account-role-capability,
.profile-role-shop {
    display:inline-flex; align-items:center; gap:5px; min-height:27px; padding:3px 9px;
    border:1px solid #cfe7d7; border-radius:999px; background:#f0faf3; color:#227344;
    font-size:.74rem; font-weight:700; letter-spacing:.01em;
}
.account-role-capability i,.profile-role-shop i { font-size:15px; }
.profile-name-row { flex-wrap:wrap; }

.provider-shop-intent {
    border:1px solid #dce9e1; border-radius:16px; background:linear-gradient(135deg,#fbfefc 0%,#f4faf6 100%);
}
.provider-shop-intent.is-disabled { opacity:.62; }
.provider-shop-intent__choice { display:flex; align-items:flex-start; gap:13px; cursor:pointer; padding:12px 14px; border:1px solid #dce8e1; border-radius:13px; background:#fff; }
.provider-shop-intent__choice > span:last-child { display:flex; flex-direction:column; gap:3px; color:#34483d; }
.provider-shop-intent__choice strong { font-weight:700; }
.provider-shop-intent__choice small { color:#718077; line-height:1.45; }

.nav-shop-cart { position:relative; display:inline-flex !important; align-items:center; justify-content:center; width:42px; height:42px; border-radius:50%; color:#526158 !important; }
.nav-shop-cart:hover { background:#f2f7f4 !important; }
.nav-shop-cart i { font-size:22px; }
.nav-shop-cart__count { position:absolute; top:1px; right:0; min-width:18px; height:18px; padding:0 5px; border-radius:999px; background:var(--izdari-primary); color:#fff; font-size:.66rem; line-height:18px; text-align:center; font-weight:800; }

.shop-index-page,.store-page,.product-detail-page { padding-bottom:56px; background:#fbfcfb; }
.shop-hero { border-bottom:1px solid #e4ebe7; background:linear-gradient(180deg,#f5fbf7 0%,#fff 100%); }
.shop-hero__inner { padding:54px 0 38px; }
.shop-hero__inner > div:first-child { max-width:760px; }
.shop-hero h1,.store-profile-hero h1,.product-buy-card h1 { margin:6px 0 10px; color:#25382e; font-weight:800; letter-spacing:-.025em; }
.shop-hero p { max-width:760px; margin:0; color:#66766d; font-size:1.05rem; line-height:1.6; }
.shop-search { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:10px; max-width:760px; margin-top:25px; padding:6px 7px 6px 15px; border:1px solid #dbe6df; border-radius:15px; background:#fff; box-shadow:0 8px 26px rgba(35,63,47,.06); }
.shop-search > i { color:#7b8a82; }
.shop-search input[type="search"] { margin:0 !important; height:45px !important; border:0 !important; box-shadow:none !important; }
.shop-hero__note { display:flex; align-items:center; gap:8px; margin-top:16px; color:#64746b; font-size:.82rem; }
.shop-hero__note i { color:var(--izdari-primary); font-size:19px; }
.shop-index-content { padding-top:26px; }
.shop-category-rail { display:flex; gap:8px; padding:2px 0 18px; overflow-x:auto; scrollbar-width:thin; }
.shop-category-rail .chip { display:inline-flex; align-items:center; gap:5px; flex:0 0 auto; margin:0; }
.shop-category-rail .chip i { font-size:16px; }

.shop-featured-stores { margin:18px 0 36px; }
.shop-store-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.shop-store-card { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:11px; min-height:76px; padding:13px; border:1px solid #e0e9e4; border-radius:14px; background:#fff; color:#34483d; transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease; }
.shop-store-card:hover { color:#34483d; border-color:#bcdac5; box-shadow:0 9px 24px rgba(34,57,44,.07); transform:translateY(-1px); }
.shop-store-card__icon { display:flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:12px; background:#eff8f2; color:var(--izdari-primary); }
.shop-store-card__icon i { font-size:22px; }
.shop-store-card > span:nth-child(2) { display:flex; min-width:0; flex-direction:column; }
.shop-store-card strong { overflow:hidden; color:#2e4236; text-overflow:ellipsis; white-space:nowrap; }
.shop-store-card small { overflow:hidden; margin-top:2px; color:#7b8881; text-overflow:ellipsis; white-space:nowrap; }
.shop-store-card__count { display:flex; min-width:31px; height:31px; align-items:center; justify-content:center; border-radius:999px; background:#f3f6f4; color:#5e6f65; font-size:.78rem; font-weight:700; }

.shop-products-section { margin-top:18px; }
.shop-product-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.shop-product-grid--home { margin-top:18px; }
.shop-product-card { overflow:hidden; border:1px solid #e0e7e3; border-radius:16px; background:#fff; box-shadow:0 4px 16px rgba(35,54,43,.035); transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease; }
.shop-product-card:hover { transform:translateY(-2px); border-color:#bdd9c6; box-shadow:0 12px 30px rgba(31,54,41,.08); }
.shop-product-card__media { position:relative; display:block; aspect-ratio:4/3; overflow:hidden; background:#f4f7f5; }
.shop-product-card__media img { width:100%; height:100%; object-fit:cover; transition:transform .22s ease; }
.shop-product-card:hover .shop-product-card__media img { transform:scale(1.025); }
.shop-product-card__placeholder { display:flex; width:100%; height:100%; align-items:center; justify-content:center; color:#a4b0a9; }
.shop-product-card__placeholder i { font-size:44px; }
.shop-product-card__sale { position:absolute; left:9px; top:9px; padding:4px 8px; border-radius:999px; background:#fff; color:#257345; box-shadow:0 2px 10px rgba(0,0,0,.08); font-size:.69rem; font-weight:800; }
.shop-product-card__body { display:flex; min-height:230px; flex-direction:column; padding:14px; }
.shop-product-card__meta { display:flex; justify-content:space-between; gap:8px; color:#7d8982; font-size:.69rem; }
.shop-product-card__title { display:-webkit-box; margin:8px 0 7px; overflow:hidden; color:#273b30; font-size:.98rem; font-weight:750; line-height:1.35; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.shop-product-card__seller { display:flex; align-items:center; gap:5px; color:#66776d; font-size:.77rem; }
.shop-product-card__seller i { color:#71917f; font-size:16px; }
.shop-product-card__bottom { display:flex; align-items:flex-end; justify-content:space-between; gap:9px; margin-top:auto; padding-top:13px; }
.shop-product-card__price { display:flex; align-items:baseline; gap:7px; }
.shop-product-card__price strong { color:#24392d; font-size:1.18rem; }
.shop-product-card__price del { color:#9aa39e; font-size:.75rem; }
.shop-stock { display:inline-flex; padding:3px 7px; border-radius:999px; background:#f1f5f2; color:#65746c; font-size:.66rem; white-space:nowrap; }
.shop-stock--in_stock { background:#edf8f0; color:#297447; }
.shop-stock--out_of_stock { background:#f7efef; color:#9c5555; }
.shop-product-card form { margin-top:12px; }
.shop-product-card form .btn { width:100%; }

.store-profile-hero { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; margin:18px 0 24px; padding:24px; border:1px solid #dfe8e3; border-radius:18px; background:#fff; box-shadow:0 6px 22px rgba(34,58,44,.045); }
.store-profile-hero__identity { display:flex; gap:16px; min-width:0; }
.store-profile-hero__icon { display:flex; width:58px; height:58px; flex:0 0 58px; align-items:center; justify-content:center; border-radius:16px; background:#edf8f0; color:var(--izdari-primary); }
.store-profile-hero__icon i { font-size:29px; }
.store-profile-hero p { max-width:720px; margin:0; color:#68786f; line-height:1.55; }
.store-profile-hero__trust { display:flex; flex-wrap:wrap; gap:8px 13px; margin-top:12px; }
.store-profile-hero__trust span,.store-profile-hero__trust a { display:inline-flex; align-items:center; gap:5px; color:#607168; font-size:.79rem; }
.store-profile-hero__trust i { color:#658875; font-size:17px; }
.store-contact-strip { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-top:28px; }
.store-contact-strip > div { display:flex; align-items:flex-start; gap:9px; min-width:0; padding:13px; border:1px solid #e1e8e4; border-radius:13px; background:#fff; }
.store-contact-strip i { color:#6b8b79; }
.store-contact-strip span { display:flex; min-width:0; flex-direction:column; }
.store-contact-strip small { color:#88928c; font-size:.68rem; }
.store-contact-strip strong,.store-contact-strip a { overflow-wrap:anywhere; color:#34483d; font-size:.8rem; }
.store-policy-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:14px; }
.store-policy-grid article { padding:18px; border:1px solid #e0e8e3; border-radius:14px; background:#fff; }
.store-policy-grid article > i { color:var(--izdari-primary); }
.store-policy-grid h3 { margin:8px 0; color:#2d4135; font-size:1rem; }
.store-policy-grid p { margin:0; color:#66766d; line-height:1.55; }

.product-detail-grid { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(330px,.75fr); gap:28px; align-items:start; margin:18px 0 36px; }
.product-gallery__main { display:flex; aspect-ratio:4/3; align-items:center; justify-content:center; overflow:hidden; border:1px solid #e0e8e3; border-radius:18px; background:#fff; }
.product-gallery__main img { width:100%; height:100%; object-fit:contain; }
.product-gallery__empty { display:flex; aspect-ratio:4/3; align-items:center; justify-content:center; border:1px solid #e0e8e3; border-radius:18px; background:#f3f6f4; color:#a7b1ab; }
.product-gallery__empty i { font-size:64px; }
.product-gallery__thumbs { display:flex; gap:8px; margin-top:10px; overflow-x:auto; }
.product-gallery__thumbs button { width:72px; height:58px; flex:0 0 72px; padding:2px; overflow:hidden; border:2px solid transparent; border-radius:10px; background:#fff; cursor:pointer; }
.product-gallery__thumbs button.is-active { border-color:var(--izdari-primary); }
.product-gallery__thumbs img { width:100%; height:100%; object-fit:cover; border-radius:7px; }
.product-buy-card { position:sticky; top:92px; padding:22px; border:1px solid #dde7e1; border-radius:18px; background:#fff; box-shadow:0 10px 32px rgba(36,58,45,.07); }
.product-buy-card__eyebrow { display:flex; justify-content:space-between; gap:10px; color:#75837b; font-size:.74rem; }
.product-buy-card__seller { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:11px 0; border-top:1px solid #eef2f0; border-bottom:1px solid #eef2f0; }
.product-buy-card__seller > a:first-child { display:flex; align-items:center; gap:8px; color:#34483d; }
.product-buy-card__seller i { color:#6f8c7c; }
.product-buy-card__seller span { display:flex; flex-direction:column; }
.product-buy-card__seller small { color:#88928c; font-size:.68rem; }
.product-seller-profile-link { font-size:.78rem; font-weight:700; }
.product-buy-card__price { display:flex; align-items:baseline; gap:10px; padding:18px 0 10px; }
.product-buy-card__price strong { color:#24382d; font-size:1.75rem; }
.product-buy-card__price del { color:#9aa49e; }
.product-buy-card__availability { display:flex; align-items:flex-start; gap:8px; margin-bottom:15px; color:#53665b; }
.product-buy-card__availability i { color:var(--izdari-primary); }
.product-buy-card__availability span { display:flex; flex-direction:column; }
.product-buy-card__availability small { color:#849089; }
.product-add-form { display:grid; grid-template-columns:86px minmax(0,1fr); gap:9px; }
.product-add-form label { display:flex; flex-direction:column; gap:4px; color:#718077; font-size:.7rem; }
.product-add-form input { box-sizing:border-box !important; height:45px !important; margin:0 !important; padding:0 10px !important; border:1px solid #d9e3dd !important; border-radius:10px !important; box-shadow:none !important; }
.product-add-form .btn { height:45px; line-height:45px; }
.product-buy-card__notice { display:flex; align-items:flex-start; gap:8px; margin-top:14px; padding:11px; border-radius:11px; background:#f5f8f6; color:#68776f; font-size:.74rem; line-height:1.45; }
.product-buy-card__notice i { color:#759080; font-size:18px; }
.product-service-link { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:10px; margin-top:12px; padding:12px; border:1px solid #d9e7de; border-radius:12px; background:#f9fcfa; color:#34483d; }
.product-service-link > i:first-child { color:var(--izdari-primary); }
.product-service-link span { display:flex; min-width:0; flex-direction:column; }
.product-service-link small { color:#87928c; font-size:.66rem; }
.product-service-link em { margin-top:2px; color:#708078; font-size:.69rem; font-style:normal; }
.product-description-section,.related-products-section { margin-top:34px; }
.product-description-section { max-width:820px; }
.product-description-section h2 { margin:5px 0 10px; color:#2a3e32; }
.product-description-copy { color:#56685e; font-size:.96rem; line-height:1.7; }

.shop-form-page,.shop-cart-page,.shop-checkout-page,.shop-orders-page,.shop-order-detail-page,.shop-success-page,.shop-dashboard-page { background:#fbfcfb; }
.shop-form-card { padding:22px; border:1px solid #dfe8e3; border-radius:17px; background:#fff; box-shadow:0 7px 26px rgba(34,57,44,.045); }
.shop-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px 16px; }
.shop-field-full { grid-column:1/-1; }
.shop-field { display:flex; flex-direction:column; gap:6px; margin:9px 0 14px; color:#66776e; font-size:.78rem; font-weight:700; }
.shop-form-section + .shop-form-section { margin-top:24px; padding-top:22px; border-top:1px solid #eef2f0; }
.shop-form-section__head { display:flex; gap:10px; margin-bottom:14px; }
.shop-form-section__head > i { color:var(--izdari-primary); }
.shop-form-section__head h2 { margin:0; color:#2c4034; font-size:1.05rem; }
.shop-form-section__head p { margin:2px 0 0; color:#7a8780; font-size:.8rem; }
.shop-seller-confirmation,.shop-enable-toggle { display:flex; align-items:flex-start; gap:12px; margin-top:18px; padding:13px; border:1px solid #dce7e0; border-radius:12px; background:#f9fcfa; }
.shop-enable-toggle > span:last-child { display:flex; flex-direction:column; }
.shop-enable-toggle small { color:#79877f; }
.shop-legal-hint { color:#7b8780; font-size:.76rem; line-height:1.5; }
.shop-form-actions { display:flex; justify-content:flex-end; gap:9px; margin-top:22px; }
.shop-service-linker { margin:18px 0; padding:15px; border:1px solid #dce8e1; border-radius:14px; background:#f8fcf9; }
.shop-service-linker > div:first-child { display:flex; gap:9px; margin-bottom:8px; }
.shop-service-linker > div:first-child > i { color:var(--izdari-primary); }
.shop-service-linker span { display:flex; flex-direction:column; }
.shop-service-linker small { color:#74837b; }
.shop-image-upload { margin-top:20px; }
.shop-image-upload > label { display:flex; align-items:center; gap:10px; padding:16px; border:1px dashed #bfcfc6; border-radius:13px; background:#fbfdfc; cursor:pointer; }
.shop-image-upload > label > i { color:var(--izdari-primary); }
.shop-image-upload > label span { display:flex; flex-direction:column; }
.shop-image-upload input[type="file"] { margin-top:8px; }
.shop-image-preview,.shop-existing-images { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; margin-top:10px; }
.shop-image-preview figure,.shop-existing-images figure { position:relative; aspect-ratio:1; margin:0; overflow:hidden; border:1px solid #e1e8e4; border-radius:10px; background:#f4f7f5; }
.shop-image-preview img,.shop-existing-images img { width:100%; height:100%; object-fit:cover; }
.shop-existing-images button { position:absolute; right:2px; top:2px; min-width:32px !important; padding:0 6px !important; background:rgba(255,255,255,.9) !important; }

.shop-dashboard-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:20px 0; }
.shop-dashboard-stats article { display:flex; align-items:center; gap:11px; padding:15px; border:1px solid #e0e8e3; border-radius:14px; background:#fff; }
.shop-dashboard-stats article > i { color:var(--izdari-primary); }
.shop-dashboard-stats span { display:flex; flex-direction:column; }
.shop-dashboard-stats strong { color:#2d4135; font-size:1.08rem; }
.shop-dashboard-stats small { color:#839088; }
.shop-dashboard-warning,.shop-dashboard-public-link { display:flex; align-items:center; gap:10px; margin-bottom:22px; padding:13px 15px; border-radius:12px; background:#f3f8f5; color:#5e7065; }
.shop-dashboard-warning i,.shop-dashboard-public-link i { color:var(--izdari-primary); }
.shop-dashboard-warning a,.shop-dashboard-public-link a { margin-left:auto; font-weight:700; }
.shop-dashboard-section { margin-top:28px; }
.shop-dashboard-products { display:flex; flex-direction:column; gap:8px; }
.shop-dashboard-product { display:grid; grid-template-columns:64px minmax(0,1fr) auto; align-items:center; gap:12px; padding:10px; border:1px solid #e0e8e3; border-radius:13px; background:#fff; }
.shop-dashboard-product__image { display:flex; width:64px; height:52px; align-items:center; justify-content:center; overflow:hidden; border-radius:9px; background:#f2f5f3; color:#9aa69f; }
.shop-dashboard-product__image img { width:100%; height:100%; object-fit:cover; }
.shop-dashboard-product__copy { display:flex; min-width:0; flex-direction:column; gap:2px; }
.shop-dashboard-product__copy strong { overflow:hidden; color:#304438; text-overflow:ellipsis; white-space:nowrap; }
.shop-dashboard-product__copy small { color:#7c8881; }
.shop-dashboard-product__actions { display:flex; align-items:center; gap:2px; }
.shop-dashboard-product__actions form { margin:0; }

.shop-cart-layout,.shop-checkout-layout { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(280px,.65fr); gap:22px; align-items:start; }
.shop-cart-groups { display:flex; flex-direction:column; gap:14px; }
.shop-cart-seller { overflow:hidden; border:1px solid #dfe8e3; border-radius:15px; background:#fff; }
.shop-cart-seller > header { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:10px; padding:13px 15px; border-bottom:1px solid #edf2ef; background:#fbfdfc; }
.shop-cart-seller > header > i { color:#658673; }
.shop-cart-seller > header div { display:flex; flex-direction:column; }
.shop-cart-seller > header small { color:#8a948e; font-size:.67rem; }
.shop-cart-line { display:grid; grid-template-columns:62px minmax(0,1fr) auto auto auto; align-items:center; gap:11px; padding:11px 14px; }
.shop-cart-line + .shop-cart-line { border-top:1px solid #f0f3f1; }
.shop-cart-line__image { display:flex; width:62px; height:52px; align-items:center; justify-content:center; overflow:hidden; border-radius:9px; background:#f2f5f3; color:#9ba69f; }
.shop-cart-line__image img { width:100%; height:100%; object-fit:cover; }
.shop-cart-line__copy { display:flex; min-width:0; flex-direction:column; }
.shop-cart-line__copy strong { color:#314539; }
.shop-cart-line__copy small { color:#839088; }
.shop-cart-quantity { display:flex; align-items:center; gap:5px; }
.shop-cart-quantity input { box-sizing:border-box !important; width:64px !important; height:38px !important; margin:0 !important; padding:0 8px !important; border:1px solid #dce5df !important; border-radius:9px !important; box-shadow:none !important; }
.shop-cart-line__total { color:#2d4135; white-space:nowrap; }
.shop-cart-remove { display:flex; width:34px; height:34px; align-items:center; justify-content:center; border:0; border-radius:50%; background:transparent; color:#98a19c; cursor:pointer; }
.shop-cart-remove:hover { background:#f7eeee; color:#a85c5c; }
.shop-cart-summary { position:sticky; top:92px; padding:18px; border:1px solid #dfe8e3; border-radius:15px; background:#fff; box-shadow:0 7px 24px rgba(34,57,44,.05); }
.shop-cart-summary > div:not(.shop-cart-summary__total):not(.shop-checkout-seller) { display:flex; justify-content:space-between; gap:10px; margin-top:8px; }
.shop-cart-summary__total { display:flex; justify-content:space-between; gap:10px; margin:13px 0; padding-top:13px; border-top:1px solid #e8eeea; }
.shop-cart-summary__total strong { color:#273c30; font-size:1.25rem; }
.shop-cart-summary .btn { width:100%; }
.shop-cart-summary > p { display:flex; align-items:flex-start; gap:6px; margin:11px 0 0; color:#79867f; font-size:.71rem; line-height:1.45; }
.shop-cart-summary > p i { font-size:17px; }
.shop-checkout-consent { display:flex; align-items:flex-start; gap:8px; margin-top:13px; padding:12px; border-radius:11px; background:#f5f8f6; color:#687970; font-size:.76rem; }
.shop-checkout-consent i { color:#789080; }
.shop-checkout-seller { display:flex; justify-content:space-between; gap:8px; padding:8px 0; border-bottom:1px solid #eef2f0; }
.shop-checkout-seller { flex-direction:column; }
.shop-checkout-seller small { color:#7f8c85; }

.shop-order-list { display:flex; flex-direction:column; gap:7px; }
.shop-order-row { display:grid; grid-template-columns:58px minmax(0,1fr) auto auto 22px; align-items:center; gap:10px; padding:12px 13px; border:1px solid #e0e8e3; border-radius:12px; background:#fff; color:#34483d; }
.shop-order-row:hover { color:#34483d; border-color:#bed8c7; }
.shop-order-row__id { color:#87928c; font-size:.76rem; }
.shop-order-row > span:nth-child(2) { display:flex; min-width:0; flex-direction:column; }
.shop-order-row small { color:#818d86; }
.status-pill { display:inline-flex; align-items:center; justify-content:center; min-height:26px; padding:3px 8px; border-radius:999px; background:#f1f4f2; color:#627068; font-size:.69rem; font-weight:700; }
.status-pill--published,.status-pill--confirmed,.status-pill--completed { background:#edf8f0; color:#2b7548; }
.status-pill--new,.status-pill--draft { background:#f4f5ef; color:#77754e; }
.status-pill--declined,.status-pill--cancelled,.status-pill--archived { background:#f8efef; color:#985858; }
.shop-order-detail-card { overflow:hidden; border:1px solid #dfe8e3; border-radius:16px; background:#fff; }
.shop-order-detail-status { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px; border-bottom:1px solid #edf2ef; }
.shop-order-info,.shop-order-seller-card,.shop-order-facts { padding:16px; border-bottom:1px solid #edf2ef; }
.shop-order-item { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; padding:10px 16px; border-bottom:1px solid #f0f3f1; }
.shop-order-total { display:flex; justify-content:space-between; gap:10px; padding:16px; font-size:1.08rem; }
.shop-order-status-form,.shop-order-cancel-form { padding:16px; }
.shop-success-card,.shop-empty { padding:28px; text-align:center; border:1px solid #e0e8e3; border-radius:16px; background:#fff; }
.shop-empty { grid-column:1/-1; }
.shop-empty > i,.shop-success-icon { color:var(--izdari-primary); }
.shop-empty > i { font-size:40px; }
.shop-success-icon { display:inline-flex; width:62px; height:62px; align-items:center; justify-content:center; border-radius:50%; background:#edf8f0; }
.shop-success-icon i { font-size:32px; }
.shop-success-actions { display:flex; justify-content:center; gap:9px; margin-top:16px; }

.native-toast-region { position:fixed; right:18px; top:86px; z-index:10050; display:flex; width:min(360px,calc(100vw - 36px)); flex-direction:column; gap:8px; pointer-events:none; }
.native-toast { padding:11px 14px; border:1px solid #dfe7e2; border-radius:11px; background:#fff; color:#34483d; box-shadow:0 12px 32px rgba(26,47,35,.15); font-size:.84rem; }
.native-toast--success { border-color:#c6e2cf; background:#f2faf4; }
.native-toast--error { border-color:#e7cbcb; background:#fdf5f5; color:#8f4c4c; }

@media (max-width: 1100px) {
    .shop-product-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .shop-store-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .store-contact-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 800px) {
    .shop-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
    .product-detail-grid,.shop-cart-layout,.shop-checkout-layout { grid-template-columns:1fr; }
    .product-buy-card,.shop-cart-summary { position:static; }
    .store-profile-hero { flex-direction:column; }
    .store-policy-grid { grid-template-columns:1fr; }
    .shop-dashboard-stats { grid-template-columns:1fr; }
    .shop-image-preview,.shop-existing-images { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .shop-cart-line { grid-template-columns:54px minmax(0,1fr) auto; }
    .shop-cart-quantity { grid-column:2; }
    .shop-cart-line__total { grid-column:3; grid-row:1; }
    .shop-cart-remove { grid-column:3; grid-row:2; justify-self:end; }
    .shop-order-row { grid-template-columns:48px minmax(0,1fr) auto; }
    .shop-order-row > .status-pill { grid-column:2; justify-self:start; }
    .shop-order-row > i { display:none; }
}
@media (max-width: 560px) {
    .shop-hero__inner { padding:34px 0 27px; }
    .shop-search { grid-template-columns:auto minmax(0,1fr); }
    .shop-search .btn { grid-column:1/-1; width:100%; }
    .shop-product-grid,.shop-store-grid,.shop-form-grid,.store-contact-strip { grid-template-columns:1fr; }
    .shop-product-card__body { min-height:0; }
    .product-add-form { grid-template-columns:74px minmax(0,1fr); }
    .store-profile-hero { padding:17px; }
    .store-profile-hero__identity { flex-direction:column; }
    .shop-form-card { padding:16px; }
    .shop-field-full { grid-column:auto; }
    .shop-dashboard-product { grid-template-columns:54px minmax(0,1fr); }
    .shop-dashboard-product__image { width:54px; height:46px; }
    .shop-dashboard-product__actions { grid-column:2; justify-content:flex-start; }
    .shop-cart-line { padding:10px; }
    .shop-success-actions,.shop-form-actions { flex-direction:column-reverse; }
    .shop-success-actions .btn,.shop-form-actions .btn { width:100%; }
}

/* Patch 30: YouDo-first service marketplace polish and embedded professional catalog. */
.filter-category-group {
    overflow: hidden;
}
.filter-category-group > summary {
    list-style: none;
}
.filter-category-group > summary::-webkit-details-marker { display: none; }
.filter-category-group[open] .filter-chevron { transform: rotate(180deg); }
.filter-category-group[open] .filter-category-icon,
.filter-category-group.has-selection .filter-category-icon { background: #e8f7ee; color: var(--izdari-primary); }
.filter-parent-check--full {
    width: 100%;
    min-width: 0;
    height: auto;
    min-height: 38px;
    justify-content: flex-start;
    gap: 8px;
    margin: 0 0 8px;
    padding: 7px 9px;
    border-radius: 9px;
    background: #f8fbf9;
}
.filter-parent-check--full span {
    height: auto !important;
    padding-left: 28px !important;
    color: #385044;
    font-size: 12px !important;
    font-weight: 700;
    line-height: 20px !important;
}

.profile-mini-catalog {
    margin-top: 28px;
    padding-top: 26px;
    border-top: 1px solid #e7ede9;
}
.profile-mini-catalog__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 22px;
    margin-bottom: 18px;
}
.profile-mini-catalog__head h5 { margin: 4px 0 6px; color: #2e4137; font-size: 1.18rem; font-weight: 800; }
.profile-mini-catalog__head p { max-width: 720px; margin: 0; color: #6f7d75; font-size: .86rem; line-height: 1.58; }
.profile-mini-catalog__actions { flex: 0 0 auto; }
.profile-mini-catalog__more { display: flex; justify-content: flex-end; margin-top: 10px; }
.profile-mini-catalog__empty {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px;
    border: 1px dashed #d7e3dc;
    border-radius: 14px;
    background: #fafcfb;
}
.profile-mini-catalog__empty > i { color: var(--izdari-primary); font-size: 28px; }
.profile-mini-catalog__empty > div { flex: 1; display: flex; flex-direction: column; gap: 3px; }
.profile-mini-catalog__empty strong { color: #32443a; }
.profile-mini-catalog__empty span { color: #748179; font-size: .8rem; line-height: 1.5; }

.info-page { padding: 52px 0 80px; background: linear-gradient(180deg, #f7fbf8 0, #fff 420px); }
.info-page__container { max-width: 1000px; }
.info-page__hero { max-width: 790px; margin-bottom: 28px; }
.info-page__hero h1 { margin: 5px 0 12px; color: #2b3f34; font-size: clamp(2.1rem, 5vw, 3.45rem); font-weight: 850; letter-spacing: -.045em; }
.info-page__hero p { margin: 0; color: #66766d; font-size: 1rem; line-height: 1.7; }
.info-page__grid { display: grid; gap: 12px; }
.info-page__card {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 18px;
    padding: 22px 24px;
    border: 1px solid #e1e9e4;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 10px 34px rgba(27, 55, 40, .045);
}
.info-page__number { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; background: #edf8f1; color: var(--izdari-primary-dark); font-weight: 850; }
.info-page__card h2 { margin: 0 0 6px; color: #31453a; font-size: 1.08rem; font-weight: 800; }
.info-page__card p { margin: 0; color: #6d7b73; font-size: .88rem; line-height: 1.65; }
.info-page__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 26px; }

@media (max-width: 992px) {
    .marketplace-filter-sidenav--categories.is-native-open {
        transform: translateX(0) !important;
        visibility: visible !important;
        z-index: 1200 !important;
    }
    body.native-filter-open { overflow: hidden; }
    body.native-filter-open::before {
        content: '';
        position: fixed;
        inset: 0;
        z-index: 1190;
        background: rgba(20, 32, 25, .42);
    }
    .profile-mini-catalog__head { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 600px) {
    .profile-mini-catalog__empty { align-items: flex-start; flex-wrap: wrap; }
    .profile-mini-catalog__empty .btn { width: 100%; }
    .info-page { padding: 34px 0 58px; }
    .info-page__card { grid-template-columns: 1fr; padding: 19px; }
}

/* Patch 31: privacy-first public UX, Scandinavian home polish, compact footer. */
.nav-shop-cart[hidden],
[data-shop-cart-link][hidden] { display: none !important; }

.btn-main,
.nav-create-task,
.nav-register-button { color: #fff !important; }

/* Home: calmer proportions, fewer promotional rows, consistent dark headings. */
.home-hero-v4 {
    padding: 54px 0 58px;
    border-bottom: 1px solid #edf1ef;
    background: linear-gradient(180deg, #fbfdfc 0%, #fff 100%);
}
.home-hero-v4__inner {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(360px, .78fr);
    gap: 64px;
    align-items: center;
    max-width: 1180px;
}
.home-hero-v4__copy { min-width: 0; }
.home-hero-v4 h1 {
    max-width: 700px;
    margin: 8px 0 14px;
    color: #24342b;
    font-size: clamp(2.65rem, 4.6vw, 4.55rem);
    line-height: .99;
    font-weight: 760;
    letter-spacing: -.055em;
}
.home-hero-v4__copy > p {
    max-width: 680px;
    margin: 0 0 24px;
    color: #66736c;
    font-size: 1rem;
    line-height: 1.58;
}
.home-hero-v4__visual {
    margin: 0;
    overflow: hidden;
    border-radius: 24px;
    aspect-ratio: 1.05 / .82;
    background: #eef2ef;
    box-shadow: 0 20px 48px rgba(32, 52, 40, .09);
}
.home-hero-v4__visual img { width: 100%; height: 100%; object-fit: cover; display: block; }
.home-intent-card--compact { max-width: 720px; margin-top: 18px; }
.home-intent-card--compact .home-intent-panel { padding: 14px; }
.home-intent-actions--compact { margin-top: 8px; }
.home-guest-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 24px; }
.home-guest-text-link { display: inline-flex; align-items: center; gap: 4px; padding: 8px 4px; color: #50645a; font-weight: 700; }
.home-guest-text-link i { font-size: 18px; }
.home-privacy-note {
    display: flex; align-items: flex-start; gap: 9px; max-width: 650px;
    margin-top: 20px; color: #6f7d75; font-size: .82rem; line-height: 1.5;
}
.home-privacy-note i { color: #5d7567; font-size: 18px; margin-top: 1px; }
.home-public-stats { border-bottom: 1px solid #edf1ef; background: #fff; }
.home-public-stats__grid {
    display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
    max-width: 1060px; padding-top: 18px; padding-bottom: 18px;
}
.home-public-stats__grid > div { padding: 4px 24px; border-right: 1px solid #edf1ef; }
.home-public-stats__grid > div:last-child { border-right: 0; }
.home-public-stats strong { display: block; color: #26372e; font-size: 1.45rem; font-weight: 760; line-height: 1.1; }
.home-public-stats span { display: block; margin-top: 4px; color: #7a867f; font-size: .75rem; }
.home-section-v4 { padding-top: 62px; padding-bottom: 62px; }
.home-section-v4 .home-section-heading { margin-bottom: 24px; }
.home-section-heading h2,
.home-how--v4 .home-section-heading h2 { color: #26372e; font-weight: 760; letter-spacing: -.035em; }
.home-category-grid-v2 { gap: 12px; }
.home-category-card { min-height: 126px; padding: 20px 18px; border-radius: 17px; box-shadow: none; }
.home-category-card:hover { transform: translateY(-2px); box-shadow: 0 10px 26px rgba(29, 50, 38, .06); }
.home-category-card > i { font-size: 26px; }
.home-category-card strong { color: #2d3c34; line-height: 1.25; }
.home-category-card small { margin-top: auto; color: #859088; }
.home-how--v4 { padding: 60px 0; border-top: 1px solid #edf1ef; border-bottom: 1px solid #edf1ef; background: #f9fbfa; }
.home-how__grid--v4 { gap: 12px; }
.home-how__grid--v4 article { min-height: 196px; padding: 24px; border-radius: 18px; box-shadow: none; }
.home-how__grid--v4 article > span { color: #d7e7dd; font-size: 2.4rem; font-weight: 800; }
.home-how__grid--v4 h3 { color: #2b3b32; }
.home-how__facts {
    display: flex; flex-wrap: wrap; gap: 10px 20px; align-items: center;
    margin-top: 22px; padding-top: 18px; border-top: 1px solid #e4ebe7;
    color: #68776f; font-size: .8rem;
}
.home-how__facts span, .home-how__facts a { display: inline-flex; align-items: center; gap: 6px; }
.home-how__facts i { font-size: 17px; color: #648173; }
.home-how__facts a { margin-left: auto; color: #2e6547; font-weight: 750; }
.home-tasks-section, .home-providers-section { padding-top: 62px; padding-bottom: 62px; }
.home-task-card { box-shadow: none; border-radius: 16px; }

/* Compact global footer: product/help in one line, legal links in a second line. */
.site-footer-v4 {
    margin-top: 0 !important;
    padding: 0 !important;
    background: #f7f9f8 !important;
    color: #5d6962 !important;
    border-top: 1px solid #e7ece9;
}
.footer-shell-v4 { padding-top: 28px; padding-bottom: 20px; }
.footer-main-links,
.footer-legal-links-v4 { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 24px; }
.footer-main-links { padding-bottom: 16px; }
.footer-main-links a { color: #2d3b33 !important; font-size: .84rem; font-weight: 750; }
.footer-legal-links-v4 { padding-top: 15px; border-top: 1px solid #e4e9e6; }
.footer-legal-links-v4 a,
.footer-legal-links-v4 button { color: #768079 !important; font-size: .72rem; font-weight: 550; line-height: 1.4; }
.footer-legal-links-v4 button { appearance: none; border: 0; padding: 0; background: transparent; cursor: pointer; font: inherit; }
.footer-main-links a:hover,
.footer-legal-links-v4 a:hover,
.footer-legal-links-v4 button:hover { color: #2e6547 !important; }
.footer-bottom-v4 { margin-top: 18px; color: #939b96; font-size: .68rem; }

/* Task filter: parent checkbox returns beside the category title. */
.filter-category-group { border-bottom: 1px solid #edf1ef; border-radius: 0; }
.filter-category-group > summary { min-height: 58px; padding: 10px 5px; }
.filter-category-toggle { gap: 10px; }
.filter-parent-check {
    display: inline-flex !important; align-items: center; justify-content: center;
    flex: 0 0 26px; width: 26px; min-width: 26px; height: 34px;
    margin: 0 !important; padding: 0 !important; cursor: pointer;
}
.filter-parent-check > span { width: 20px; min-width: 20px; height: 20px !important; padding-left: 20px !important; }
.filter-category-icon { width: 34px; height: 34px; flex: 0 0 34px; border-radius: 10px; }
.filter-category-copy strong { color: #37483f; font-size: .82rem; line-height: 1.28; }
.filter-category-copy small { margin-top: 2px; color: #8a948e; font-size: .68rem; }
.filter-category-body { padding: 4px 8px 14px 70px; }
.filter-service-group { margin-top: 12px; padding-top: 12px; border-top: 1px solid #edf1ef; }
.filter-service-group:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.filter-service-group__title { display: block; margin-bottom: 8px; color: #8a9991; font-size: .68rem; letter-spacing: .07em; text-transform: uppercase; }
.filter-subcategory-check { min-height: 34px; margin: 0; }
.filter-subcategory-check > span { color: #58675f; font-size: .79rem !important; line-height: 20px !important; padding-left: 29px !important; }
.filter-subcategory-check input[type="checkbox"] + span:not(.lever)::before,
.filter-parent-check input[type="checkbox"] + span:not(.lever)::before { width: 18px; height: 18px; top: 0; }
.filter-subcategory-check input[type="checkbox"]:checked + span:not(.lever)::before,
.filter-parent-check input[type="checkbox"]:checked + span:not(.lever)::before { width: 10px; height: 17px; top: -2px; }
.filter-chevron { margin-left: auto; }

.task-card__privacy-note { display: inline-flex; align-items: center; gap: 5px; color: #839087; font-size: .72rem; }
.task-card__privacy-note i { font-size: 15px; }

/* Unified guide/FAQ replacing fragmented generic info pages. */
.guide-page { padding: 52px 0 76px; background: #fbfcfb; }
.guide-container { max-width: 1020px; }
.guide-hero { max-width: 760px; margin-bottom: 34px; }
.guide-hero h1 { margin: 7px 0 12px; color: #27382f; font-size: clamp(2.35rem, 5vw, 4rem); font-weight: 780; letter-spacing: -.05em; }
.guide-hero p { margin: 0; color: #68766e; font-size: 1rem; line-height: 1.65; }
.guide-section-head { margin-bottom: 18px; }
.guide-section-head h2 { margin: 5px 0 0; color: #2b3b32; font-size: clamp(1.65rem, 3vw, 2.35rem); font-weight: 760; letter-spacing: -.035em; }
.guide-step-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.guide-step-grid article { display: grid; grid-template-columns: 44px minmax(0,1fr); gap: 14px; padding: 20px; border: 1px solid #e3e9e5; border-radius: 16px; background: #fff; }
.guide-step-grid article > span { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 11px; background: #edf6f0; color: #2f7650; font-size: .78rem; font-weight: 850; }
.guide-step-grid h3 { margin: 1px 0 5px; color: #314139; font-size: 1rem; font-weight: 760; }
.guide-step-grid p { margin: 0; color: #718078; font-size: .84rem; line-height: 1.58; }
.guide-split { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; margin-top: 46px; }
.guide-split > article { padding: 24px; border: 1px solid #e1e8e4; border-radius: 18px; background: #fff; }
.guide-split h2 { margin: 6px 0 10px; color: #2c3c33; font-size: 1.45rem; font-weight: 760; }
.guide-split p { color: #6d7a73; line-height: 1.62; }
.guide-check-list { display: grid; gap: 9px; margin: 16px 0 0; padding: 0; list-style: none; }
.guide-check-list li { display: flex; align-items: flex-start; gap: 8px; color: #58685f; font-size: .82rem; line-height: 1.5; }
.guide-check-list i { color: #498365; font-size: 17px; margin-top: 2px; }
.guide-trust { margin-top: 46px; }
.guide-trust-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; }
.guide-trust-grid article { padding: 19px; border: 1px solid #e3e9e5; border-radius: 16px; background: #fff; }
.guide-trust-grid i { color: #467b5d; font-size: 23px; }
.guide-trust-grid strong { display: block; margin-top: 9px; color: #304138; }
.guide-trust-grid p { margin: 6px 0 0; color: #748078; font-size: .8rem; line-height: 1.55; }
.guide-faq { margin-top: 52px; }
.guide-faq-list { overflow: hidden; border: 1px solid #e0e7e3; border-radius: 18px; background: #fff; }
.guide-faq-list details + details { border-top: 1px solid #edf1ef; }
.guide-faq-list summary { position: relative; padding: 17px 50px 17px 20px; color: #33443a; font-weight: 720; cursor: pointer; list-style: none; }
.guide-faq-list summary::-webkit-details-marker { display: none; }
.guide-faq-list summary::after { content: '+'; position: absolute; right: 20px; top: 14px; color: #718078; font-size: 1.35rem; font-weight: 400; }
.guide-faq-list details[open] summary::after { content: '–'; }
.guide-faq-list p { margin: 0; padding: 0 20px 18px; color: #6e7b74; font-size: .85rem; line-height: 1.65; }
.guide-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 26px; }
.guide-text-link { color: #53675b; font-weight: 700; padding: 8px; }

/* Legal reporting: explicit labels and predictable field geometry. */
.legal-report-page { background: #fbfcfb; }
.legal-report-hero { max-width: 760px; margin-bottom: 22px; }
.legal-report-hero h1 { margin: 6px 0 10px; color: #2a3b32; font-size: clamp(2rem, 4vw, 3rem); font-weight: 770; letter-spacing: -.04em; }
.legal-report-hero p { margin: 0; color: #6d7972; line-height: 1.62; }
.legal-report-card { padding: 24px; border: 1px solid #e0e7e3; border-radius: 18px; background: #fff; box-shadow: 0 10px 30px rgba(28, 47, 36, .045); }
.legal-report-card__intro { display: flex; gap: 12px; margin-bottom: 22px; padding: 14px 15px; border-radius: 13px; background: #f5f8f6; }
.legal-report-card__intro > i { color: #5e7769; }
.legal-report-card__intro strong { color: #314238; }
.legal-report-card__intro p { margin: 4px 0 0; color: #748078; font-size: .8rem; line-height: 1.55; }
.legal-notice-form-v4 { display: grid; gap: 16px; }
.legal-report-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; }
.form-field-v4 { display: grid; gap: 7px; }
.form-field-v4 > label { color: #46564d; font-size: .76rem; font-weight: 760; }
.form-field-v4 input:not([type="checkbox"]),
.form-field-v4 textarea,
.form-field-v4 select {
    box-sizing: border-box !important; width: 100% !important; min-height: 46px !important;
    margin: 0 !important; padding: 10px 12px !important;
    border: 1px solid #d7e0db !important; border-radius: 11px !important;
    background: #fff !important; box-shadow: none !important; color: #2f3e36 !important;
}
.form-field-v4 textarea { min-height: 110px !important; resize: vertical; }
.form-field-v4 input:focus,
.form-field-v4 textarea:focus,
.form-field-v4 select:focus { border-color: #72ad88 !important; box-shadow: 0 0 0 3px rgba(51, 139, 85, .08) !important; outline: 0; }
.form-hint-v4 { color: #8a938e; font-size: .7rem; }
.legal-good-faith { display: flex; align-items: flex-start; gap: 8px; padding: 13px; border: 1px solid #e1e7e3; border-radius: 12px; background: #fafcfb; }
.legal-good-faith > span { color: #5d6c64; font-size: .8rem !important; line-height: 1.5 !important; }
.legal-report-actions { display: flex; align-items: center; gap: 14px; margin-top: 2px; }
.legal-report-actions > span { display: inline-flex; align-items: center; gap: 5px; color: #859089; font-size: .72rem; }
.legal-report-actions > span i { font-size: 15px; }

/* Normalize high-level headings: green is an accent, not the main text color. */
.workspace-hero h2 { color: #26382f !important; font-size: clamp(2rem, 3.3vw, 3.05rem); line-height: 1.05; font-weight: 760; }
.billing-hero h1,
.discovery-hero h1,
.provider-onboarding-page h1,
.profile-page h1 { color: #25362d; }

@media (max-width: 992px) {
    .home-hero-v4 { padding: 38px 0 44px; }
    .home-hero-v4__inner { grid-template-columns: 1fr; gap: 28px; }
    .home-hero-v4__visual { max-width: 720px; aspect-ratio: 16 / 9; }
    .home-public-stats__grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .home-public-stats__grid > div:nth-child(2) { border-right: 0; }
    .home-public-stats__grid > div:nth-child(n+3) { margin-top: 12px; }
    .guide-trust-grid { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
    .home-hero-v4 h1 { font-size: clamp(2.25rem, 11vw, 3.2rem); }
    .home-public-stats__grid { grid-template-columns: 1fr 1fr; padding-top: 14px; padding-bottom: 14px; }
    .home-public-stats__grid > div { padding: 7px 13px; }
    .home-section-v4, .home-tasks-section, .home-providers-section { padding-top: 46px; padding-bottom: 46px; }
    .home-how--v4 { padding: 46px 0; }
    .home-how__facts { align-items: flex-start; flex-direction: column; }
    .home-how__facts a { margin-left: 0; }
    .footer-main-links, .footer-legal-links-v4 { gap: 9px 16px; }
    .guide-page { padding: 36px 0 58px; }
    .guide-step-grid, .guide-split { grid-template-columns: 1fr; }
    .legal-report-grid { grid-template-columns: 1fr; }
    .legal-report-card { padding: 18px; }
    .legal-report-actions { align-items: flex-start; flex-direction: column; }
    .filter-category-body { padding-left: 42px; }
}
/* Patch 31 final compactness: the footer is intentionally only guide/plans + legal. */
.home-task-card--public { cursor: default; }
.home-hero-v4--guest h1 { max-width: 620px; font-size: clamp(2.45rem, 4vw, 3.8rem); line-height: 1.02; }
.home-hero-v4--guest .home-hero-v4__visual { max-height: 410px; }
.footer-main-links { gap: 18px; }

/* Patch 32 — unified information hub, guest conversion and privacy-safe home. */
.nav-mans-izdari {
    min-height: 40px;
    display: inline-flex !important;
    align-items: center;
    padding: 0 18px !important;
    border: 1px solid #d5e6dc !important;
    border-radius: 11px !important;
    background: #f0f8f3 !important;
    color: var(--izdari-primary-dark) !important;
    box-shadow: none !important;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: none;
}
.nav-mans-izdari:hover,
.nav-mans-izdari:focus-visible { background: #e6f4eb !important; box-shadow: none !important; }

/* Footer is intentionally a quiet information/legal endpoint, not another sitemap. */
.footer-shell-v4 { max-width: 1120px; }
.footer-main-links,
.footer-legal-links-v4 { justify-content: center; text-align: center; }
.footer-main-links { padding: 20px 0 18px; }
.footer-main-links a { font-size: .9rem; font-weight: 800; }
.footer-legal-links-v4 { padding: 18px 0 0; gap: 10px 28px; }
.footer-bottom-v4 { text-align: center; margin-top: 18px; }

/* Guest home starts with the existing three-step component instead of a marketing hero. */
.home-how--guest-lead { padding-top: 58px; }
.home-how--guest-lead .home-section-heading h2 { font-size: clamp(2rem, 4vw, 3.1rem); }

/* Privacy-safe product teaser: product information only, never seller identity. */
.home-products-section { padding-top: 22px; padding-bottom: 54px; }
.home-product-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}
.home-product-card {
    min-width: 0;
    display: grid;
    grid-template-rows: 148px 1fr;
    overflow: hidden;
    border: 1px solid #e2e9e5;
    border-radius: 16px;
    background: #fff;
    color: #27382f;
    box-shadow: 0 8px 24px rgba(38, 61, 49, .035);
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.home-product-card:hover,
.home-product-card:focus-visible {
    transform: translateY(-2px);
    border-color: #cfe1d7;
    box-shadow: 0 12px 28px rgba(38, 61, 49, .065);
}
.home-product-card__media {
    display: grid;
    place-items: center;
    overflow: hidden;
    background: #f4f7f5;
    color: #9aaba2;
}
.home-product-card__media img { width: 100%; height: 100%; object-fit: cover; }
.home-product-card__media > .material-icons { font-size: 42px; }
.home-product-card__body { min-width: 0; display: flex; flex-direction: column; gap: 6px; padding: 14px 15px 15px; }
.home-product-card__body small { color: #849089; font-size: .7rem; }
.home-product-card__body strong { color: #2c3c33; font-size: .9rem; line-height: 1.35; }
.home-product-card__price { margin-top: auto; color: var(--izdari-primary-dark); font-size: .94rem; font-weight: 850; }

/* The guide is the single non-legal information centre. */
.guide-mission { margin: 10px 0 42px; padding: 28px; border: 1px solid #e2e9e5; border-radius: 20px; background: #fff; }
.guide-mission .guide-section-head { max-width: 780px; }
.guide-mission .guide-section-head p { color: #68766e; line-height: 1.7; }
.guide-audience-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 22px; }
.guide-audience-grid article { display: flex; gap: 14px; padding: 18px; border-radius: 15px; background: #f7faf8; border: 1px solid #e8eeea; }
.guide-audience-grid article > i { width: 40px; height: 40px; display: grid; place-items: center; flex: 0 0 40px; border-radius: 11px; background: #e8f7ee; color: var(--izdari-primary); }
.guide-audience-grid h3 { margin: 0 0 5px; color: #2d3d34; font-size: 1rem; }
.guide-audience-grid p { margin: 0; color: #6e7a73; font-size: .84rem; line-height: 1.55; }
.guide-mission-note { margin: 18px 0 0; color: #54635b; font-size: .86rem; line-height: 1.65; }
.guide-plans { margin-top: 48px; scroll-margin-top: 100px; }
.guide-plans .billing-plan-grid { margin-top: 20px; }
.guide-plans .billing-trust-note { margin-bottom: 0; }

/* Login keeps one primary sign-in action and a distinct registration choice below it. */
.auth-register-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid #e6ece8;
    color: #68766e;
    font-size: .84rem;
}
.auth-register-cta .btn { min-width: 150px; margin: 0; }

/* Filter checkboxes use native controls in this dense sidebar. This avoids
   Materialize pseudo-checkbox offset/clipping inside <summary>. */
.filter-parent-check,
.filter-subcategory-check { display: flex !important; align-items: flex-start; gap: 9px; }
.filter-parent-check { flex: 0 0 22px; width: 22px; min-width: 22px; height: 34px; justify-content: center; }
.filter-parent-check input[type="checkbox"],
.filter-subcategory-check input[type="checkbox"] {
    position: static !important;
    left: auto !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    width: 17px !important;
    min-width: 17px !important;
    height: 17px !important;
    margin: 2px 0 0 !important;
    padding: 0 !important;
    appearance: auto !important;
    accent-color: var(--izdari-primary);
}
.filter-parent-check > span { display: none !important; }
.filter-subcategory-check > span {
    display: block !important;
    min-width: 0;
    height: auto !important;
    padding: 0 !important;
    color: #58675f;
    font-size: .79rem !important;
    line-height: 1.42 !important;
}
.filter-parent-check input[type="checkbox"] + span::before,
.filter-subcategory-check input[type="checkbox"] + span::before { display: none !important; content: none !important; }
.filter-category-body { padding-left: 69px; }

@media (max-width: 992px) {
    .home-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
    .footer-main-links, .footer-legal-links-v4 { justify-content: center; gap: 10px 16px; }
    .home-product-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
    .home-product-card { grid-template-rows: 118px 1fr; }
    .home-product-card__body { padding: 11px 12px 13px; }
    .guide-mission { padding: 20px; border-radius: 16px; }
    .guide-audience-grid { grid-template-columns: 1fr; }
    .auth-register-cta { align-items: stretch; flex-direction: column; }
    .auth-register-cta .btn { width: 100%; }
    .filter-category-body { padding-left: 42px; }
}
.home-market-pulse { padding: 4px 0 18px; background: #fff; border-top: 1px solid #edf1ef; border-bottom: 1px solid #edf1ef; }
.home-market-pulse .home-tasks-section { padding-bottom: 24px; }
.home-market-pulse .home-products-section { padding-top: 0; }

/* Patch 33 — auth form alignment + deterministic marketplace checkboxes. */
/* Registration intent cards use one deliberate radio visual. Materialize must
   not attach its radio pseudo-elements to the category icon. */
.provider-intent-choice-card {
    grid-template-columns: 20px 42px minmax(0, 1fr);
    gap: 11px;
    min-height: 112px;
    padding: 16px 18px;
}
.provider-intent-choice-card > input[type="radio"] {
    position: absolute !important;
    inline-size: 1px !important;
    block-size: 1px !important;
    margin: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
.provider-intent-choice-radio {
    position: relative !important;
    display: block !important;
    width: 18px !important;
    min-width: 18px !important;
    height: 18px !important;
    padding: 0 !important;
    border: 2px solid #7d8983;
    border-radius: 50%;
    background: #fff;
    line-height: 18px !important;
    transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease;
}
.provider-intent-choice-card > input[type="radio"] + .provider-intent-choice-radio::before,
.provider-intent-choice-card > input[type="radio"] + .provider-intent-choice-radio::after {
    display: none !important;
    content: none !important;
}
.provider-intent-choice-card > input[type="radio"]:checked + .provider-intent-choice-radio {
    border-color: var(--izdari-primary);
    background: var(--izdari-primary);
    box-shadow: inset 0 0 0 4px #fff;
}
.provider-intent-choice-card:focus-within {
    outline: 3px solid rgba(0, 168, 68, .12);
    outline-offset: 2px;
}
.provider-intent-choice-check { display: none !important; }

/* Static labels avoid Chrome autofill/password-manager collisions with
   Materialize floating labels. */
.auth-form-field-v5 {
    min-width: 0;
    margin-top: 14px;
}
.auth-form-field-v5 > label {
    display: block;
    margin: 0 0 7px;
    color: #526158;
    font-size: .76rem;
    font-weight: 750;
    line-height: 1.25;
}
.auth-control-v5 {
    min-width: 0;
    min-height: 50px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 13px;
    border: 1px solid #d6e0da;
    border-radius: 12px;
    background: #fff;
    transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}
.auth-control-v5:focus-within {
    border-color: #65b983;
    box-shadow: 0 0 0 3px rgba(29, 151, 82, .09);
}
.auth-control-v5 > .material-icons {
    flex: 0 0 22px;
    width: 22px;
    margin: 0;
    color: #718079;
    font-size: 20px;
    text-align: center;
}
.auth-control-v5:focus-within > .material-icons { color: var(--izdari-primary); }
.auth-control-v5 input[type="text"],
.auth-control-v5 input[type="email"],
.auth-control-v5 input[type="password"] {
    min-width: 0;
    width: 100% !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-bottom: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    color: #27362e !important;
    box-shadow: none !important;
    font-size: .96rem;
}
.auth-control-v5 input[type="text"]:focus,
.auth-control-v5 input[type="email"]:focus,
.auth-control-v5 input[type="password"]:focus {
    border: 0 !important;
    box-shadow: none !important;
}
.auth-control-v5 input:-webkit-autofill,
.auth-control-v5 input:-webkit-autofill:hover,
.auth-control-v5 input:-webkit-autofill:focus {
    -webkit-text-fill-color: #27362e !important;
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
    box-shadow: 0 0 0 1000px #fff inset !important;
    transition: background-color 9999s ease-out 0s;
}
.password-toggle--inline {
    position: static !important;
    top: auto !important;
    right: auto !important;
    flex: 0 0 34px;
    margin-left: auto;
}
.auth-form-field-v5 .auth-field-error {
    margin: 6px 2px 0;
}
.auth-form-field-v5 + .auth-form-field-v5 { margin-top: 14px; }
.auth-section .auth-field-grid + .auth-form-field-v5 { margin-top: 14px; }
.auth-section .auth-form-field-v5 + .auth-field-grid { margin-top: 2px; }
.password-strength { margin-top: 8px; }

/* Dense task filter: use one custom checkbox implementation only. The old
   Patch32 mix of native controls + Materialize ::before/::after produced the
   detached duplicate squares visible while the sidebar was scrolled. */
.filter-parent-check,
.filter-subcategory-check {
    position: relative;
}
.filter-checkbox-v2 {
    position: static !important;
    left: auto !important;
    top: auto !important;
    display: inline-block !important;
    flex: 0 0 17px;
    width: 17px !important;
    min-width: 17px !important;
    height: 17px !important;
    margin: 2px 0 0 !important;
    padding: 0 !important;
    border: 1.5px solid #7e8a84 !important;
    border-radius: 4px !important;
    outline: 0 !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    background: #fff !important;
    box-shadow: none !important;
    transform: none !important;
    cursor: pointer;
    transition: border-color .12s ease, background-color .12s ease, box-shadow .12s ease;
}
.filter-checkbox-v2:hover { border-color: #4c7b61 !important; }
.filter-checkbox-v2:focus-visible {
    border-color: var(--izdari-primary) !important;
    box-shadow: 0 0 0 3px rgba(0, 168, 68, .12) !important;
}
.filter-checkbox-v2:checked {
    border-color: var(--izdari-primary) !important;
    background-color: var(--izdari-primary) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.2 8.2 6.4 11.2 12.8 4.8' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 13px 13px !important;
}
.filter-checkbox-v2:indeterminate {
    border-color: var(--izdari-primary) !important;
    background-color: var(--izdari-primary) !important;
    background-image: linear-gradient(#fff, #fff) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 9px 2px !important;
}
.filter-checkbox-v2 + span::before,
.filter-checkbox-v2 + span::after,
.filter-parent-check > span::before,
.filter-parent-check > span::after,
.filter-subcategory-check > span::before,
.filter-subcategory-check > span::after {
    display: none !important;
    content: none !important;
    border: 0 !important;
    transform: none !important;
}
.filter-subcategory-check > span {
    position: static !important;
    transform: none !important;
}
.filter-categories-scroll {
    position: relative;
    overflow-x: hidden !important;
    isolation: isolate;
}

@media (max-width: 700px) {
    .provider-intent-choice-card { grid-template-columns: 20px 38px minmax(0, 1fr); padding: 14px; }
    .auth-field-grid--2 { grid-template-columns: 1fr; }
}


/* Patch 34: stable intent tabs and consolidated cookie/privacy surface. */
.home-intent-tabs.tabs {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    overflow: hidden;
}
.home-intent-tabs.tabs .tab {
    float: none !important;
    display: block !important;
    width: auto !important;
    min-width: 0;
    height: 48px !important;
    line-height: normal !important;
}
.home-intent-tabs.tabs .tab a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100%;
    height: 48px !important;
    min-height: 48px;
    padding: 0 14px !important;
    line-height: 1.2 !important;
    white-space: normal;
    overflow: visible;
    text-align: center;
    box-sizing: border-box;
}
.home-intent-tabs.tabs .tab a.active {
    box-shadow: inset 0 -3px 0 var(--izdari-primary);
}
.home-intent-tabs.tabs .indicator { display: none !important; }

.legal-cookie-policy-section { scroll-margin-top: 96px; }
.legal-cookie-version { margin: 12px 0 2px; }
.legal-cookie-subsections { margin-top: 20px; border-top: 1px solid #e7ede9; }
.legal-cookie-subsection { padding: 20px 0; border-bottom: 1px solid #edf1ef; }
.legal-cookie-subsection:last-child { padding-bottom: 2px; border-bottom: 0; }
.legal-cookie-subsection h3 { margin: 0 0 10px; color: #304239; font-size: 15px; line-height: 1.4; font-weight: 780; }
.legal-cookie-subsection p { margin: 0 0 10px; }
.legal-cookie-settings-open { margin-top: 6px; }


/* Patch 35: homepage ordering, stable hero search, and filter cascade polish. */
.sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}
.home-intent-panel .home-service-search {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    min-width: 0;
    padding: 8px 8px 8px 14px;
}
.home-intent-panel .home-service-search > .material-icons {
    width: 24px;
    margin: 0;
    color: #53645b;
    text-align: center;
}
.home-intent-panel .home-service-search input[type=search] {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    font-size: .95rem;
    line-height: 48px;
}
.home-intent-panel .home-service-search input[type=search]::placeholder {
    color: #87948d;
    opacity: 1;
}
.home-intent-panel .home-service-search .btn {
    margin: 0;
    white-space: nowrap;
}
@media (max-width: 700px) {
    .home-intent-panel .home-service-search { grid-template-columns: 22px minmax(0, 1fr); }
    .home-intent-panel .home-service-search .btn { grid-column: 1 / -1; width: 100%; }
}