.ck-family-tree {
width: 100%;
overflow-x: auto;
padding: 24px 10px;
text-align: center;
box-sizing: border-box;
}
.ck-generation {
display: flex;
justify-content: center;
align-items: stretch;
gap: 18px;
flex-wrap: wrap;
position: relative;
}
.ck-person-card {
width: 178px;
background: #ffffff;
border: 1px solid rgba(0,0,0,.12);
border-radius: 18px;
padding: 14px 12px;
box-shadow: 0 8px 24px rgba(0,0,0,.08);
text-align: center;
box-sizing: border-box;
}
.ck-person-root {
border-width: 2px;
transform: translateY(-2px);
}
.ck-person-photo img,
.ck-person-placeholder {
width: 76px;
height: 76px;
border-radius: 50%;
object-fit: cover;
margin: 0 auto 8px;
display: flex;
align-items: center;
justify-content: center;
}
.ck-person-placeholder {
background: #f1f1f1;
color: #555;
font-size: 24px;
font-weight: 700;
}
.ck-person-label {
font-size: 11px;
text-transform: uppercase;
letter-spacing: .08em;
color: #666;
margin-bottom: 4px;
}
.ck-person-name {
font-size: 16px;
font-weight: 700;
line-height: 1.25;
}
.ck-person-life {
font-size: 14px;
margin-top: 5px;
color: #444;
}
.ck-person-place {
font-size: 12px;
color: #666;
margin-top: 5px;
}
.ck-tree-line {
width: 2px;
height: 28px;
background: rgba(0,0,0,.25);
margin: 8px auto;
}
.ck-marriage-line {
align-self: center;
display: block;
width: 34px;
height: 2px;
background: rgba(0,0,0,.28);
}
.ck-public-notice {
padding: 14px;
border: 1px solid rgba(0,0,0,.12);
border-radius: 12px;
background: #fff;
}
.ck-people-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
gap: 16px;
}
@media (max-width: 640px) {
.ck-person-card {
width: 150px;
}
.ck-marriage-line {
display: none;
}
}
.ck-front-search {
background: #fff;
border: 1px solid rgba(0,0,0,.12);
border-radius: 18px;
padding: 20px;
box-shadow: 0 8px 24px rgba(0,0,0,.06);
box-sizing: border-box;
}
.ck-front-head h3,
.ck-result-list h3 {
margin-top: 0;
}
.ck-front-search input[type="text"],
.ck-front-search textarea,
.ck-front-search select {
width: 100%;
box-sizing: border-box;
border: 1px solid rgba(0,0,0,.22);
border-radius: 8px;
padding: 9px 10px;
min-height: 38px;
background: #fff;
}
.ck-front-search label {
display: block;
font-size: 14px;
font-weight: 600;
color: #30363d;
}
.ck-front-grid {
display: grid;
gap: 14px;
margin: 14px 0;
}
.ck-front-grid-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.ck-front-grid-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ck-front-details {
border: 1px solid rgba(0,0,0,.12);
border-radius: 14px;
padding: 12px 14px;
margin: 14px 0;
background: #fafafa;
}
.ck-front-details summary {
cursor: pointer;
font-weight: 700;
}
.ck-front-checks {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 8px 14px;
margin: 12px 0;
}
.ck-front-checks label,
.ck-front-inline {
font-weight: 500;
}
.ck-front-inline {
display: inline-flex !important;
align-items: center;
gap: 7px;
margin: 5px 14px 5px 0;
}
.ck-front-actions {
display: flex;
align-items: center;
gap: 12px;
margin-top: 14px;
}
.ck-front-button,
.ck-link-result-button {
border: none;
border-radius: 9px;
padding: 10px 14px;
cursor: pointer;
font-weight: 700;
background: #2271b1;
color: #fff;
}
.ck-front-button:disabled,
.ck-link-result-button:disabled {
opacity: .6;
cursor: wait;
}
.ck-front-status,
.ck-link-status,
.ck-muted {
color: #5f6b76;
font-size: 13px;
}
.ck-front-results {
margin-top: 20px;
}
.ck-result-list {
display: grid;
gap: 14px;
}
.ck-result-card {
border: 1px solid rgba(0,0,0,.12);
border-radius: 16px;
padding: 16px;
background: #fff;
box-shadow: 0 4px 16px rgba(0,0,0,.05);
}
.ck-result-linked {
border-color: rgba(34,113,177,.45);
}
.ck-result-top {
display: flex;
justify-content: space-between;
gap: 14px;
align-items: flex-start;
}
.ck-result-source {
font-size: 12px;
color: #5f6b76;
text-transform: uppercase;
letter-spacing: .04em;
font-weight: 700;
}
.ck-result-card h4 {
margin: 4px 0 8px;
font-size: 18px;
}
.ck-result-score {
min-width: 52px;
height: 52px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background: #f0f6fc;
border: 1px solid rgba(34,113,177,.22);
font-weight: 800;
}
.ck-result-meta {
display: flex;
flex-wrap: wrap;
gap: 8px;
font-size: 13px;
color: #5f6b76;
margin-bottom: 8px;
}
.ck-result-meta span {
background: #f6f7f7;
border-radius: 999px;
padding: 4px 8px;
}
.ck-ai-summary {
font-weight: 600;
}
.ck-result-links {
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: center;
margin: 10px 0;
}
.ck-result-links a {
display: inline-flex;
border: 1px solid rgba(0,0,0,.14);
border-radius: 999px;
padding: 6px 10px;
text-decoration: none;
}
.ck-result-links code {
white-space: normal;
word-break: break-word;
background: #f6f7f7;
padding: 5px 7px;
border-radius: 7px;
}
.ck-result-linker {
display: grid;
grid-template-columns: minmax(200px, 1fr) auto minmax(160px, auto);
gap: 10px;
align-items: center;
border-top: 1px solid rgba(0,0,0,.08);
padding-top: 12px;
margin-top: 12px;
}
.ck-linked-badge {
grid-column: 1 / -1;
display: inline-flex;
width: fit-content;
background: #edfaef;
color: #1f7a38;
border-radius: 999px;
padding: 5px 9px;
font-size: 13px;
font-weight: 700;
}
.ck-error {
border-color: rgba(214,54,56,.35);
}
.ck-loading {
opacity: .85;
}
@media (max-width: 820px) {
.ck-front-grid-3,
.ck-front-grid-2 {
grid-template-columns: 1fr;
}
.ck-result-linker {
grid-template-columns: 1fr;
}
.ck-front-actions,
.ck-result-top {
align-items: stretch;
flex-direction: column;
}
}
.ck-progress-wrap {
width: 100%;
box-sizing: border-box;
padding: 14px;
border: 1px solid rgba(0,0,0,.12);
border-radius: 14px;
background: #fff;
}
.ck-progress-head {
display: flex;
justify-content: space-between;
align-items: center;
gap: 14px;
margin-bottom: 9px;
}
.ck-progress-percent {
min-width: 54px;
text-align: right;
font-size: 18px;
font-weight: 800;
color: #2271b1;
}
.ck-progress-track {
width: 100%;
height: 14px;
overflow: hidden;
background: #e7edf3;
border-radius: 999px;
box-shadow: inset 0 1px 2px rgba(0,0,0,.08);
}
.ck-progress-bar {
width: 0;
height: 100%;
border-radius: 999px;
background: linear-gradient(90deg, #72aee6, #2271b1);
transition: width .45s ease;
position: relative;
}
.ck-progress-bar:after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(110deg, transparent 0%, rgba(255,255,255,.38) 45%, transparent 70%);
animation: ck-progress-shine 1.2s linear infinite;
}
.ck-progress-note {
margin-top: 8px;
color: #5f6b76;
font-size: 13px;
}
@keyframes ck-progress-shine {
from { transform: translateX(-100%); }
to { transform: translateX(100%); }
}
.ck-progress-source-log {
margin-top: 12px;
padding: 10px 12px;
background: #fff;
border: 1px solid #dcdcde;
border-radius: 8px;
}
.ck-progress-source-log ul {
margin: 8px 0 0 18px;
}
.ck-progress-source-log li {
margin: 4px 0;
}
.ck-match-box {
margin: 12px 0;
padding: 10px 12px;
border-left: 4px solid #2271b1;
background: #f7fbff;
border-radius: 10px;
line-height: 1.5;
}
.ck-match-muted {
border-left-color: #cbd5e1;
background: #f8fafc;
color: #64748b;
}
.ck-match-pill {
display: inline-block;
padding: 3px 9px;
border-radius: 999px;
background: #e7f2fb;
color: #135e96;
font-weight: 700;
}
.ck-match-list {
margin: 8px 0 0 18px;
}
.ck-match-candidates {
margin-top: 8px;
color: #475569;
font-size: 13px;
} .ck-workspace {
--ck-wp-blue: #2271b1;
--ck-bg: #f3f4f6;
--ck-panel: #ffffff;
--ck-border: rgba(15, 23, 42, .12);
position: relative;
width: 100vw;
max-width: 100vw;
min-height: 100vh;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
margin-top: 0;
margin-bottom: 0;
display: grid;
grid-template-columns: 250px minmax(520px, 1fr) minmax(360px, 42vw);
gap: 0;
background: var(--ck-bg);
color: #1f2937;
box-sizing: border-box;
z-index: 1;
}
.ck-workspace * {
box-sizing: border-box;
}
.ck-workspace-sidebar {
position: sticky;
top: 0;
height: 100vh;
background: #111827;
color: #e5e7eb;
padding: 20px 16px;
overflow-y: auto;
}
.ck-workspace-brand {
display: flex;
align-items: center;
gap: 12px;
padding-bottom: 18px;
border-bottom: 1px solid rgba(255,255,255,.12);
margin-bottom: 18px;
}
.ck-workspace-logo {
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 14px;
background: linear-gradient(135deg, #72aee6, #2271b1);
color: #fff;
font-weight: 900;
letter-spacing: .04em;
}
.ck-workspace-brand strong {
display: block;
font-size: 15px;
line-height: 1.2;
}
.ck-workspace-brand span {
display: block;
color: #9ca3af;
font-size: 12px;
margin-top: 3px;
}
.ck-workspace-nav {
display: grid;
gap: 7px;
}
.ck-workspace-nav button {
width: 100%;
border: 0;
border-radius: 12px;
padding: 11px 12px;
background: transparent;
color: #d1d5db;
text-align: left;
cursor: pointer;
font-weight: 700;
}
.ck-workspace-nav button:hover,
.ck-workspace-nav button.is-active {
background: rgba(255,255,255,.10);
color: #fff;
}
.ck-workspace-help {
margin-top: 22px;
padding: 12px;
border: 1px solid rgba(255,255,255,.12);
border-radius: 14px;
background: rgba(255,255,255,.06);
color: #d1d5db;
font-size: 13px;
line-height: 1.45;
}
.ck-workspace-help p {
margin: 6px 0 0;
}
.ck-workspace-main {
min-height: 100vh;
padding: 18px;
overflow: visible;
}
.ck-workspace-panel {
background: var(--ck-panel);
border: 1px solid var(--ck-border);
border-radius: 18px;
box-shadow: 0 10px 28px rgba(15,23,42,.06);
padding: 18px;
margin-bottom: 18px;
}
.ck-workspace-head,
.ck-workspace-section-head,
.ck-workspace-tree-head {
display: flex;
justify-content: space-between;
gap: 16px;
align-items: flex-start;
margin-bottom: 12px;
}
.ck-workspace-head h2,
.ck-workspace-section-head h2,
.ck-workspace-tree-head h2 {
margin: 0 0 6px;
font-size: 24px;
line-height: 1.2;
}
.ck-workspace-head p,
.ck-workspace-section-head p,
.ck-workspace-tree-head p {
margin: 0;
color: #64748b;
}
.ck-workspace-primary {
white-space: nowrap;
}
.ck-workspace-form .ck-front-details {
background: #f8fafc;
}
.ck-workspace-options {
display: flex;
flex-wrap: wrap;
gap: 8px 14px;
padding: 8px 0;
}
.ck-workspace-bottom-actions {
display: none;
}
.ck-workspace-results-panel .ck-front-results {
margin-top: 0;
}
.ck-workspace-results-panel .ck-result-list h3 {
display: none;
}
.ck-workspace-tree {
position: sticky;
top: 0;
height: 100vh;
overflow: auto;
padding: 18px;
background: #eef2f7;
border-left: 1px solid var(--ck-border);
}
.ck-workspace-tree-head {
padding: 14px;
background: #fff;
border: 1px solid var(--ck-border);
border-radius: 18px;
margin-bottom: 12px;
}
.ck-workspace-refresh-tree {
border: 1px solid rgba(34,113,177,.25);
border-radius: 10px;
background: #f0f6fc;
color: #135e96;
padding: 8px 11px;
font-weight: 800;
cursor: pointer;
}
.ck-workspace-tree-select {
padding: 14px;
background: #fff;
border: 1px solid var(--ck-border);
border-radius: 18px;
margin-bottom: 12px;
}
.ck-workspace-tree-select select {
width: 100%;
border: 1px solid rgba(0,0,0,.22);
border-radius: 8px;
padding: 9px 10px;
min-height: 38px;
background: #fff;
}
.ck-workspace-tree-output {
padding: 14px;
background: #fff;
border: 1px solid var(--ck-border);
border-radius: 18px;
min-height: 360px;
}
.ck-workspace-tree-output .ck-family-tree {
padding: 10px 0;
}
.ck-workspace-tree-output .ck-generation {
gap: 12px;
}
.ck-workspace-tree-output .ck-person-card {
width: 150px;
padding: 12px 10px;
}
.ck-workspace-tree-output .ck-person-photo img,
.ck-workspace-tree-output .ck-person-placeholder {
width: 62px;
height: 62px;
}
.ck-workspace-tree-output .ck-person-name {
font-size: 14px;
}
.ck-workspace-tree-output .ck-person-life {
font-size: 12px;
}
.ck-workspace-tree-loading {
opacity: .65;
position: relative;
}
.ck-workspace-tree-loading:before {
content: 'Családfa betöltése...';
display: block;
margin-bottom: 10px;
color: #64748b;
font-weight: 700;
}
@media (max-width: 1280px) {
.ck-workspace {
grid-template-columns: 220px minmax(420px, 1fr);
}
.ck-workspace-tree {
grid-column: 2;
position: relative;
height: auto;
min-height: 500px;
border-left: 0;
border-top: 1px solid var(--ck-border);
}
}
@media (max-width: 860px) {
.ck-workspace {
display: block;
min-height: 100vh;
}
.ck-workspace-sidebar {
position: relative;
height: auto;
}
.ck-workspace-nav {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ck-workspace-main,
.ck-workspace-tree {
padding: 12px;
}
.ck-workspace-head,
.ck-workspace-section-head,
.ck-workspace-tree-head {
display: block;
}
.ck-workspace-primary {
margin-top: 12px;
width: 100%;
}
.ck-workspace-bottom-actions {
display: flex;
}
} .ck-workspace {
position: fixed !important;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: auto !important;
max-width: none !important;
height: 100vh;
min-height: 0;
margin: 0 !important;
padding: 0 !important;
z-index: 99998;
grid-template-columns: 230px minmax(480px, 1.08fr) minmax(360px, .92fr);
overflow: hidden;
}
body.admin-bar .ck-workspace {
top: 32px;
height: calc(100vh - 32px);
}
@media screen and (max-width: 782px) {
body.admin-bar .ck-workspace {
top: 46px;
height: calc(100vh - 46px);
}
}
html.ck-workspace-active,
body.ck-workspace-active {
overflow: hidden !important;
}
body.ck-workspace-active .site,
body.ck-workspace-active #page,
body.ck-workspace-active .site-content,
body.ck-workspace-active .entry-content {
overflow: visible !important;
}
.ck-workspace-sidebar,
.ck-workspace-tree {
position: relative;
top: auto;
height: 100%;
min-height: 0;
}
.ck-workspace-main {
height: 100%;
min-height: 0;
overflow-y: auto;
padding: 20px 22px;
}
.ck-workspace-tree {
overflow-y: auto;
}
.ck-workspace input[type="text"],
.ck-workspace textarea,
.ck-workspace select {
width: 100%;
box-sizing: border-box;
border: 1px solid rgba(15, 23, 42, .18) !important;
border-radius: 10px !important;
padding: 10px 11px !important;
min-height: 42px;
background: #fff !important;
color: #111827 !important;
box-shadow: none !important;
}
.ck-workspace textarea {
min-height: 86px;
}
.ck-workspace label {
display: block;
font-size: 14px;
font-weight: 700;
color: #334155;
}
.ck-workspace .ck-front-grid-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.ck-workspace .ck-front-grid-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ck-workspace .ck-workspace-panel:first-child {
margin-top: 0;
}
.ck-workspace .ck-workspace-search-panel {
scroll-margin-top: 18px;
}
.ck-workspace .ck-workspace-results-panel {
min-height: 340px;
}
@media (max-width: 1180px) {
.ck-workspace {
grid-template-columns: 210px minmax(420px, 1fr);
}
.ck-workspace-tree {
display: none;
}
}
@media (max-width: 760px) {
.ck-workspace {
grid-template-columns: 1fr;
}
.ck-workspace-sidebar {
position: sticky;
top: 0;
z-index: 2;
height: auto;
max-height: 210px;
}
.ck-workspace-main {
height: auto;
}
.ck-workspace .ck-front-grid-3,
.ck-workspace .ck-front-grid-2 {
grid-template-columns: 1fr;
}
} .ck-public-card,.ck-family-portal,.ck-map-list,.ck-timeline{background:#fff;border:1px solid #dfe6ef;border-radius:18px;padding:22px;margin:18px 0;box-shadow:0 10px 30px rgba(15,23,42,.06)}
.ck-public-photo{max-width:180px;border-radius:16px;display:block;margin:10px 0;box-shadow:0 8px 22px rgba(15,23,42,.12)}
.ck-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:18px;margin:20px 0}
.ck-photo-grid figure{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:12px;margin:0;text-align:center}
.ck-photo-grid img{width:100%;height:150px;object-fit:cover;border-radius:12px}
.ck-photo-grid figcaption{font-weight:700;margin-top:8px}
.ck-timeline ol{border-left:3px solid #2b7bbb;margin-left:14px;padding-left:24px}
.ck-timeline li{margin:0 0 18px 0;padding-left:4px}
.ck-family-portal .ck-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.ck-family-portal .ck-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:16px} .ck-workspace .ck-workspace-large-panel {
display: none;
}
.ck-workspace[data-ck-view="csaladfa"],
.ck-workspace[data-ck-view="idovonal"],
.ck-workspace[data-ck-view="terkep"],
.ck-workspace[data-ck-view="fotok"] {
grid-template-columns: 230px minmax(0, 1fr) !important;
}
.ck-workspace[data-ck-view="csaladfa"] .ck-workspace-tree,
.ck-workspace[data-ck-view="idovonal"] .ck-workspace-tree,
.ck-workspace[data-ck-view="terkep"] .ck-workspace-tree,
.ck-workspace[data-ck-view="fotok"] .ck-workspace-tree {
display: none !important;
}
.ck-workspace[data-ck-view="csaladfa"] .ck-workspace-main,
.ck-workspace[data-ck-view="idovonal"] .ck-workspace-main,
.ck-workspace[data-ck-view="terkep"] .ck-workspace-main,
.ck-workspace[data-ck-view="fotok"] .ck-workspace-main {
grid-column: 2 / 3;
height: 100%;
overflow-y: auto;
padding: 22px 26px;
}
.ck-workspace[data-ck-view="csaladfa"] .ck-workspace-search-panel,
.ck-workspace[data-ck-view="csaladfa"] .ck-workspace-results-panel,
.ck-workspace[data-ck-view="idovonal"] .ck-workspace-search-panel,
.ck-workspace[data-ck-view="idovonal"] .ck-workspace-results-panel,
.ck-workspace[data-ck-view="terkep"] .ck-workspace-search-panel,
.ck-workspace[data-ck-view="terkep"] .ck-workspace-results-panel,
.ck-workspace[data-ck-view="fotok"] .ck-workspace-search-panel,
.ck-workspace[data-ck-view="fotok"] .ck-workspace-results-panel {
display: none !important;
}
.ck-workspace[data-ck-view="csaladfa"] .ck-workspace-family-panel,
.ck-workspace[data-ck-view="idovonal"] .ck-workspace-timeline-panel,
.ck-workspace[data-ck-view="terkep"] .ck-workspace-map-panel,
.ck-workspace[data-ck-view="fotok"] .ck-workspace-photos-panel {
display: block !important;
min-height: calc(100vh - 44px);
}
.ck-workspace[data-ck-view="talalatok"] .ck-workspace-search-panel {
display: none !important;
}
.ck-workspace[data-ck-view="talalatok"] .ck-workspace-results-panel {
min-height: calc(100vh - 48px);
}
.ck-workspace-person-toolbar {
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 16px;
padding: 14px;
margin-bottom: 16px;
max-width: 560px;
}
.ck-workspace-large-output {
background: #fff;
border: 1px solid #e2e8f0;
border-radius: 20px;
padding: 22px;
min-height: 520px;
overflow-x: auto;
}
.ck-workspace-large-tree-output .ck-family-tree {
transform-origin: top center;
padding: 24px 0 40px;
min-width: 720px;
}
.ck-workspace-large-tree-output .ck-generation {
gap: 26px;
}
.ck-workspace-large-tree-output .ck-person-card {
width: 210px;
padding: 18px 16px;
border-radius: 22px;
}
.ck-workspace-large-tree-output .ck-person-photo img,
.ck-workspace-large-tree-output .ck-person-placeholder {
width: 92px;
height: 92px;
}
.ck-workspace-large-tree-output .ck-person-name {
font-size: 17px;
}
.ck-workspace-large-tree-output .ck-person-life,
.ck-workspace-large-tree-output .ck-person-place {
font-size: 13px;
}
.ck-workspace-timeline {
position: relative;
display: grid;
gap: 14px;
}
.ck-timeline-item {
display: grid;
grid-template-columns: 120px 260px minmax(0, 1fr);
gap: 14px;
align-items: stretch;
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 18px;
padding: 14px;
}
.ck-timeline-date {
display: flex;
align-items: center;
justify-content: center;
border-radius: 14px;
background: #e0f2fe;
color: #075985;
font-weight: 900;
text-align: center;
min-height: 82px;
}
.ck-timeline-body h3 {
margin: 0 0 6px;
font-size: 19px;
}
.ck-timeline-body p {
margin: 0 0 6px;
}
.ck-person-mini {
display: flex;
align-items: center;
gap: 12px;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 16px;
padding: 10px;
min-height: 82px;
}
.ck-person-mini-photo img,
.ck-person-mini-photo .ck-person-placeholder {
width: 62px;
height: 62px;
border-radius: 14px;
object-fit: cover;
}
.ck-person-mini strong,
.ck-person-mini span {
display: block;
}
.ck-person-mini span {
color: #64748b;
font-size: 13px;
margin-top: 3px;
}
.ck-workspace-map-grid,
.ck-workspace-photo-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 16px;
}
.ck-map-card,
.ck-photo-person-card {
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 18px;
padding: 14px;
}
.ck-map-card-body {
margin-top: 12px;
display: grid;
gap: 6px;
}
.ck-map-card-body span,
.ck-photo-person-meta span,
.ck-photo-person-meta em {
color: #64748b;
}
.ck-map-card-body a {
display: inline-flex;
width: fit-content;
margin-top: 6px;
padding: 8px 10px;
border-radius: 10px;
background: #eff6ff;
color: #1d4ed8;
text-decoration: none;
font-weight: 800;
}
.ck-photo-person-meta {
display: grid;
gap: 4px;
margin-top: 10px;
}
@media (max-width: 920px) {
.ck-timeline-item {
grid-template-columns: 1fr;
}
.ck-workspace[data-ck-view="csaladfa"],
.ck-workspace[data-ck-view="idovonal"],
.ck-workspace[data-ck-view="terkep"],
.ck-workspace[data-ck-view="fotok"] {
grid-template-columns: 1fr !important;
}
.ck-workspace[data-ck-view="csaladfa"] .ck-workspace-main,
.ck-workspace[data-ck-view="idovonal"] .ck-workspace-main,
.ck-workspace[data-ck-view="terkep"] .ck-workspace-main,
.ck-workspace[data-ck-view="fotok"] .ck-workspace-main {
grid-column: 1;
}
}.tsc-topbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.tsc-mid{display:flex;gap:8px;align-items:center;margin:8px 0}
.tsc-result{padding:10px;border-radius:8px;margin:6px 0;border:1px solid #22304f;background:#0f172a;color:#e2e8f0}
.tsc-result.ok{border-color:#225533}
.tsc-result.warn{border-color:#8a6d1a}
.tsc-result.bad{border-color:#8a1a1a}
.tsc-stats{font-size:14px;color:#9fb3c8;margin-top:6px}
.tsc-map-controls{font-size:14px;}
.tsc-map-controls label{user-select:none;} .tsc-lines-legend {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin: 0.5rem 0 1rem;
}
.tsc-line-pill {
padding: 0.25rem 0.75rem;
border-radius: 999px;
border: 2px solid currentColor;
background: transparent;
cursor: pointer;
font-weight: 600;
font-size: 0.9rem;
line-height: 1.2;
}
.tsc-line-pill.active {
color: #fff !important;
} .tsc-widget {
--tsc-accent: #f59e0b;
}
.tsc-widget .tsc-calc {
background-color: var(--tsc-accent);
border-color: var(--tsc-accent);
} .tsc-map-wrap {
position: relative;
}
.tsc-map-tools-under {
margin: 8px 0 12px;
}
.tsc-tools-box {
pointer-events: auto;
background: #ffffff;
border-radius: 10px;
box-shadow: 0 10px 25px rgba(15, 23, 42, .25);
padding: 8px;
width: 320px;
max-width: 90vw;
font-size: 13px;
color: #111827;
}
.tsc-tools-row {
display: flex;
align-items: center;
gap: 6px;
margin-bottom: 6px;
}
.tsc-tools-row input[type="text"] {
flex: 1;
padding: 4px 7px;
border-radius: 999px;
border: 1px solid #d1d5db;
font-size: 13px;
}
.tsc-tools-box button {
border: none;
padding: 5px 9px;
border-radius: 999px;
background: #0ea5e9;
color: #fff;
font-size: 12px;
cursor: pointer;
white-space: nowrap;
}
.tsc-tools-box button:hover {
background: #0284c7;
} .tsc-tools-row-buttons {
flex-wrap: wrap;
} .tsc-tools-row-buttons button {
flex: 1 1 32%;
text-align: center;
}
.tsc-tools-row-poi span {
font-size: 11px;
color: #6b7280;
margin-right: 4px;
}
.tsc-tools-row-poi .tsc-poi-btn {
background: #f3f4f6;
color: #111827;
border: 1px solid #d1d5db;
padding: 4px 7px;
}
.tsc-tools-row-poi .tsc-poi-btn:hover {
background: #e5e7eb;
}
.tsc-gpt-output {
font-size: 12px;
max-height: 140px;
overflow: auto;
background: #f3f4f6;
border-radius: 6px;
padding: 4px 6px;
} .tsc-map-tools-under {
display: flex;
flex-wrap: wrap;
gap: 16px;
align-items: flex-start;
}
.tsc-tools-box {
flex: 0 1 340px;
}
.tsc-directions-box {
background: #ffffff;
border-radius: 10px;
box-shadow: 0 10px 25px rgba(15, 23, 42, .25);
padding: 8px 10px;
font-size: 12px;
max-height: 360px;
overflow: auto;
flex: 1 1 260px;
}
.tsc-directions-title {
font-weight: 600;
margin-bottom: 4px;
}
.tsc-osrm-directions {
margin: 0;
padding-left: 18px;
}
.tsc-osrm-directions li {
margin-bottom: 3px;
} .tsc-tools-row-modes {
display: flex;
align-items: center;
gap: 6px;
}
.tsc-modes-label {
font-size: 11px;
color: #6b7280;
margin-right: 4px;
}
.tsc-mode-btn {
background: #f3f4f6;
color: #111827;
border: 1px solid #d1d5db;
padding: 4px 7px;
border-radius: 999px;
font-size: 14px;
cursor: pointer;
}
.tsc-mode-btn:hover {
background: #e5e7eb;
} .tsc-tools-row-toggle {
justify-content: flex-start;
}
.tsc-toggle {
display: inline-flex;
align-items: center;
gap: 6px;
cursor: pointer;
font-size: 12px;
}
.tsc-toggle input[type="checkbox"] {
display: none;
}
.tsc-toggle-slider {
width: 32px;
height: 18px;
border-radius: 999px;
background: #e5e7eb;
position: relative;
transition: background 0.2s ease;
}
.tsc-toggle-slider::before {
content: "";
position: absolute;
width: 14px;
height: 14px;
border-radius: 999px;
background: #ffffff;
top: 2px;
left: 2px;
transition: transform 0.2s ease;
box-shadow: 0 1px 3px rgba(15, 23, 42, .3);
}
.tsc-toggle input[type="checkbox"]:checked + .tsc-toggle-slider {
background: #22c55e;
}
.tsc-toggle input[type="checkbox"]:checked + .tsc-toggle-slider::before {
transform: translateX(14px);
}
.tsc-toggle-label {
color: #374151;
}
.tsc-poi-btn.tsc-poi-active {
background-color: #00a3e0;
color: #fff;
} .tsc-tools-row-gpt button {
margin-right: 6px;
}
.tsc-chat-faq-list {
max-height: 240px;
overflow-y: auto;
padding-right: 4px;
}
.tsc-chat-faq-item summary {
cursor: pointer;
font-weight: 600;
}
.tsc-chat-faq-links {
margin: 0.5em 0 0;
padding-left: 1.2em;
} .tsc-osrm-directions li.tsc-osrm-step-motorway {
font-weight: 600;
}
.tsc-osrm-directions li.tsc-osrm-step-toll {
text-decoration: underline;
} .tsc-directions-box .tsc-osrm-motorway-toggle {
display: inline-flex;
align-items: center;
gap: 6px;
margin: 6px 0 10px;
cursor: pointer;
font-size: 12px;
} .tsc-directions-box .tsc-osrm-motorway-toggle .tsc-toggle-slider {
width: 32px;
height: 18px;
border-radius: 999px;
background: #e5e7eb;
position: relative;
transition: background 0.2s ease;
} .tsc-directions-box .tsc-osrm-motorway-toggle .tsc-toggle-slider::before {
content: "";
position: absolute;
width: 14px;
height: 14px;
border-radius: 999px;
background: #ffffff;
top: 2px;
left: 2px;
box-shadow: 0 1px 3px rgba(15, 23, 42, .3);
} .tsc-directions-box .tsc-osrm-motorway-toggle input[type="checkbox"]:checked + .tsc-toggle-slider {
background: #00a3e0;
} .tsc-directions-box .tsc-osrm-motorway-toggle .tsc-toggle-label {
color: #374151;
}
.tsc-directions-box .tsc-osrm-motorway-toggle input[type="checkbox"]:checked + .tsc-toggle-slider + .tsc-toggle-label {
font-weight: 600;
} .tsc-widget.tsc-widget--with-smc {
display: flex;
flex-direction: column;
} .tsc-widget.tsc-widget--with-smc .tsc-smc2-wrapper {
order: 1;
} .tsc-widget.tsc-widget--with-smc .tsc-map-wrap,
.tsc-widget.tsc-widget--with-smc .tsc-map-tools-under {
order: 2;
} .tsc-map-tools-under {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
}
.tsc-tools-box,
.tsc-directions-box {
max-width: 420px;
} .tsc-widget.tsc-widget--with-smc .tsc-map-wrap {
order: 1;
}
.tsc-widget.tsc-widget--with-smc .tsc-map-tools-under {
order: 2;
} .tsc-map-poi-under {
margin: 8px 0 4px 0;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.tsc-map-poi-under .tsc-tools-row-poi--map {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 4px 8px;
border-radius: 999px;
background: rgba(255,255,255,0.85);
box-shadow: 0 6px 18px rgba(15,23,42,0.25);
}
.tsc-map-poi-under .tsc-tools-row-poi--map span {
font-size: 12px;
font-weight: 500;
margin-right: 4px;
}
.tsc-map-poi-under .tsc-poi-btn--map {
border: none;
background: #f1f5f9;
border-radius: 999px;
width: 30px;
height: 30px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
} .tsc-map-poi-under .tsc-poi-btn--map img,
.tsc-tools-row-poi .tsc-poi-btn img {
width: 24px;
height: 24px;
display: block;
}
.tsc-map-poi-under .tsc-poi-btn--map:hover {
background: #e2e8f0;
} .tsc-map-wrap {
position: relative;
}
.tsc-map-bus-toggle {
position: relative;
z-index: 1;
}
.tsc-map-bus-toggle .tsc-toggle--map {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 4px 8px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.92);
box-shadow: 0 6px 16px rgba(15, 23, 42, 0.35);
}
.tsc-map-bus-toggle .tsc-toggle-label {
font-size: 11px;
font-weight: 500;
color: #111827;
}