/* Gyro Uptime İzleme tanıtım sayfası (landing-uptime.tpl). Yalnız bu sayfada yüklenir. Görseller CSS; dış istek yok. r2-gmon 2026-11-09 */
.gyro-upt-hero-art { width: min(100%, 32rem); }
.gyro-upt-board { position: relative; border-radius: 1rem; background: #fff; color: #1d2733; padding: 1.1rem 1.2rem 1rem; box-shadow: 0 30px 80px -25px rgba(0,0,0,.6), 0 0 0 1px rgba(255,255,255,.08); transform: perspective(1400px) rotateY(-6deg) rotateX(2deg); transition: transform .6s var(--gyro-ease); }
[dir="rtl"] .gyro-upt-board { transform: perspective(1400px) rotateY(6deg) rotateX(2deg); }
.gyro-upt-hero-art:hover .gyro-upt-board { transform: none; }
.gyro-upt-board-head { display: flex; align-items: center; gap: .55rem; padding-bottom: .75rem; border-bottom: 1px solid #e6ebf0; font-size: .95rem; }
.gyro-upt-board-head em { margin-inline-start: auto; font-style: normal; font-weight: 700; color: #137a4b; font-variant-numeric: tabular-nums; }
.gyro-upt-board-list { list-style: none; margin: .4rem 0 0; padding: 0; }
.gyro-upt-board-list li { display: grid; grid-template-columns: auto 1fr auto 4.5rem; align-items: center; gap: .6rem; padding: .55rem 0; border-bottom: 1px dashed #edf1f5; font-size: .82rem; }
.gyro-upt-board-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
.gyro-upt-board-ms { color: #5b6673; font-variant-numeric: tabular-nums; white-space: nowrap; }
.gyro-upt-dot { width: .65rem; height: .65rem; border-radius: 50%; background: #9aa5b1; flex-shrink: 0; }
.gyro-upt-dot.is-up { background: #1f9d63; box-shadow: 0 0 0 3px rgba(31,157,99,.18); }
.gyro-upt-dot.is-warn { background: #e0a100; box-shadow: 0 0 0 3px rgba(224,161,0,.2); }
.gyro-upt-spark { height: 1.4rem; border-radius: .25rem; background-repeat: no-repeat; background-size: 100% 100%; opacity: .9; }
.gyro-upt-spark-1 { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 20'%3E%3Cpath d='M0 14 8 12 16 13 24 9 32 11 40 8 48 10 60 7' fill='none' stroke='%23128788' stroke-width='2'/%3E%3C/svg%3E"); }
.gyro-upt-spark-2 { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 20'%3E%3Cpath d='M0 9 8 11 16 7 24 12 32 8 40 13 48 9 60 10' fill='none' stroke='%23065174' stroke-width='2'/%3E%3C/svg%3E"); }
.gyro-upt-spark-3 { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 20'%3E%3Cpath d='M0 6 15 7 30 8 45 11 60 15' fill='none' stroke='%23e0a100' stroke-width='2'/%3E%3C/svg%3E"); }
.gyro-upt-board-locs { display: flex; gap: 1rem; flex-wrap: wrap; padding-top: .7rem; font-size: .75rem; color: #5b6673; }
.gyro-upt-board-locs i { color: #128788; margin-inline-end: .3rem; }
.gyro-upt-channels { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: .75rem; }
.gyro-upt-channels li { display: flex; flex-direction: column; align-items: center; gap: .45rem; padding: 1rem .5rem; border-radius: var(--gyro-radius-lg, 1rem); background: var(--wstyle-surface-bg, #fff); border: 1px solid var(--wstyle-border-color, #e3e8ee); font-weight: 600; font-size: .9rem; color: var(--wstyle-heading-color, #18202a); }
.gyro-upt-channels i { font-size: 1.6rem; color: var(--wstyle-primary); }
@media (max-width: 767.98px) { .gyro-upt-channels { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.gyro-upt-sp-grid { display: grid; grid-template-columns: 1fr 1.1fr; gap: 2.5rem; align-items: center; }
@media (max-width: 991.98px) { .gyro-upt-sp-grid { grid-template-columns: 1fr; } }
.gyro-upt-checks { list-style: none; margin: 1rem 0 0; padding: 0; display: grid; gap: .55rem; }
.gyro-upt-checks li { display: flex; gap: .6rem; align-items: flex-start; color: var(--wstyle-body-color, #28303c); }
.gyro-upt-checks i { color: #1f9d63; margin-top: .15rem; }
.gyro-upt-spmock { margin: 0; border-radius: 1rem; overflow: hidden; background: #fff; box-shadow: var(--gyro-shadow-lg, 0 20px 50px -20px rgba(0,0,0,.35)); }
.gyro-upt-spmock figcaption { padding: .6rem 1rem .8rem; font-size: .8rem; color: #5b6673; background: #f7f9fb; border-top: 1px solid #e6ebf0; }
.gyro-upt-spmock-body { padding: 1.1rem 1.2rem; color: #1d2733; }
.gyro-upt-spmock-brand { display: flex; align-items: center; gap: .6rem; margin-bottom: .9rem; }
.gyro-upt-spmock-logo { width: 1.8rem; height: 1.8rem; border-radius: .5rem; background: linear-gradient(135deg, #128788, #065174); }
.gyro-upt-spmock-banner { display: flex; align-items: center; gap: .5rem; padding: .7rem .9rem; border-radius: .6rem; background: #e7f6ee; color: #0f6b40; font-weight: 700; margin-bottom: 1rem; }
.gyro-upt-spmock-row { margin-bottom: .85rem; }
.gyro-upt-spmock-row-h { display: flex; justify-content: space-between; font-size: .82rem; font-weight: 600; margin-bottom: .3rem; }
.gyro-upt-spmock-row-h em { font-style: normal; color: #137a4b; font-variant-numeric: tabular-nums; }
.gyro-upt-bars { display: grid; grid-template-columns: repeat(45, 1fr); gap: 2px; height: 1.6rem; }
.gyro-upt-bars i { border-radius: 2px; background: #2bb673; }
.gyro-upt-bars.has-dip i:nth-child(31) { background: #e0a100; }
.gyro-upt-bars.has-dip i:nth-child(32) { background: #d64545; }
.gyro-upt-final { background: linear-gradient(135deg, rgba(18,135,136,.08), rgba(6,81,116,.08)); }
.gyro-upt-final-inner { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; flex-wrap: wrap; }
.gyro-upt-final-inner h2 { margin-bottom: .35rem; }
.gyro-upt-final-inner p { margin: 0; color: var(--wstyle-muted-color, #5b6673); }
[data-bs-theme="dark"] .gyro-upt-board, [data-bs-theme="dark"] .gyro-upt-spmock { background: #141c26; color: #e6edf5; }
[data-bs-theme="dark"] .gyro-upt-board-head, [data-bs-theme="dark"] .gyro-upt-board-list li { border-color: #26323f; }
[data-bs-theme="dark"] .gyro-upt-board-ms, [data-bs-theme="dark"] .gyro-upt-board-locs { color: #9fb0c2; }
[data-bs-theme="dark"] .gyro-upt-board-head em, [data-bs-theme="dark"] .gyro-upt-spmock-row-h em { color: #5bd39a; }
[data-bs-theme="dark"] .gyro-upt-spmock-body { color: #e6edf5; }
[data-bs-theme="dark"] .gyro-upt-spmock-banner { background: rgba(31,157,99,.18); color: #7fe0b0; }
[data-bs-theme="dark"] .gyro-upt-spmock figcaption { background: #0f1720; color: #9fb0c2; border-color: #26323f; }
[data-bs-theme="dark"] .gyro-upt-board-locs i { color: #5bd39a; }
[data-bs-theme="dark"] .gyro-upt-checks i { color: #5bd39a; }
@media (prefers-reduced-motion: reduce) { .gyro-upt-board { transition: none; transform: none; } }
[data-motion="none"] .gyro-upt-board { transition: none; transform: none; }
.gyro-upt-hero-art .gyro-mail-chip-1 { top: auto; bottom: -5%; inset-inline-start: 6%; }
.gyro-upt-hero-art .gyro-mail-chip-2 { bottom: auto; top: -5%; inset-inline-end: -3%; }
@media (max-width: 575.98px) { .gyro-upt-hero-art .gyro-mail-chip-1 { inset-inline-start: 0; } .gyro-upt-hero-art .gyro-mail-chip-2 { inset-inline-end: 0; } .gyro-upt-board-list li { grid-template-columns: auto 1fr auto; } .gyro-upt-spark { display: none; } }