/* Frontend CSS for CiaoCliente */

/* dedup: unified progress bar styles further below */

/* Table styling baseline for frontend */
.ciaocliente-table {
  width: 100%;
  border-collapse: collapse;
}
.ciaocliente-table th, .ciaocliente-table td {
  border-bottom: 1px solid #e5e7eb;
  padding: 10px 8px;
  text-align: left !important;
}
.ciaocliente-table th {
  background-color: #f9fafb;
}

/* --- Enhanced Frontend UI for CiaoCliente --- */

/* Container and layout */
.ciaocliente-client-summary,
.ciaocliente-project-detail {
  max-width: 960px;
  margin: 0 auto;
  padding: 16px;
}

/* Actions bar and buttons */
.ciaocliente-actions { display:flex; justify-content:flex-end; margin-bottom:12px; gap:8px; }
.ciaocliente-btn { display:inline-block; padding:8px 14px; border-radius:8px; text-decoration:none; font-weight:500; transition: background-color .2s ease, box-shadow .2s ease; }
.ciaocliente-btn--sm { padding:6px 10px; font-size: 0.875rem; }
.ciaocliente-btn--danger { background-color: #ef4444; color:#fff; }
.ciaocliente-btn--danger:hover { background-color: #dc2626!important; box-shadow: 0 2px 6px rgba(239,68,68,.25); }

/* Headings */
.ciaocliente-client-summary h2,
.ciaocliente-client-summary h3,
.ciaocliente-project-detail h2,
.ciaocliente-project-detail h3 { color: #111827; margin: 12px 0; }

/* Table styling enhancements */
/* dedup: unified .ciaocliente-table styles below in B/W section */
.ciaocliente-table tbody tr:hover { background-color: #f9fafb; }
.ciaocliente-align-right { text-align: right; }

/* Closed projects toggle */
.ciaocliente-closed-projects { margin-top: 16px; }
.ciaocliente-toggle-button { cursor:pointer; display:inline-block; padding:8px 12px; border-radius:6px; background:#f3f4f6; color:#111827; border:1px solid #e5e7eb; }
.ciaocliente-closed-projects[open] .ciaocliente-toggle-button { background:#e5e7eb; }

/* View link */
a.ciaocliente-view { color:#2563eb; text-decoration:none; font-weight:500; }
a.ciaocliente-view:hover { text-decoration:underline; }

/* --- Profile page: Minimal Black & White theme --- */
.ciaocliente-profile {
  max-width: 960px;
  margin: 0 auto;
  padding: 24px;
  background: #fff;
  color: #000;
}
.ciaocliente-profile h2,
.ciaocliente-profile h3 {
  color: #000;
  margin: 16px 0;
}
.ciaocliente-profile .ciaocliente-actions { display:flex; justify-content:flex-end; margin-bottom:16px; gap:8px; }
.ciaocliente-profile .ciaocliente-btn { display:inline-block; padding:8px 14px; border-radius:8px; text-decoration:none; font-weight:500; border:1px solid #000; background:#000; color:#fff; transition: background-color .2s ease, box-shadow .2s ease; }
.ciaocliente-profile .ciaocliente-btn:hover { background:#111; box-shadow: 0 2px 6px rgba(0,0,0,.25); cursor: pointer; }
.ciaocliente-profile .ciaocliente-btn--sm { padding:6px 10px; font-size: 0.875rem; }
/* Override danger to show red on profile */
.ciaocliente-profile .ciaocliente-btn--danger { background:#ef4444; color:#fff; border-color:#ef4444; }
.ciaocliente-btn--success { background:#16A349!important; color:#fff; border-color:#16A349!important; }
.ciaocliente-btn--success:hover { background:#16a34a!important; box-shadow: 0 2px 6px rgba(34,197,94,.25); }

/* Form styling */
.ciaocliente-profile .ciaocliente-form { margin-top: 12px; }
.ciaocliente-profile .ciaocliente-form-row { display:flex; gap:16px; }
.ciaocliente-profile .ciaocliente-form-row .ciaocliente-form-group { flex:1 1 0; min-width:0; }
@media (max-width: 768px) { .ciaocliente-profile .ciaocliente-form-row { flex-direction: column; } }
.ciaocliente-profile .ciaocliente-form-group { margin-bottom: 12px; }
.ciaocliente-profile .ciaocliente-form-group label { display:block; font-weight:600; margin-bottom:6px; color:#000; }
.ciaocliente-profile .ciaocliente-input { width:100%; max-width:100%; box-sizing:border-box; padding:10px 12px; border:1px solid #000; border-radius:8px; background:#fff; color:#000; }
.ciaocliente-profile .ciaocliente-input:focus { outline:none; border-color:#000; box-shadow: 0 0 0 3px rgba(0,0,0,.1); }
.ciaocliente-profile .ciaocliente-form-actions { margin-top: 14px; }
.ciaocliente-form .ciaocliente-form-actions { margin-top: 14px; }

/* Notices */
.ciaocliente-profile .ciaocliente-notice { padding:10px 12px; border:1px solid #000; border-radius:8px; background:#fff; color:#000; margin:10px 0; }
.ciaocliente-profile .notice-success { background:#fff; }
.ciaocliente-profile .notice-error { background:#fff; border-color:#000; }

/* Progress bar (project detail) */
.ciaocliente-progress { position:relative; height:10px; background:#e5e7eb; border-radius:6px; overflow:hidden; width:160px; flex:0 0 160px; }
.ciaocliente-progress-fill { height:100%; transition:width .3s ease; }
.ciaocliente-progress-fill.green { background:#16a34a; }
.ciaocliente-progress-fill.yellow { background:#f59e0b; }
.ciaocliente-progress-fill.red { background:#dc2626; }
.ciaocliente-progress-label { margin-left:8px; font-size:12px; color:#111827; }
.ciaocliente-progress-container { position:relative; display:inline-flex; align-items:center; gap:6px; }
.ciaocliente-tooltip { position:absolute; left:0; top:120%; background:#111827; color:#fff; font-size:12px; padding:8px 10px; border-radius:6px; white-space:nowrap; opacity:0; pointer-events:none; transform:translateY(4px); transition:opacity .15s ease, transform .15s ease; z-index:10; }
.ciaocliente-progress-container:hover .ciaocliente-tooltip { opacity:1; transform:translateY(0); }

/* --- Global Minimal Black & White Theme Overrides --- */
.ciaocliente-container { background:#fff; color:#000; border-radius:10px; padding:24px; }

/* Buttons */
.ciaocliente-btn { background:#000; color:#fff; border:1px solid #000; }
.ciaocliente-btn:hover { background:#111; box-shadow:0 2px 6px rgba(0,0,0,.25); cursor: pointer; }
.ciaocliente-btn--danger { background:#ef4444; color:#fff; border-color:#ef4444; }

/* Headings */
.ciaocliente-container h1, .ciaocliente-container h2, .ciaocliente-container h3, .ciaocliente-container h4 { color:#000; }

/* Tables */
.ciaocliente-table thead th { background:#fff; border-bottom:1px solid #000; color:#000; text-align: left !important; font-size:18px; }
.ciaocliente-table tbody td { border-bottom:1px solid #000; color:#000; text-align: left !important; font-size:15px; }
/* Prima riga grigia, alternanza bianco/grigio */
.ciaocliente-table tbody tr:nth-child(odd) { background-color:#f3f4f6 !important; }
.ciaocliente-table tbody tr:nth-child(even) { background-color:#ffffff !important; }
.ciaocliente-table tbody tr:hover { background:#f9f9f9; }
/* Forza alternanza anche nella tabella del singolo progetto (tasks)
   Nota: ogni riga visibile è seguita da una riga di dettaglio nascosta.
   Usiamo pattern 4n+1 (1a, 5a, 9a, ...) grigia e 4n+3 (3a, 7a, 11a, ...) bianca. */
.ciaocliente-table.ciaocliente-table-tasks tbody tr:nth-child(4n+1) { background-color:#f3f4f6 !important; }
.ciaocliente-table.ciaocliente-table-tasks tbody tr:nth-child(4n+3) { background-color:#ffffff !important; }
/* Righe di dettaglio (quando visibili) mantengono sfondo bianco */
.ciaocliente-table.ciaocliente-table-tasks tbody tr.ciaocliente-task-detail-row { background-color:#ffffff !important; }
/* Alternanza esplicita per tabella progetti attivi e chiusi (dashboard) */
.ciaocliente-table.ciaocliente-table-active tbody tr:nth-child(odd) { background-color:#f3f4f6 !important; }
.ciaocliente-table.ciaocliente-table-active tbody tr:nth-child(even) { background-color:#ffffff !important; }
.ciaocliente-table.ciaocliente-table-closed tbody tr:nth-child(odd) { background-color:#f3f4f6 !important; }
.ciaocliente-table.ciaocliente-table-closed tbody tr:nth-child(even) { background-color:#ffffff !important; }
.ciaocliente-table.ciaocliente-table-active tbody tr[data-detail-url] { cursor: pointer; }
.ciaocliente-table.ciaocliente-table-active tbody tr[data-detail-url]:hover { background-color:#eeeeee !important; }
.ciaocliente-table.ciaocliente-table-closed tbody tr[data-detail-url] { cursor: pointer; }
.ciaocliente-table.ciaocliente-table-closed tbody tr[data-detail-url]:hover { background-color:#eeeeee !important; }
.ciaocliente-table.ciaocliente-table-tasks tbody tr[data-task-id] { cursor: pointer; }
.ciaocliente-table.ciaocliente-table-tasks tbody tr[data-task-id]:hover { background-color:#eeeeee !important; }

/* Links */
a.ciaocliente-view { color:#000; text-decoration:none; }
a.ciaocliente-view:hover { text-decoration:underline; }

/* Button look for dashboard “View details” */
a.ciaocliente-view.ciaocliente-btn { display:inline-block; padding:8px 14px; border-radius:8px; text-decoration:none; font-weight:500; border:1px solid #000; background:#000; color:#fff; }
a.ciaocliente-view.ciaocliente-btn:hover { background:#111; box-shadow: 0 2px 6px rgba(0,0,0,.25); }

/* Toggle buttons */
.ciaocliente-toggle-button { background:#fff; color:#000; border:1px solid #000; }
.ciaocliente-closed-projects[open] .ciaocliente-toggle-button { background:#f9f9f9; }

/* Inputs (global) */
.ciaocliente-input { width:100%; max-width:100%; box-sizing:border-box; padding:10px 12px; border:1px solid #000; border-radius:8px; background:#fff; color:#000; }
.ciaocliente-input::placeholder { color:#555; }
.ciaocliente-input:focus { outline:none; border-color:#000; box-shadow: 0 0 0 3px rgba(0,0,0,.1); }

/* Notices */
.ciaocliente-notice { padding:10px 12px; border:1px solid #000; border-radius:8px; background:#fff; color:#000; }

/* Progress bar override to B/W */
.ciaocliente-progress { background:#fff; border:1px solid #000; height:10px; }
.ciaocliente-progress__bar,
.ciaocliente-progress-fill { background:#000 !important; }
.ciaocliente-progress__bar--green,
.ciaocliente-progress__bar--yellow,
.ciaocliente-progress__bar--red,
.ciaocliente-progress-fill.green,
.ciaocliente-progress-fill.yellow,
.ciaocliente-progress-fill.red { background:#000 !important; }
.ciaocliente-progress-label { color:#000; }
.ciaocliente-tooltip { background:#000; color:#fff; }

/* Deprecated footer login prompt styles (removed) */
/* .ciaocliente-login-prompt { position: fixed; bottom: 16px; right: 16px; z-index: 9999; }
   .ciaocliente-login-prompt .ciaocliente-btn { background:#000; color:#fff; border:1px solid #000; border-radius:8px; padding:8px 12px; text-decoration:none; }
   .ciaocliente-login-prompt .ciaocliente-btn:hover { background:#111; box-shadow:0 2px 6px rgba(0,0,0,.25); } */
.ciaocliente-project-card { background:#fff; margin:12px 0 20px; }
.ciaocliente-project-card__grid { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:12px; }
@media (max-width: 640px) { .ciaocliente-project-card__grid { grid-template-columns: 1fr; } }
.ciaocliente-meta-item { display:flex; flex-direction:column; gap:4px; padding:10px 12px; border:1px solid #000; border-radius:10px; background:#fff; }
.ciaocliente-meta-label { font-size:12px; color:#555; text-transform:uppercase; letter-spacing:.02em; }
.ciaocliente-meta-value { font-size:15px; color:#000; font-weight:600; }
.ciaocliente-badge { display:inline-block; padding:4px 8px; border:1px solid #000; border-radius:999px; background:#000; color:#fff; font-size:12px; }
/* Varianti colore per badge (coerenti con back-end) */
.ciaocliente-badge--gray { background:#6b7280 !important; border-color:#6b7280 !important; color:#fff; }
.ciaocliente-badge--yellow { background:#f59e0b !important; border-color:#f59e0b !important; color:#111; }
.ciaocliente-badge--green { background:#16a34a !important; border-color:#16a34a !important; color:#fff; }
/* Nuove varianti per stato pagamento */
.ciaocliente-badge--red { background:#dc2626 !important; border-color:#dc2626 !important; color:#fff; }
.ciaocliente-badge--blue { background:#2563eb !important; border-color:#2563eb !important; color:#fff; }
.ciaocliente-project-card__notes { margin-top:12px; padding:12px 14px; border:1px dashed #000; border-radius:10px; background:#fff; }
.ciaocliente-remaining-text { margin-top:6px; font-size: 13px; color:#000; }
.ciaocliente-profile .ciaocliente-btn--success { background-color: #16A349; color:#fff; border-color:#16A349; }
.ciaocliente-profile .ciaocliente-btn--success:hover { background-color: #16a34a; box-shadow: 0 2px 6px rgba(34,197,94,.25); }
/* Add Note accordion */
.ciaocliente-add-note { margin-top: 8px; }
.ciaocliente-add-note > summary { list-style: none; }
.ciaocliente-add-note > summary::-webkit-details-marker { display: none; }
.ciaocliente-add-note[open] > summary .ciaocliente-btn { background:#111; }
.ciaocliente-add-note .ciaocliente-form { margin-top: 8px; }
.ciaocliente-profile .ciaocliente-form-row { display:flex; gap:16px; }
.ciaocliente-profile .ciaocliente-form-row .ciaocliente-form-group { flex:1 1 0; min-width:0; }
@media (max-width: 768px) { .ciaocliente-profile .ciaocliente-form-row { flex-direction: column; } }
.ciaocliente-profile .ciaocliente-form-group { margin-bottom: 12px; }
.ciaocliente-profile .ciaocliente-form-group label { display:block; font-weight:600; margin-bottom:6px; color:#000; }
.ciaocliente-profile .ciaocliente-input { width:100%; max-width:100%; box-sizing:border-box; padding:10px 12px; border:1px solid #000; border-radius:8px; background:#fff; color:#000; }
.ciaocliente-profile .ciaocliente-input:focus { outline:none; border-color:#000; box-shadow: 0 0 0 3px rgba(0,0,0,.1); }
.ciaocliente-profile .ciaocliente-form-actions { margin-top: 14px; }
.ciaocliente-form .ciaocliente-form-actions { margin-top: 14px; }

/* Notices */
.ciaocliente-profile .ciaocliente-notice { padding:10px 12px; border:1px solid #000; border-radius:8px; background:#fff; color:#000; margin:10px 0; }
.ciaocliente-profile .notice-success { background:#fff; }
.ciaocliente-profile .notice-error { background:#fff; border-color:#000; }
/* Add Note card row under task */
.ciaocliente-add-note-row td { padding:0 !important; border-bottom: none !important; }
.ciaocliente-add-note-card { margin:8px 0 12px; padding:12px 14px; border:1px solid #000; border-radius:10px; background:#fff; }
.ciaocliente-add-note-card .ciaocliente-form-group { margin-bottom:10px; }
.ciaocliente-toggle-add-note { display:inline-block; }
.ciaocliente-profile .ciaocliente-form-row { display:flex; gap:16px; }
.ciaocliente-profile .ciaocliente-form-row .ciaocliente-form-group { flex:1 1 0; min-width:0; }
@media (max-width: 768px) { .ciaocliente-profile .ciaocliente-form-row { flex-direction: column; } }
.ciaocliente-profile .ciaocliente-form-group { margin-bottom: 12px; }
.ciaocliente-profile .ciaocliente-form-group label { display:block; font-weight:600; margin-bottom:6px; color:#000; }
.ciaocliente-profile .ciaocliente-input { width:100%; max-width:100%; box-sizing:border-box; padding:10px 12px; border:1px solid #000; border-radius:8px; background:#fff; color:#000; }
.ciaocliente-profile .ciaocliente-input:focus { outline:none; border-color:#000; box-shadow: 0 0 0 3px rgba(0,0,0,.1); }
.ciaocliente-profile .ciaocliente-form-actions { margin-top: 14px; }
.ciaocliente-form .ciaocliente-form-actions { margin-top: 14px; }

/* Notices */
.ciaocliente-profile .ciaocliente-notice { padding:10px 12px; border:1px solid #000; border-radius:8px; background:#fff; color:#000; margin:10px 0; }
.ciaocliente-profile .notice-success { background:#fff; }
.ciaocliente-profile .notice-error { background:#fff; border-color:#000; }

/* Task notes - comment-like layout */
.ciaocliente-task-notes-history { margin-top: 12px; }
.ciaocliente-task-notes { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; }
.ciaocliente-task-notes li { display:flex; align-items:flex-start; gap:10px; border-radius:8px; padding:10px 12px; }
/* Alternanza colori senza bordo */
.ciaocliente-task-notes li:nth-child(odd) { background:#fff; }
.ciaocliente-task-notes li:nth-child(even) { background: #f3f4f6; }
/* Avatar (iniziale) */
.ciaocliente-task-note-avatar { flex:0 0 28px; width:28px; height:28px; border-radius:999px; background:#000; color:#fff; display:flex; align-items:center; justify-content:center; font-size:13px; font-weight:700; }
/* Corpo */
.ciaocliente-task-note-body { flex:1 1 auto; min-width:0; }
.ciaocliente-task-note-date { display:block; font-size:12px; color:#555; margin-bottom:4px; font-weight:600; }
.ciaocliente-task-note-text { font-size:14px; color:#000; }
.ciaocliente-task-notes li:hover { box-shadow: 0 2px 6px rgba(0,0,0,.15); }
.ciaocliente-task-note-date { display:block; font-weight:600; color:#000; margin-bottom:6px; }
/* Spazio tra cronologia note e textarea di nuova nota */
.ciaocliente-task-notes-history + .ciaocliente-form .ciaocliente-form-group,
.ciaocliente-task-notes-history + form .ciaocliente-form-group {
  margin-top: 10px;
}
.ciaocliente-task-notes li { display:flex; align-items:flex-start; gap:10px; border-radius:8px; padding:10px 12px; }
/* Alternanza colori senza bordo */
.ciaocliente-task-notes li:nth-child(odd) { background:#fff; }
.ciaocliente-task-notes li:nth-child(even) { background: #f3f4f6; }
/* Avatar (iniziale) */
.ciaocliente-task-note-avatar { flex:0 0 28px; width:28px; height:28px; border-radius:999px; background:#000; color:#fff; display:flex; align-items:center; justify-content:center; font-size:13px; font-weight:700; }
/* Corpo */
.ciaocliente-task-note-body { flex:1 1 auto; min-width:0; }
.ciaocliente-task-note-date { display:block; font-size:12px; color:#555; margin-bottom:4px; font-weight:600; }
.ciaocliente-task-note-text { font-size:14px; color:#000; }
.ciaocliente-task-notes li:hover { box-shadow: 0 2px 6px rgba(0,0,0,.15); }
.ciaocliente-task-note-date { display:block; font-weight:600; color:#000; margin-bottom:6px; }
/* Task title link (single project) */
.ciaocliente-table.ciaocliente-table-tasks tbody td a.ciaocliente-open-task-modal:not(.ciaocliente-btn) { color:#000; text-decoration:none; font-weight:700; }
.ciaocliente-table.ciaocliente-table-tasks tbody td a.ciaocliente-open-task-modal:not(.ciaocliente-btn):hover { text-decoration:none; color:#000; }
/* Single project tasks: widen title, align actions right */
.ciaocliente-table.ciaocliente-table-tasks thead th:nth-child(1),
.ciaocliente-table.ciaocliente-table-tasks tbody td:nth-child(1) { width: 50%; }
.ciaocliente-table.ciaocliente-table-tasks thead th:nth-child(5) { text-align: left !important; }
.ciaocliente-table.ciaocliente-table-tasks tbody td:nth-child(5) { text-align: left !important; }
/* Dashboard (active/closed): widen project title, align actions right */
.ciaocliente-table.ciaocliente-table-active thead th:nth-child(1),
.ciaocliente-table.ciaocliente-table-active tbody td:nth-child(1),
.ciaocliente-table.ciaocliente-table-closed thead th:nth-child(1),
.ciaocliente-table.ciaocliente-table-closed tbody td:nth-child(1) { width: 45%; }
.ciaocliente-table.ciaocliente-table-active thead th:nth-child(6),
.ciaocliente-table.ciaocliente-table-closed thead th:nth-child(6) { text-align: left !important; }
.ciaocliente-table.ciaocliente-table-active tbody td:nth-child(6),
.ciaocliente-table.ciaocliente-table-closed tbody td:nth-child(6) { text-align: left !important; }

/* Hide theme page title on CiaoCliente frontend pages */
body.ciaocliente-hide-page-title .entry-title,
body.ciaocliente-hide-page-title .page-title,
body.ciaocliente-hide-page-title h1.entry-title,
body.ciaocliente-hide-page-title .wp-block-post-title,
body.ciaocliente-hide-page-title .post-title,
body.ciaocliente-hide-page-title .site-main .page-header,
body.ciaocliente-hide-page-title .site-main .page-title {
  display: none !important;
}

/* Keep CiaoCliente specific titles visible (they use their own classes) */
.ciaocliente-project-title,
.ciaocliente-dashboard-title,
.ciaocliente-profile-title,
.ciaocliente-auth-title {
  display: block;
}
.ciaocliente-project-title { font-size: 2.75rem; font-weight: 600; margin-bottom: 0.5rem; letter-spacing: -0.01em; color:#000; }
.ciaocliente-project-status { margin-bottom: 2rem; }
.ciaocliente-project-grid { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); column-gap: 48px; row-gap: 20px; border-top: 1px solid #e5e7eb; padding-top: 20px; }
@media (max-width: 768px) { .ciaocliente-project-grid { grid-template-columns: 1fr; column-gap: 16px; row-gap: 16px; } }
.ciaocliente-field-label { font-size: 12px; text-transform: uppercase; color: #555; margin-bottom: 4px; letter-spacing: .04em; }
.ciaocliente-field-value { font-size: 18px; font-weight: 600; color: #000; }
.ciaocliente-project-description { margin-top: 32px; border-top: 1px solid #e5e7eb; padding-top: 20px; }
.ciaocliente-task-notes-history { margin-top: 12px; }
.ciaocliente-task-notes { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; }
.ciaocliente-task-notes li { display:flex; align-items:flex-start; gap:10px; border-radius:8px; padding:10px 12px; }
/* Alternanza colori senza bordo */
.ciaocliente-task-notes li:nth-child(odd) { background:#fff; }
.ciaocliente-task-notes li:nth-child(even) { background: #f3f4f6; }
/* Avatar (iniziale) */
.ciaocliente-task-note-avatar { flex:0 0 28px; width:28px; height:28px; border-radius:999px; background:#000; color:#fff; display:flex; align-items:center; justify-content:center; font-size:13px; font-weight:700; }
/* Corpo */
.ciaocliente-task-note-body { flex:1 1 auto; min-width:0; }
.ciaocliente-task-note-date { display:block; font-size:12px; color:#555; margin-bottom:4px; font-weight:600; }
.ciaocliente-task-note-text { font-size:14px; color:#000; }
.ciaocliente-task-notes li:hover { box-shadow: 0 2px 6px rgba(0,0,0,.15); }
.ciaocliente-task-note-date { display:block; font-weight:600; color:#000; margin-bottom:6px; }
/* Spazio tra cronologia note e textarea di nuova nota */
.ciaocliente-task-notes-history + .ciaocliente-form .ciaocliente-form-group,
.ciaocliente-task-notes-history + form .ciaocliente-form-group {
  margin-top: 10px;
}
.ciaocliente-task-notes li { display:flex; align-items:flex-start; gap:10px; border-radius:8px; padding:10px 12px; }
/* Alternanza colori senza bordo */
.ciaocliente-task-notes li:nth-child(odd) { background:#fff; }
.ciaocliente-task-notes li:nth-child(even) { background: #f3f4f6; }
/* Avatar (iniziale) */
.ciaocliente-task-note-avatar { flex:0 0 28px; width:28px; height:28px; border-radius:999px; background:#000; color:#fff; display:flex; align-items:center; justify-content:center; font-size:13px; font-weight:700; }
/* Corpo */
.ciaocliente-task-note-body { flex:1 1 auto; min-width:0; }
.ciaocliente-task-note-date { display:block; font-size:12px; color:#555; margin-bottom:4px; font-weight:600; }
.ciaocliente-task-note-text { font-size:14px; color:#000; }
.ciaocliente-task-notes li:hover { box-shadow: 0 2px 6px rgba(0,0,0,.15); }
.ciaocliente-task-note-date { display:block; font-weight:600; color:#000; margin-bottom:6px; }
/* Task title link (single project) */
.ciaocliente-table.ciaocliente-table-tasks tbody td a.ciaocliente-open-task-modal:not(.ciaocliente-btn) { color:#000; text-decoration:none; font-weight:700; }
.ciaocliente-table.ciaocliente-table-tasks tbody td a.ciaocliente-open-task-modal:not(.ciaocliente-btn):hover { text-decoration:none; color:#000; }
/* Single project tasks: widen title, align actions right */
.ciaocliente-table.ciaocliente-table-tasks thead th:nth-child(1),
.ciaocliente-table.ciaocliente-table-tasks tbody td:nth-child(1) { width: 50%; }
.ciaocliente-table.ciaocliente-table-tasks thead th:nth-child(5) { text-align: left !important; }
.ciaocliente-table.ciaocliente-table-tasks tbody td:nth-child(5) { text-align: left !important; }
/* Dashboard (active/closed): widen project title, align actions right */
.ciaocliente-table.ciaocliente-table-active thead th:nth-child(1),
.ciaocliente-table.ciaocliente-table-active tbody td:nth-child(1),
.ciaocliente-table.ciaocliente-table-closed thead th:nth-child(1),
.ciaocliente-table.ciaocliente-table-closed tbody td:nth-child(1) { width: 45%; }
.ciaocliente-table.ciaocliente-table-active thead th:nth-child(6),
.ciaocliente-table.ciaocliente-table-closed thead th:nth-child(6) { text-align: left !important; }
.ciaocliente-table.ciaocliente-table-active tbody td:nth-child(6),
.ciaocliente-table.ciaocliente-table-closed tbody td:nth-child(6) { text-align: left !important; }