/* Ηλεκτρονικές υπηρεσίες */
.es-tabs { display: flex; gap: .25rem; border-bottom: 2px solid var(--c-border, #dde3ea); margin: 0 0 1.5rem; }
.es-tab { padding: .7rem 1.1rem; font-weight: 600; text-decoration: none; color: var(--c-muted, #556274); border-bottom: 3px solid transparent; margin-bottom: -2px; }
.es-tab:hover { color: var(--c-primary, #196f8f); }
.es-tab.is-active { color: var(--c-primary, #196f8f); border-bottom-color: var(--c-primary, #196f8f); }
.es-title { margin-top: 0; }
.es-heading { font-size: 1rem; margin: 1rem 0 0; color: var(--c-muted, #556274); text-transform: uppercase; letter-spacing: .04em; }
.es-grid { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr)); margin: 0 0 1rem; }
.es-card { background: var(--c-surface, #fff); border: 1px solid var(--c-border, #dde3ea); border-radius: 14px; padding: 1.1rem 1.25rem; min-width: 0; }
.es-card h3 { margin: 0 0 .75rem; font-size: 1.05rem; }
.es-card h3:not(:first-child) { margin-top: 1.25rem; }
.es-card .fx-definition { grid-template-columns: minmax(8rem, max-content) 1fr; }
.es-files { list-style: none; padding: 0; margin: 0; }
.es-files li { padding: .35rem 0; border-bottom: 1px solid var(--c-border, #dde3ea); }
.es-files li:last-child { border-bottom: 0; }
.es-inline { display: flex; flex-wrap: wrap; gap: .5rem .75rem; align-items: flex-end; }
.es-inline label { display: flex; flex-direction: column; gap: .25rem; font-weight: 600; font-size: .9rem; }
.es-inline input, .es-inline select, .es-answer textarea, .es-answer input[type=file] { padding: .55em .7em; border: 1.5px solid var(--c-border-strong, #c4ccd6); border-radius: var(--radius, 10px); font: inherit; background: var(--c-surface, #fff); }
.es-answer { display: grid; gap: .75rem; }
.es-answer textarea { width: 100%; box-sizing: border-box; }
@media (max-width: 560px) { .es-card .fx-definition { grid-template-columns: 1fr; } }
.es-govgr { margin: -.5rem 0 1.5rem; }
.es-govgr summary { cursor: pointer; font-weight: 600; color: var(--c-primary, #196f8f); }
.es-govgr ul { list-style: none; padding: .5rem 0 0; margin: 0; display: grid; gap: .35rem; grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr)); }
/* ΤΑΠ */
/* Κουμπιά Bootstrap 5.3 (μόνο ο κανόνας .btn, όχι όλο το Bootstrap που θα άλλαζε το θέμα· primary = χρώμα του Δήμου). */
.es-tap .btn { display: inline-flex; align-items: center; justify-content: center; gap: .375rem; padding: .375rem .75rem; font: inherit; font-size: 1rem; font-weight: 400; line-height: 1.5; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; color: #212529; background: transparent; border: 1px solid transparent; border-radius: .375rem; box-shadow: none; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; }
.es-tap .btn[hidden] { display: none; }
.es-tap .btn:focus-visible { outline: 0; box-shadow: 0 0 0 .25rem rgba(25, 111, 143, .35); }
.es-tap .btn:disabled { opacity: .65; pointer-events: none; }
.es-tap .btn svg { width: 1em; height: 1em; }
.es-tap .btn-sm { padding: .25rem .5rem; font-size: .875rem; border-radius: .25rem; }
.es-tap .btn-primary { color: #fff; background: #196f8f; border-color: #196f8f; }
.es-tap .btn-primary:hover { color: #fff; background: #155e7a; border-color: #145872; }
.es-tap .btn-success { color: #fff; background: #198754; border-color: #198754; }
.es-tap .btn-success:hover { color: #fff; background: #157347; border-color: #146c43; }
.es-tap .btn-outline-primary { color: #196f8f; border-color: #196f8f; }
.es-tap .btn-outline-primary:hover { color: #fff; background: #196f8f; }
.es-tap .btn-outline-secondary { color: #6c757d; border-color: #6c757d; }
.es-tap .btn-outline-secondary:hover { color: #fff; background: #6c757d; }
.es-tap .btn-outline-danger { color: #dc3545; border-color: #dc3545; }
.es-tap .btn-outline-danger:hover { color: #fff; background: #dc3545; }
.es-tap .fx-wizard__nav .btn { padding: .5rem 1rem; }
.es-tap [data-es-sum-error][hidden] { display: none; }
.es-review-owners { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap: 1rem; margin-top: 1rem; }
/* Κάρτες Bootstrap 5.3 (μόνο ο κανόνας .card). */
.es-tap .card { position: relative; display: flex; flex-direction: column; min-width: 0; overflow-wrap: break-word; background: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, .175); border-radius: .375rem; }
.es-tap .card-header { padding: .5rem 1rem; margin: 0; font-size: 1rem; font-weight: 600; letter-spacing: 0; color: #212529; background: rgba(33, 37, 41, .03); border-bottom: 1px solid rgba(0, 0, 0, .175); border-radius: calc(.375rem - 1px) calc(.375rem - 1px) 0 0; }
.es-tap .card-body { flex: 1 1 auto; padding: 1rem; }
.es-tap .card-body > .fx-definition { margin: 0; }
.es-guide { background: var(--c-surface-2, #f3f6fa); border-radius: 12px; padding: .75rem 1rem; font-size: .93rem; }
.es-guide > :last-child { margin-bottom: 0; }
.es-owner { border: 1px solid var(--c-border, #dde3ea); border-radius: 14px; padding: 1rem 1.1rem; margin: 0 0 1rem; min-width: 0; }
.es-owner legend { font-weight: 700; padding: 0 .4rem; }
.es-owner__tools { display: flex; flex-wrap: wrap; gap: .5rem; justify-content: space-between; margin: 0 0 .75rem; }
.es-owner .fx-field label { display: flex; flex-direction: column; gap: .3rem; font-weight: 600; font-size: .9rem; }
.es-owner .fx-field input, .es-rights input { padding: .55em .7em; border: 1.5px solid var(--c-border-strong, #c4ccd6); border-radius: var(--radius, 10px); font: inherit; width: 100%; box-sizing: border-box; }
.es-rights { width: 100%; margin-top: 1rem; border-collapse: collapse; }
.es-rights caption { text-align: left; font-weight: 700; margin-bottom: .4rem; }
.es-rights th, .es-rights td { padding: .35rem .4rem; text-align: left; }
.es-rights thead th { font-size: .85rem; color: var(--c-muted, #556274); }
.es-e9__item { display: block; width: 100%; text-align: left; padding: .6rem .8rem; border: 0; border-bottom: 1px solid var(--c-border, #dde3ea); background: none; font: inherit; cursor: pointer; }
.es-e9__item:hover, .es-e9__item.is-selected { background: var(--c-primary-soft, #e5f0f4); }
.es-resend { display: grid; gap: .5rem; margin-top: .5rem; }
.es-dl { margin: 0 .25rem .25rem 0; }
.es-steps { margin: 0 0 1.25rem; padding-left: 1.25rem; }
.es-steps li { margin: .35rem 0; }
