/* rr-seismoi CSS v1.1.14 — refined UI */ .rr-seismoi-wrap{--card:#ffffff;--border:#e5e7eb;--shadow:0 6px 18px rgba(0,0,0,.10);--hero-from:#0f172a;--hero-to:#111827} .rr-seismoi-wrap .rr-shell{max-width:72rem;margin:auto;padding:0 1rem} @supports(padding:max(0px)){.rr-seismoi-wrap .rr-shell{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}} .rr-seismoi-wrap,.rr-seismoi-wrap *,.rr-seismoi-wrap *::before,.rr-seismoi-wrap *::after{box-sizing:border-box} body .rr-seismoi-wrap{color:#0b1220;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif} .rr-seismoi-wrap .hero-grid{display:grid;gap:16px} @media (min-width:768px){ .rr-seismoi-wrap .hero-grid{grid-template-columns:88px minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:start} .rr-seismoi-wrap .hero-icon{grid-column:1;grid-row:1/span 2}.rr-seismoi-wrap .hero-head{grid-column:2;grid-row:1} .rr-seismoi-wrap .hero-metrics{grid-column:1/span 2;grid-row:2}.rr-seismoi-wrap .hero-actions{grid-column:3;grid-row:1/span 2} } .rr-seismoi-wrap .rounded-2xl{border-radius:16px}.rr-seismoi-wrap .rounded-lg{border-radius:10px}.rr-seismoi-wrap .shadow{box-shadow:var(--shadow)} .rr-seismoi-wrap .p-5{padding:20px}.rr-seismoi-wrap .px-3{padding-left:12px;padding-right:12px}.rr-seismoi-wrap .py-2{padding-top:8px;padding-bottom:8px} .rr-seismoi-wrap .mt-6{margin-top:24px}.rr-seismoi-wrap .mt-4{margin-top:16px}.rr-seismoi-wrap .mb-6{margin-bottom:24px} .rr-seismoi-wrap .text-white{color:#fff}.rr-seismoi-wrap .text-slate-300{color:#cbd5e1}.rr-seismoi-wrap .text-sm{font-size:14px}.rr-seismoi-wrap .font-semibold{font-weight:600} .rr-seismoi-wrap .text-left{text-align:left}.rr-seismoi-wrap .text-right{text-align:right}.rr-seismoi-wrap .underline{text-decoration:underline} .rr-seismoi-wrap .decoration-white\/40{text-decoration-color:rgba(255,255,255,.4)}.rr-seismoi-wrap .hover\:decoration-white:hover{text-decoration-color:#fff} .rr-seismoi-wrap .flex{display:flex}.rr-seismoi-wrap .flex-wrap{flex-wrap:wrap}.rr-seismoi-wrap .items-center{align-items:center}.rr-seismoi-wrap .grow{flex:1 1 auto} .rr-seismoi-wrap .h-\[620px\]{height:620px}.rr-seismoi-wrap .bg-gradient-to-br{background:linear-gradient(135deg,var(--hero-from),var(--hero-to))} .rr-seismoi-wrap .eq-icon{width:76px;height:56px;border-radius:12px;background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)} .rr-seismoi-wrap .eq-line{stroke-dasharray:220;stroke-dashoffset:220;animation:draw 2.8s ease-in-out infinite} @keyframes draw{0%{stroke-dashoffset:220;opacity:.75}50%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:-220;opacity:.75}} @media (prefers-reduced-motion: reduce){ .rr-seismoi-wrap .eq-line{animation:none!important} } .rr-seismoi-wrap .metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} @media (min-width:768px){.rr-seismoi-wrap .metrics-grid{grid-template-columns:repeat(5,minmax(0,1fr))}} .rr-seismoi-wrap .metric-title{font-size:12px;color:#a8b3cf;display:flex;align-items:center;gap:6px} .rr-seismoi-wrap .metric-value{font-weight:600;line-height:1.15;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .rr-seismoi-wrap .metric-pill{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:.55rem .75rem} .rr-seismoi-wrap .metric-pill:hover{background:rgba(255,255,255,.12)}.rr-seismoi-wrap .metric-btn{cursor:pointer} .rr-seismoi-wrap .rr-btn{cursor:pointer;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.10);transition:background .15s ease} .rr-seismoi-wrap .rr-btn:focus{outline:none}.rr-seismoi-wrap .rr-btn:focus-visible{outline:2px solid #93c5fd;outline-offset:3px} .rr-seismoi-wrap .rr-btn:hover{background:rgba(255,255,255,.20)} .rr-seismoi-wrap .rr-primary-btn{background:#2563eb;border:none;border-radius:10px;color:#fff;padding:8px 12px;font-size:14px;display:inline-block} .rr-seismoi-wrap .rr-primary-btn:hover{background:#1e40af}.rr-seismoi-wrap .rr-refresh-wrap{display:flex;justify-content:center;margin:10px 0 14px} .rr-seismoi-wrap .card{background:var(--card);border-radius:16px;box-shadow:var(--shadow);padding:16px;contain:content} .rr-seismoi-wrap .card h2{margin:0 0 8px 0;font-weight:600;text-align:center} .rr-seismoi-wrap .sidebar{height:620px;overflow-y:auto;padding-bottom:12px;content-visibility:auto;contain-intrinsic-size:1px 620px} .rr-seismoi-wrap #depth-legend{display:grid;grid-template-columns:repeat(2,max-content);column-gap:12px;row-gap:2px;align-content:start} .rr-seismoi-wrap #depth-legend .legend-row{display:flex;align-items:center;gap:8px;margin:2px 0;font-size:13px;color:#334155} .rr-seismoi-wrap #depth-legend .sw{display:inline-block;width:14px;height:14px;border-radius:3px} .rr-seismoi-wrap #depth-legend .font-semibold{grid-column:1 / -1;margin-bottom:4px} .rr-seismoi-wrap .seg{ background:#eef2f7;border:1px solid #d8dee9;border-radius:9999px;padding:4px; display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;width:100%; } .rr-seismoi-wrap .seg input[type="radio"]{position:absolute;opacity:0;width:1px;height:1px} .rr-seismoi-wrap .seg label{display:block} .rr-seismoi-wrap .seg label span{ display:block;width:100%;text-align:center;white-space:nowrap; padding:6px 0;border-radius:9999px;border:1px solid transparent;font-weight:600;color:#334155 } .rr-seismoi-wrap .seg input:checked + span{background:#fff;border-color:#cbd5e1;box-shadow:0 1px 0 rgba(0,0,0,.02);color:#0b1220} .rr-seismoi-wrap input[type="range"]{appearance:none;width:100%;height:4px;border-radius:9999px;background:#e5e7eb;outline:none} .rr-seismoi-wrap input[type="range"]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border-radius:9999px;background:#0b4a77;border:2px solid #e2e8f0;box-shadow:0 1px 2px rgba(0,0,0,.15)} .rr-seismoi-wrap input[type="range"]::-moz-range-thumb{width:16px;height:16px;border-radius:9999px;background:#0b4a77;border:2px solid #e2e8f0} .rr-seismoi-wrap #rr-table{table-layout:fixed;width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:14px} .rr-seismoi-wrap #rr-table thead th{position:sticky;top:0;background:#f7fafc;z-index:1;border-bottom:1px solid var(--border);padding:10px 8px} .rr-seismoi-wrap #rr-table td{padding:9px 8px;border-bottom:1px solid var(--border)} .rr-seismoi-wrap #rr-table tbody tr:nth-child(even){background:#fbfdff} .rr-seismoi-wrap #rr-table tbody tr:hover{background:#edf6ff} .rr-seismoi-wrap #rr-table tbody tr.active{background:#eaf4ff} .leaflet-pane .pulse-ring{width:28px;height:28px;margin-left:-14px;margin-top:-14px;border-radius:9999px;position:relative;pointer-events:none} .pulse-ring::before,.pulse-ring::after{content:"";position:absolute;inset:0;border-radius:9999px;border:3px solid rgba(96,165,250,.9);animation:rr-pulse 2.2s linear infinite} .pulse-ring::after{animation-delay:.9s} .leaflet-pane .pulse-ring-selected{width:26px;height:26px;margin-left:-13px;margin-top:-13px;border-radius:9999px;position:relative;pointer-events:none} .pulse-ring-selected::before,.pulse-ring-selected::after{content:"";position:absolute;inset:0;border-radius:9999px;border:3px solid rgba(0,0,0,.95);animation:rr-pulse 2s linear infinite} @keyframes rr-pulse{0%{transform:scale(.6);opacity:.85}70%{transform:scale(2.4);opacity:.15}100%{transform:scale(2.8);opacity:0}} .rr-seismoi-wrap .stack-fix{position:relative;z-index:0}.rr-seismoi-wrap .below-map{position:relative;z-index:1} @media (max-width:767px){.rr-seismoi-wrap .leaflet-control-attribution{font-size:9px;line-height:1.15;max-width:85vw;white-space:normal}} .rr-seismoi-wrap .md\:block{display:none} @media (min-width:768px){ .rr-seismoi-wrap .md\:block{display:block} .rr-seismoi-wrap .md\:w-\[340px\]{width:340px} .rr-seismoi-wrap .md\:min-w-\[380px\]{min-width:380px} .rr-seismoi-wrap .md\:mb-0{margin-bottom:0} } .rr-seismoi-wrap .site-footer{margin:10px 0 0;padding:8px 4px 16px;font-size:14px;color:#475569;text-align:left;white-space:nowrap} .rr-seismoi-wrap .site-footer b{color:#0b1220} .rr-seismoi-wrap .site-footer .rr-red{color:#dc2626} .rr-seismoi-wrap .site-footer .rr-red:hover{color:#b91c1c} .rr-seismoi-wrap .group-title{display:flex;justify-content:center;font-weight:700;color:#334155;margin:10px 0 6px} .rr-seismoi-wrap .switches{display:flex;flex-wrap:wrap;gap:18px;justify-content:flex-start;align-items:center;color:#334155;font-size:14px} .rr-seismoi-wrap .switches label{display:inline-flex;align-items:center;gap:6px;user-select:none} .rr-seismoi-wrap .ico-16{width:18px;height:18px;display:inline-block;line-height:0} .rr-seismoi-wrap .ico-16 svg{display:block} .rr-seismoi-wrap .ico-fault svg{stroke:#f97316;stroke-width:3.2;fill:none} .rr-seismoi-wrap .ico-plates svg{stroke:#0ea5e9;stroke-width:1.8;fill:none} .rr-seismoi-wrap .volc-ico svg{display:block;filter:drop-shadow(0 0 1px rgba(0,0,0,.35))} .rr-seismoi-wrap .eq-star svg{filter:drop-shadow(0 0 1px rgba(0,0,0,.35))} .rr-seismoi-wrap .justify-between{justify-content:space-between} .rr-seismoi-wrap .px-1{padding-left:4px;padding-right:4px} .rr-seismoi-wrap .font-medium{font-weight:600} .rr-seismoi-wrap #eq-filters .px-1.flex.items-center.justify-between{display:flex;justify-content:space-between;align-items:center;gap:8px} .rr-seismoi-wrap #eq-filters .px-1.flex.items-center.justify-between span:first-child::after{content:": ";margin-left:4px} .rr-seismoi-wrap .intl-badge{transform:translate(9px,-9px);filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))} .rr-seismoi-wrap .intl-badge svg{display:block} .rr-seismoi-wrap .intl-ico-list{display:inline-block;vertical-align:-2px;margin-left:6px;line-height:0} @media (max-width: 767px){ .rr-seismoi-wrap #rr-map, .rr-seismoi-wrap .sidebar{ flex:1 1 100% !important; width:100% !important; } .rr-seismoi-wrap .site-footer{ white-space:normal !important; } .rr-seismoi-wrap #rr-map.map-interact{ touch-action:none; } .leaflet-control-zoom a{ width:44px;height:44px;line-height:44px;font-size:22px } .leaflet-control-zoom{ border-radius:12px; box-shadow:var(--shadow) } } .rr-seismoi-wrap .map-hint{ position:absolute; left:50%; bottom:10px; transform:translateX(-50%); background:rgba(17,24,39,.8); color:#fff; font-size:12px; padding:6px 10px; border-radius:9999px; pointer-events:none; opacity:0; transition:opacity .2s ease; box-shadow:0 2px 8px rgba(0,0,0,.25) } .rr-seismoi-wrap .map-hint.show{ opacity:.95; } @media (min-width:768px){ .rr-seismoi-wrap .map-hint{ display:none } } @media (max-width:767px){ .leaflet-control-pan{ display:grid; grid-template-columns:repeat(3,1fr); grid-template-rows:repeat(3,1fr); gap:4px; margin-top:6px; } .leaflet-control-pan a{ width:44px; height:44px; line-height:44px; text-align:center; font-weight:700; user-select:none; } .leaflet-control-pan .pan-up{grid-column:2;grid-row:1} .leaflet-control-pan .pan-left{grid-column:1;grid-row:2} .leaflet-control-pan .pan-right{grid-column:3;grid-row:2} .leaflet-control-pan .pan-down{grid-column:2;grid-row:3} } /* Full-mode editorial content */ .rr-seismoi-wrap .rr-hero-title{margin:0 0 6px;font-size:28px;line-height:1.15;color:#fff} .rr-seismoi-wrap .rr-article-copy{margin-top:24px;margin-bottom:20px;color:#1f2937;font-size:16px;line-height:1.65} .rr-seismoi-wrap .rr-article-copy h2{margin:26px 0 8px;font-size:24px;line-height:1.25;color:#111827} .rr-seismoi-wrap .rr-article-copy h3{margin:18px 0 5px;font-size:18px;line-height:1.3;color:#111827} .rr-seismoi-wrap .rr-article-copy p{margin:0 0 12px} .rr-seismoi-wrap .rr-article-copy a{color:#b7151b;text-decoration:underline;text-underline-offset:2px} .rr-seismoi-wrap .rr-readalso{font-size:17px} .rr-seismoi-wrap .rr-faq{border-top:1px solid #e5e7eb;margin-top:10px;padding-top:4px} /* Live seismographs — browser-side, lazy loaded */ .rr-seismoi-wrap .rr-seismo-section{margin-top:24px;color:#e5e7eb} .rr-seismoi-wrap .rr-seismo-intro{background:#111827;border:1px solid #1f2937;border-radius:16px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:16px} .rr-seismoi-wrap .rr-seismo-intro-left{display:flex;align-items:center;gap:14px;min-width:0} .rr-seismoi-wrap .rr-seismo-intro h2{margin:0 0 4px;font-size:24px;line-height:1.2;color:#fff} .rr-seismoi-wrap .rr-seismo-intro p{margin:0;color:#9ca3af;font-size:14px;line-height:1.45} .rr-seismoi-wrap .rr-seismo-icon{width:54px;height:54px;flex:0 0 auto} .rr-seismoi-wrap .rr-seismo-icon rect{fill:none;stroke:#374151} .rr-seismoi-wrap .rr-seismo-line{stroke:#ef4444;stroke-width:3;fill:none;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:120 48;animation:rr-seismo-dash 1.8s linear infinite} @keyframes rr-seismo-dash{to{stroke-dashoffset:-168}} .rr-seismoi-wrap .rr-seismo-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end} .rr-seismoi-wrap .rr-seismo-actions button,.rr-seismoi-wrap .rr-seismo-tools button,.rr-seismoi-wrap .rr-seismo-tools a{border:1px solid #374151;background:#0f172a;color:#e5e7eb;padding:7px 10px;border-radius:10px;text-decoration:none;cursor:pointer;font:inherit} .rr-seismoi-wrap .rr-seismo-actions button:hover,.rr-seismoi-wrap .rr-seismo-tools button:hover,.rr-seismoi-wrap .rr-seismo-tools a:hover{border-color:#22d3ee} .rr-seismoi-wrap .rr-seismo-actions button:disabled{opacity:.65;cursor:default} .rr-seismoi-wrap .rr-seismo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px} .rr-seismoi-wrap .rr-seismo-card{background:#111827;border:1px solid #1f2937;border-radius:14px;overflow:hidden;min-width:0} .rr-seismoi-wrap .rr-seismo-card.is-error{border-color:#5b2630} .rr-seismoi-wrap .rr-seismo-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid #1f2937} .rr-seismoi-wrap .rr-seismo-title{display:flex;align-items:center;gap:10px;min-width:0;color:#f3f4f6} .rr-seismoi-wrap .rr-seismo-title strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .rr-seismoi-wrap .rr-live-dot{width:9px;height:9px;border-radius:50%;background:#10b981;flex:0 0 auto;box-shadow:0 0 0 0 rgba(16,185,129,.55);animation:rr-live-pulse 2.2s infinite} .rr-seismoi-wrap .rr-seismo-card.is-error .rr-live-dot{background:#9ca3af;animation:none;box-shadow:none} @keyframes rr-live-pulse{0%{box-shadow:0 0 0 0 rgba(16,185,129,.55)}70%{box-shadow:0 0 0 11px rgba(16,185,129,0)}100%{box-shadow:0 0 0 0 rgba(16,185,129,0)}} .rr-seismoi-wrap .rr-seismo-tools{display:flex;gap:7px;align-items:center;flex:0 0 auto} .rr-seismoi-wrap .rr-seismo-imgwrap{background:#0a0f15;min-height:140px;display:flex;align-items:center;justify-content:center;position:relative} .rr-seismoi-wrap .rr-seismo-imgwrap::before{content:"Αναμονή live εικόνας…";position:absolute;color:#64748b;font-size:12px;letter-spacing:.01em} .rr-seismoi-wrap .rr-seismo-imgwrap img[src^="data:image"]{opacity:0} .rr-seismoi-wrap .rr-seismo-card.is-error .rr-seismo-imgwrap::before{content:"Η live εικόνα δεν είναι προσωρινά διαθέσιμη";color:#9ca3af} .rr-seismoi-wrap .rr-seismo-imgwrap img{display:block;width:100%;height:auto;background:#0a0f15} .rr-seismoi-wrap .rr-seismo-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;color:#9ca3af;border-top:1px solid #1f2937;font-size:12px} .rr-seismoi-wrap .rr-seismo-card.is-error .rr-seismo-status{color:#fca5a5} .rr-seismoi-wrap .rr-seismo-credit{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:10px;padding:10px 12px;background:#111827;border:1px solid #1f2937;border-radius:12px;color:#9ca3af;font-size:12px} .rr-seismoi-wrap .rr-seismo-credit a{color:#a5f3fc} .rr-seismoi-wrap .rr-seismo-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.82);display:none;align-items:center;justify-content:center;z-index:100000;padding:20px} .rr-seismoi-wrap .rr-seismo-lightbox.open{display:flex} .rr-seismoi-wrap .rr-seismo-lightbox img{max-width:min(96vw,1450px);max-height:90vh;border-radius:8px;background:#000} .rr-seismoi-wrap .rr-seismo-lightbox button{position:fixed;top:18px;right:18px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.65);color:#fff;font-size:28px;line-height:1;cursor:pointer} @media (prefers-reduced-motion:reduce){.rr-seismoi-wrap .rr-seismo-line,.rr-seismoi-wrap .rr-live-dot{animation:none!important}} @media (max-width:820px){ .rr-seismoi-wrap .rr-seismo-grid{grid-template-columns:1fr} .rr-seismoi-wrap .rr-seismo-intro{align-items:flex-start;flex-direction:column} .rr-seismoi-wrap .rr-seismo-actions{width:100%;justify-content:flex-start} } @media (max-width:767px){ .rr-seismoi-wrap .rr-hero-title{font-size:24px} .rr-seismoi-wrap #rr-map,.rr-seismoi-wrap .sidebar{height:520px} .rr-seismoi-wrap .rr-article-copy{font-size:15px} } .rr-seismoi-wrap .rr-seismo-card.is-probing{display:none} /* v1.1.3 legacy seismograph loader state */ .rr-seismoi-wrap .rr-seismo-card.is-loaded .rr-seismo-imgwrap::before{display:none!important} .rr-seismoi-wrap .rr-seismo-card.is-loaded .rr-seismo-imgwrap img{position:relative;z-index:1;opacity:1!important} /* v1.1.5 native-first seismograph cards */ .rr-seismoi-wrap .rr-seismo-card.is-loaded .rr-seismo-imgwrap::before{display:none} .rr-seismoi-wrap .rr-seismo-imgwrap img{position:relative;z-index:1} .rr-seismoi-wrap .rr-seismo-status.ok{color:#86efac} .rr-seismoi-wrap .rr-seismo-status.err{color:#fca5a5} /* v1.1.6: qplot requests are probed off-DOM after window.load; no endless page loading */ .rr-seismoi-wrap .rr-seismo-imgwrap{position:relative;min-height:300px} .rr-seismoi-wrap .rr-seismo-imgwrap img:not([src]){visibility:hidden} .rr-seismoi-wrap .rr-seismo-card:not(.is-loaded) .rr-seismo-imgwrap::after{ content:'Αναμονή live εικόνας…';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:14px } .rr-seismoi-wrap .rr-seismo-card.is-error .rr-seismo-imgwrap::after{content:'Η live εικόνα δεν είναι προσωρινά διαθέσιμη'} /* v1.1.12 — compact note for regional magnitude rule */ .rr-seismoi-wrap .rr-filter-note{margin-top:-4px;margin-bottom:2px;padding:7px 9px;border-radius:8px;background:#f8fafc;color:#64748b;font-size:11px;line-height:1.35;border:1px solid #e2e8f0} /* ===== v1.1.14 visual refinement ===== */ .rr-seismoi-wrap{--rr-accent:#dc2626;--rr-accent-dark:#991b1b;--rr-ink:#0f172a;--rr-muted:#64748b;--rr-soft:#f8fafc;--rr-ring:rgba(220,38,38,.14)} .rr-seismoi-wrap .rounded-2xl.bg-gradient-to-br{background:linear-gradient(135deg,#0b1220 0%,#111827 56%,#18233a 100%);border:1px solid rgba(255,255,255,.08);box-shadow:0 14px 34px rgba(15,23,42,.22);position:relative;overflow:hidden} .rr-seismoi-wrap .rounded-2xl.bg-gradient-to-br::after{content:"";position:absolute;width:260px;height:260px;right:-90px;top:-120px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.17),rgba(59,130,246,0) 68%);pointer-events:none} .rr-seismoi-wrap .hero-grid{position:relative;z-index:1} .rr-seismoi-wrap .rr-hero-subtitle{color:#cbd5e1} .rr-seismoi-wrap .rr-live-state{display:inline-flex;align-items:center;gap:7px;margin-top:9px;padding:5px 9px;border:1px solid rgba(148,163,184,.24);border-radius:999px;background:rgba(15,23,42,.45);font-size:11px;font-weight:700;letter-spacing:.015em;color:#cbd5e1} .rr-seismoi-wrap .rr-live-state-dot{width:8px;height:8px;border-radius:50%;background:#94a3b8} .rr-seismoi-wrap .rr-live-state.is-live{color:#bbf7d0;border-color:rgba(34,197,94,.26);background:rgba(22,101,52,.16)} .rr-seismoi-wrap .rr-live-state.is-live .rr-live-state-dot{background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.55);animation:rr-live-state-pulse 2s infinite} .rr-seismoi-wrap .rr-live-state.is-offline{color:#fecaca;border-color:rgba(239,68,68,.28);background:rgba(127,29,29,.18)} .rr-seismoi-wrap .rr-live-state.is-offline .rr-live-state-dot{background:#ef4444} @keyframes rr-live-state-pulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.5)}70%{box-shadow:0 0 0 8px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}} .rr-seismoi-wrap .metric-pill{background:rgba(255,255,255,.065)!important;border:1px solid rgba(255,255,255,.09)!important;backdrop-filter:blur(4px);box-shadow:none!important} .rr-seismoi-wrap .metric-title{color:#aebbd0!important;font-size:11px!important;text-transform:uppercase;letter-spacing:.035em} .rr-seismoi-wrap .metric-value{font-weight:750!important;color:#fff!important} .rr-seismoi-wrap .hero-actions .rr-btn{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);transition:transform .15s ease,background .15s ease,border-color .15s ease} .rr-seismoi-wrap .hero-actions .rr-btn:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.24);transform:translateY(-1px)} .rr-seismoi-wrap .rr-shell>.flex.flex-wrap{gap:18px;align-items:stretch} .rr-seismoi-wrap #rr-map{border:1px solid #dfe5ec;box-shadow:0 10px 28px rgba(15,23,42,.10)!important;overflow:hidden} .rr-seismoi-wrap .sidebar{flex:0 0 320px!important;width:320px!important;border:1px solid #e2e8f0!important;box-shadow:0 10px 28px rgba(15,23,42,.08)!important;border-radius:16px!important;background:#fff!important;padding:16px!important} .rr-seismoi-wrap .sidebar .group-title{font-size:12px;text-transform:uppercase;letter-spacing:.045em;color:#64748b;font-weight:800} .rr-seismoi-wrap .rr-layer-accordion{margin-top:12px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc;overflow:hidden} .rr-seismoi-wrap .rr-layer-accordion>summary{list-style:none;cursor:pointer;padding:11px 12px;font-size:13px;font-weight:800;color:#0f172a;display:flex;justify-content:space-between;gap:10px;align-items:center} .rr-seismoi-wrap .rr-layer-accordion>summary::-webkit-details-marker{display:none} .rr-seismoi-wrap .rr-layer-accordion>summary::after{content:"+";width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #dbe3ec;color:#475569;font-size:16px;line-height:1;flex:0 0 auto} .rr-seismoi-wrap .rr-layer-accordion[open]>summary::after{content:"−"} .rr-seismoi-wrap .rr-layer-accordion>summary span{font-weight:500;color:#94a3b8;font-size:10px;margin-left:auto} .rr-seismoi-wrap .rr-layer-accordion-body{padding:0 12px 12px;border-top:1px solid #e2e8f0;background:#fff} .rr-seismoi-wrap .rr-filter-note{background:#fff7ed!important;border-color:#fed7aa!important;color:#9a3412!important} .rr-seismoi-wrap .rr-primary-btn{box-shadow:0 5px 14px rgba(220,38,38,.18)} .rr-seismoi-wrap .rr-map-explainer{max-width:72rem;margin:12px auto 0;padding:10px 14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;border:1px solid #e2e8f0;border-radius:12px;background:#fff;color:#475569;font-size:12px;box-shadow:0 3px 12px rgba(15,23,42,.04)} .rr-seismoi-wrap .rr-map-explainer strong{color:#0f172a;margin-right:3px} .rr-seismoi-wrap .rr-map-explainer span{padding:4px 8px;border-radius:999px;background:#f1f5f9;color:#475569;font-weight:650} .rr-seismoi-wrap .rr-recent-panel{max-width:72rem;margin:14px auto 0;padding:14px 16px;border:1px solid #e2e8f0;border-radius:16px;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 6px 20px rgba(15,23,42,.05)} .rr-seismoi-wrap .rr-recent-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px} .rr-seismoi-wrap .rr-recent-head h2{font-size:18px!important;margin:0!important;color:#0f172a} .rr-seismoi-wrap .rr-recent-head span{font-size:11px;color:#94a3b8} .rr-seismoi-wrap .rr-recent-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .rr-seismoi-wrap .rr-recent-list li{display:flex;flex-direction:column;gap:2px;padding:9px 10px;border:1px solid #e8edf3;border-radius:10px;background:#fff;min-width:0} .rr-seismoi-wrap .rr-recent-list strong{font-size:12px;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .rr-seismoi-wrap .rr-recent-list span{font-size:10px;color:#64748b} .rr-seismoi-wrap .rr-recent-list .rr-recent-placeholder{grid-column:1/-1;color:#94a3b8;font-size:12px} .rr-seismoi-wrap .rr-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0 8px} .rr-seismoi-wrap .rr-related-card{display:flex!important;flex-direction:column;gap:8px;min-height:150px;padding:16px;border:1px solid #e2e8f0;border-radius:15px;background:linear-gradient(180deg,#fff,#fafcff);text-decoration:none!important;box-shadow:0 5px 16px rgba(15,23,42,.05);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease} .rr-seismoi-wrap .rr-related-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(15,23,42,.09);border-color:#cbd5e1} .rr-seismoi-wrap .rr-related-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.055em;font-weight:800;color:#dc2626} .rr-seismoi-wrap .rr-related-card strong{color:#111827;font-size:15px;line-height:1.35} .rr-seismoi-wrap .rr-related-arrow{margin-top:auto;font-size:11px;font-weight:750;color:#64748b} .rr-seismoi-wrap .rr-faq{border:0!important;margin-top:12px!important;padding:0!important;display:grid;gap:8px} .rr-seismoi-wrap .rr-faq details{border:1px solid #e2e8f0;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 2px 8px rgba(15,23,42,.03)} .rr-seismoi-wrap .rr-faq summary{list-style:none;cursor:pointer;padding:13px 44px 13px 14px;font-size:15px;font-weight:760;line-height:1.35;color:#111827;position:relative} .rr-seismoi-wrap .rr-faq summary::-webkit-details-marker{display:none} .rr-seismoi-wrap .rr-faq summary::after{content:"+";position:absolute;right:13px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#f1f5f9;color:#475569;font-size:17px} .rr-seismoi-wrap .rr-faq details[open] summary::after{content:"−";background:#fee2e2;color:#991b1b} .rr-seismoi-wrap .rr-faq details[open] summary{background:#fffafa} .rr-seismoi-wrap .rr-faq details>div{padding:0 14px 13px;color:#475569;border-top:1px solid #f1f5f9} .rr-seismoi-wrap .rr-faq details p{margin:11px 0 0!important} .rr-seismoi-wrap .rr-seismo-card{box-shadow:0 7px 18px rgba(2,6,23,.18);transition:transform .16s ease,border-color .16s ease} .rr-seismoi-wrap .rr-seismo-card:hover{transform:translateY(-1px);border-color:#334155} .rr-seismoi-wrap .rr-seismo-foot{background:#0f172a} .rr-seismoi-wrap .rr-seismo-status.ok{font-weight:650} @media (max-width:900px){ .rr-seismoi-wrap .rr-related-grid{grid-template-columns:1fr} .rr-seismoi-wrap .rr-recent-list{grid-template-columns:1fr} .rr-seismoi-wrap .rr-layer-accordion>summary span{display:none} } @media (max-width:767px){ .rr-seismoi-wrap .rr-shell>.flex.flex-wrap{gap:12px} .rr-seismoi-wrap .sidebar{flex:1 1 100%!important;width:100%!important} .rr-seismoi-wrap .rr-map-explainer,.rr-seismoi-wrap .rr-recent-panel{margin-left:1rem;margin-right:1rem} .rr-seismoi-wrap .rr-recent-head{align-items:flex-start;flex-direction:column;gap:2px} } @media (prefers-reduced-motion:reduce){.rr-seismoi-wrap .rr-live-state.is-live .rr-live-state-dot{animation:none!important}.rr-seismoi-wrap .rr-related-card,.rr-seismoi-wrap .rr-seismo-card{transition:none!important}} /* ===== v1.1.16 readability + section separation ===== */ .rr-seismoi-wrap .rr-article-copy{ margin-top:28px!important; margin-bottom:24px!important; padding:22px 24px 24px!important; border:1px solid #d9e2ec!important; border-radius:18px!important; background:linear-gradient(180deg,#ffffff 0%,#fcfdff 100%)!important; box-shadow:0 8px 24px rgba(15,23,42,.06)!important; color:#0f172a!important; font-size:17px!important; line-height:1.72!important; font-weight:500!important; } .rr-seismoi-wrap .rr-article-copy p, .rr-seismoi-wrap .rr-article-copy li{ color:#1e293b!important; font-weight:500!important; } .rr-seismoi-wrap .rr-article-copy h2{ margin:30px 0 12px!important; padding-top:18px!important; border-top:2px solid #e2e8f0!important; font-size:25px!important; line-height:1.25!important; color:#0f172a!important; font-weight:800!important; letter-spacing:-.01em; } .rr-seismoi-wrap .rr-article-copy h2:first-child{margin-top:0!important;padding-top:0!important;border-top:0!important} .rr-seismoi-wrap .rr-article-copy h3{ margin:20px 0 8px!important; color:#111827!important; font-size:19px!important; font-weight:780!important; } .rr-seismoi-wrap .rr-article-copy .site-footer{ margin-top:14px!important; padding:12px 2px 18px!important; color:#334155!important; font-size:15px!important; } .rr-seismoi-wrap .rr-article-copy .site-footer b{color:#0f172a!important;font-weight:800!important} .rr-seismoi-wrap .rr-map-explainer, .rr-seismoi-wrap .rr-recent-panel{ border-color:#d9e2ec!important; box-shadow:0 8px 20px rgba(15,23,42,.05)!important; } .rr-seismoi-wrap .rr-recent-head h2{font-size:19px!important;font-weight:800!important} .rr-seismoi-wrap .rr-recent-list li{ border-color:#d9e2ec!important; box-shadow:0 2px 8px rgba(15,23,42,.035); } .rr-seismoi-wrap .rr-recent-list strong{font-size:13px!important;font-weight:800!important} .rr-seismoi-wrap .rr-recent-list span{font-size:12px!important;color:#475569!important;font-weight:500!important} .rr-seismoi-wrap .rr-related-grid{gap:14px!important;margin:14px 0 10px!important} .rr-seismoi-wrap .rr-related-card{ border:1px solid #d7e0ea!important; box-shadow:0 8px 22px rgba(15,23,42,.055)!important; min-height:164px!important; } .rr-seismoi-wrap .rr-related-kicker{font-size:11px!important} .rr-seismoi-wrap .rr-related-card strong{ color:#0f172a!important; font-size:16px!important; line-height:1.4!important; font-weight:800!important; } .rr-seismoi-wrap .rr-related-arrow{font-size:12px!important;font-weight:800!important;color:#475569!important} .rr-seismoi-wrap .rr-faq{ gap:10px!important; margin-top:14px!important; } .rr-seismoi-wrap .rr-faq details{ border:1px solid #d7e0ea!important; box-shadow:0 4px 14px rgba(15,23,42,.04)!important; } .rr-seismoi-wrap .rr-faq summary{ font-size:16px!important; font-weight:800!important; color:#0f172a!important; padding:15px 48px 15px 16px!important; } .rr-seismoi-wrap .rr-faq summary::after{ border:1px solid #d7e0ea!important; background:#f8fafc!important; color:#334155!important; font-weight:800!important; } .rr-seismoi-wrap .rr-faq details>div{ padding:0 16px 15px!important; border-top:1px solid #eaf0f6!important; color:#334155!important; font-size:15px!important; line-height:1.7!important; font-weight:500!important; } @media (max-width:767px){ .rr-seismoi-wrap .rr-article-copy{padding:18px 16px 20px!important;font-size:16px!important} .rr-seismoi-wrap .rr-article-copy h2{font-size:22px!important} .rr-seismoi-wrap .rr-related-card strong{font-size:15px!important} .rr-seismoi-wrap .rr-faq summary{font-size:15px!important} } /* ===== v1.1.18 audit fixes: keyboard focus ===== */ .rr-seismoi-wrap #rr-table tbody tr[tabindex]{cursor:pointer} .rr-seismoi-wrap #rr-table tbody tr[tabindex]:focus-visible{outline:3px solid #60a5fa;outline-offset:-3px;background:#eaf4ff} .rr-seismoi-wrap #rr-table tbody tr[aria-selected="true"]{background:#eaf4ff} /* ===== v1.1.20 map layers, popup clarity, recent hierarchy, related olive section ===== */ .rr-seismoi-wrap .rr-layer-panel{margin-top:12px;border:1px solid #dbe3ec;border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 3px 12px rgba(15,23,42,.035)} .rr-seismoi-wrap .rr-layer-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border-bottom:1px solid #e7edf3;background:linear-gradient(180deg,#fbfdff,#f7fafc)} .rr-seismoi-wrap .rr-layer-panel-head strong{color:#0f172a;font-size:14px;font-weight:850} .rr-seismoi-wrap .rr-layer-panel-head span{color:#8b9aaf;font-size:10px;font-weight:600} .rr-seismoi-wrap .rr-layer-panel-body{padding:11px 12px 12px} .rr-seismoi-wrap .rr-layer-panel .switches{gap:8px 12px} .rr-seismoi-wrap .rr-layer-panel .switches label{min-height:28px} .rr-seismoi-wrap .leaflet-popup-content{margin:12px 14px} .rr-seismoi-wrap .rr-eq-popup{min-width:255px;max-width:340px;color:#1f2937} .rr-seismoi-wrap .rr-popup-location{margin:-2px 0 10px;padding:9px 10px;border-radius:10px;background:#eff6ff;border:1px solid #bfdbfe} .rr-seismoi-wrap .rr-popup-location span{display:block;margin-bottom:2px;color:#64748b;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em} .rr-seismoi-wrap .rr-popup-location strong{display:block;color:#0f172a;font-size:15px;line-height:1.25;font-weight:850} .rr-seismoi-wrap .rr-popup-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px 12px;font-size:12px;line-height:1.35} .rr-seismoi-wrap .rr-popup-wide{grid-column:1/-1} .rr-seismoi-wrap .rr-popup-secondary{color:#64748b;font-size:11px} .rr-seismoi-wrap .rr-recent-head span::before{content:"Νεότερος πρώτος · ";font-weight:800;color:#64748b} .rr-seismoi-wrap .rr-recent-list{gap:10px!important} .rr-seismoi-wrap .rr-recent-list li.rr-recent-item{position:relative;gap:8px!important;padding:11px 12px 12px 15px!important;border:1px solid #d9e2ec!important;border-left:5px solid #38bdf8!important;background:#fff!important;box-shadow:0 3px 10px rgba(15,23,42,.04)!important} .rr-seismoi-wrap .rr-recent-list li.rr-recent-item.rr-mag-medium{border-left-color:#22c55e!important} .rr-seismoi-wrap .rr-recent-list li.rr-recent-item.rr-mag-high{border-left-color:#f59e0b!important} .rr-seismoi-wrap .rr-recent-list li.rr-recent-item.rr-mag-strong{border-left-color:#dc2626!important} .rr-seismoi-wrap .rr-recent-list li.rr-recent-item.is-latest{border-color:#93c5fd!important;border-left-color:#2563eb!important;background:linear-gradient(135deg,#eff6ff 0%,#ffffff 72%)!important;box-shadow:0 7px 18px rgba(37,99,235,.09)!important} .rr-seismoi-wrap .rr-recent-top{display:flex;align-items:center;justify-content:space-between;gap:8px} .rr-seismoi-wrap .rr-recent-rank{display:inline-flex;align-items:center;width:max-content;padding:3px 7px;border-radius:999px;background:#f1f5f9;color:#475569!important;font-size:9px!important;line-height:1;font-weight:850!important;letter-spacing:.045em} .rr-seismoi-wrap .is-latest .rr-recent-rank{background:#2563eb;color:#fff!important} .rr-seismoi-wrap .rr-recent-ago{color:#64748b!important;font-size:10px!important;font-weight:750!important} .rr-seismoi-wrap .rr-recent-main{display:flex;align-items:baseline;gap:8px;min-width:0} .rr-seismoi-wrap .rr-recent-main strong{flex:0 0 auto;font-size:16px!important;line-height:1.15;font-weight:900!important;color:#0f172a!important} .rr-seismoi-wrap .rr-recent-location{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#334155!important;font-size:12px!important;font-weight:750!important} .rr-seismoi-wrap .rr-recent-meta{display:flex;flex-wrap:wrap;gap:5px 12px;color:#64748b} .rr-seismoi-wrap .rr-recent-meta span{font-size:10px!important;color:#64748b!important;font-weight:550!important} .rr-seismoi-wrap .rr-recent-meta b{color:#334155;font-weight:800} .rr-seismoi-wrap .rr-related-section{margin:30px -8px 4px;padding:20px 18px 18px;border:1px solid #c9c9a8;border-radius:17px;background:linear-gradient(180deg,#f8f8ee 0%,#f3f4e6 100%);box-shadow:0 7px 20px rgba(86,91,52,.07)} .rr-seismoi-wrap .rr-related-section>h2{margin:0 0 10px!important;padding:0!important;border-top:0!important;color:#363b21!important} .rr-seismoi-wrap .rr-related-section .rr-related-grid{margin-bottom:0!important} .rr-seismoi-wrap .rr-related-section .rr-related-card{background:rgba(255,255,255,.88)!important;border-color:#d4d5bb!important} .rr-seismoi-wrap .rr-related-section .rr-related-card:hover{border-color:#aeb185!important;box-shadow:0 10px 24px rgba(86,91,52,.11)!important} .rr-seismoi-wrap .rr-related-section .rr-related-kicker{color:#a23a2b!important} @media (max-width:767px){.rr-seismoi-wrap .rr-layer-panel-head{align-items:flex-start;flex-direction:column;gap:2px}.rr-seismoi-wrap .rr-layer-panel-head span{font-size:9px}.rr-seismoi-wrap .rr-popup-grid{grid-template-columns:1fr}.rr-seismoi-wrap .rr-popup-wide{grid-column:auto}.rr-seismoi-wrap .rr-recent-main{align-items:flex-start;flex-direction:column;gap:3px}.rr-seismoi-wrap .rr-recent-location{white-space:normal}.rr-seismoi-wrap .rr-related-section{margin-left:-2px;margin-right:-2px;padding:16px 12px}}