.tnnv-wrap{width:var(--tnnv-width,100%);height:var(--tnnv-height,200px);min-height:160px;max-width:100%;margin:auto;position:relative;overflow:hidden;background:var(--tnnv-bg,#eef7fb);font-family:var(--tnnv-font,Arial,sans-serif);color:var(--tnnv-text,#111);border-radius:var(--tnnv-radius,14px);box-sizing:border-box;isolation:isolate;border:1px solid rgba(15,23,42,.14);padding:var(--tnnv-edge-gap,10px);display:grid;grid-template-rows:minmax(0,1fr) var(--tnnv-strip-height,44px);gap:var(--tnnv-card-gap,10px)}
.tnnv-wrap *{box-sizing:border-box}.tnnv-bg,.tnnv-overlay{position:absolute;inset:0}.tnnv-bg{background-image:var(--tnnv-image);background-size:cover;background-position:center;z-index:-3}.tnnv-overlay{background:rgba(238,248,253,.93);z-index:-2}
.tnnv-main-row{min-height:0;display:grid;grid-template-columns:minmax(180px,var(--tnnv-fixed,250px)) minmax(0,1fr);gap:var(--tnnv-card-gap,10px)}
.tnnv-fixed-panel{min-width:0;padding:10px 16px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;background:linear-gradient(145deg,#d71920,#b50812);color:#fff;border-radius:calc(var(--tnnv-radius,14px) - 2px);box-shadow:0 6px 15px rgba(141,0,8,.20)}
.tnnv-fixed-title{width:100%;line-height:1;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.24);padding-bottom:6px}.tnnv-fixed-title span{display:block;font-weight:950;font-size:clamp(17px,1.8vw,27px);letter-spacing:.02em}.tnnv-fixed-title small{display:block;margin-top:4px;font-size:clamp(9px,.9vw,14px);font-weight:850;letter-spacing:.05em}.tnnv-date-line,.tnnv-clock-line{width:100%;display:flex;align-items:center;gap:7px;font-size:clamp(9px,.85vw,13px);line-height:1.15}.tnnv-date-line span,.tnnv-clock-line span{font-size:15px}.tnnv-live-clock{font-family:"Courier New",monospace;font-variant-numeric:tabular-nums;font-size:clamp(13px,1.15vw,18px)}
.tnnv-prayer-window{min-width:0;overflow:hidden}.tnnv-prayer-track{height:100%;display:block}.tnnv-prayer-grid{height:100%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--tnnv-card-gap,10px)}.tnnv-prayer-clone{display:none}
.tnnv-ticker-card{min-width:0;height:100%;padding:7px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--tnnv-card,#fff);border:1px solid rgba(15,23,42,.12);border-radius:calc(var(--tnnv-radius,14px) - 2px);color:var(--tnnv-text,#111);box-shadow:0 4px 10px rgba(15,23,42,.08);overflow:hidden}.tnnv-ticker-card.active{border:2px solid #d71920!important;background:#fff1f1!important;color:#c8101c!important}.tnnv-ticker-card.active .tnnv-label,.tnnv-ticker-card.active time{color:#c8101c!important}.tnnv-card-icon{width:clamp(24px,2.5vw,36px);height:clamp(24px,2.5vw,36px);color:#d58a00;flex:0 0 auto}.tnnv-ticker-card.active .tnnv-card-icon{color:#c8101c!important}.tnnv-card-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}.tnnv-card-icon svg.is-filled{fill:currentColor}.tnnv-label{margin-top:3px;font-size:clamp(8px,.85vw,var(--tnnv-label,15px));font-weight:950;white-space:nowrap;line-height:1}.tnnv-ticker-card time{display:block;margin-top:4px;font-size:clamp(14px,1.35vw,var(--tnnv-time,23px));line-height:1;font-weight:950;font-variant-numeric:tabular-nums;white-space:nowrap}.tnnv-card-marker{width:42%;height:2px;background:#d99300;margin-top:5px;position:relative}.tnnv-card-marker:after{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:50%;background:inherit;transform:translate(-50%,-50%)}.tnnv-ticker-card.active .tnnv-card-marker{background:#c8101c!important}
.tnnv-bottom-strip{min-width:0;height:var(--tnnv-strip-height,44px);display:grid;grid-template-columns:minmax(180px,var(--tnnv-fixed,250px)) minmax(0,1fr);gap:var(--tnnv-card-gap,10px);overflow:visible;background:transparent}
.tnnv-next-panel{min-width:0;height:100%;display:flex;align-items:center;justify-content:center;gap:4px;padding:0 7px;background:linear-gradient(90deg,#c9101a,#a90810);color:#fff;white-space:nowrap;overflow:hidden;border:1px solid #b30c15;border-radius:calc(var(--tnnv-radius,14px) - 2px);box-shadow:0 4px 10px rgba(15,23,42,.09)}.tnnv-hourglass{display:none}.tnnv-next-inline,.tnnv-count-inline{min-width:0;display:inline-flex;align-items:center;gap:2px;font-size:clamp(6.5px,.62vw,9px);line-height:1}.tnnv-next-inline b,.tnnv-count-inline b{font-size:inherit;font-weight:750}.tnnv-next-inline strong,.tnnv-count-inline strong{font-size:clamp(8px,.76vw,11px);font-weight:950;line-height:1;color:#fff;white-space:nowrap}.tnnv-countdown{font-family:"Courier New",monospace;font-variant-numeric:tabular-nums}.tnnv-next-panel i{width:1px;height:18px;background:rgba(255,255,255,.65);display:block;flex:0 0 1px;margin:0 2px}
.tnnv-verse-window{min-width:0;overflow:hidden;background:linear-gradient(90deg,#075089,#073f70);color:#fff;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;border-radius:calc(var(--tnnv-radius,14px) - 2px);box-shadow:0 4px 10px rgba(15,23,42,.09)}.tnnv-verse-label{position:relative;z-index:2;height:100%;display:flex;align-items:center;padding:0 12px;color:#ffd15b;font-size:clamp(8px,.8vw,12px);white-space:nowrap;background:#075089}.tnnv-verse-scroll{min-width:0;overflow:hidden;height:100%;display:flex;align-items:center}.tnnv-verse-track{display:flex;align-items:center;width:max-content;min-width:100%;height:100%;padding:0 16px;white-space:nowrap}.tnnv-verse-track span{font-size:clamp(9px,.9vw,13px);font-weight:700}.tnnv-animated .tnnv-verse-track{animation:tnnvVerse var(--tnnv-speed,28s) linear infinite}.tnnv-wrap:hover .tnnv-verse-track,.tnnv-wrap:hover .tnnv-prayer-track{animation-play-state:paused}.tnnv-error{margin:auto;padding:14px;background:#fff;color:#8b0000;border-radius:12px}.tnnv-shadow{box-shadow:0 11px 25px rgba(0,0,0,.15)}.tnnv-3d .tnnv-ticker-card{box-shadow:0 4px 0 rgba(0,0,0,.04),0 8px 14px rgba(0,0,0,.09)}
@keyframes tnnvVerse{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}@keyframes tnnvPrayerFlow{0%{transform:translateX(0)}100%{transform:translateX(calc(-50% - (var(--tnnv-card-gap,8px)/2)))}}
@media(max-width:900px){.tnnv-main-row{grid-template-columns:minmax(150px,22%) minmax(0,1fr)}.tnnv-fixed-panel{padding:8px 11px}.tnnv-bottom-strip{grid-template-columns:minmax(150px,22%) minmax(0,1fr)}}
@media(max-width:760px){.tnnv-wrap{width:var(--tnnv-mobile-width,100%);height:200px!important;min-height:200px;max-height:200px;padding:7px;gap:7px;--tnnv-card-gap:7px;--tnnv-strip-height:44px}.tnnv-main-row{grid-template-columns:118px minmax(0,1fr);gap:7px}.tnnv-fixed-panel{padding:7px 8px;gap:4px}.tnnv-fixed-title span{font-size:14px}.tnnv-fixed-title small{font-size:7px}.tnnv-date-line,.tnnv-clock-line{gap:4px;font-size:7px}.tnnv-date-line span,.tnnv-clock-line span{font-size:10px}.tnnv-live-clock{font-size:10px}.tnnv-prayer-window{display:flex;align-items:stretch}.tnnv-prayer-track{height:100%;display:flex;gap:7px;width:max-content}.tnnv-prayer-grid{height:100%;display:flex;gap:7px}.tnnv-prayer-clone{display:flex}.tnnv-ticker-card{width:82px;flex:0 0 82px;padding:4px 3px}.tnnv-card-icon{width:25px;height:25px}.tnnv-label{font-size:8px}.tnnv-ticker-card time{font-size:14px;margin-top:3px}.tnnv-card-marker{margin-top:4px}.tnnv-animated .tnnv-prayer-track{animation:tnnvPrayerFlow calc(var(--tnnv-speed,28s)*1.25) linear infinite}.tnnv-bottom-strip{grid-template-columns:118px minmax(0,1fr);gap:7px}.tnnv-next-panel{gap:2px;padding:0 3px}.tnnv-hourglass{width:23px;height:23px;flex-basis:23px;font-size:12px}.tnnv-next-inline,.tnnv-count-inline{font-size:5.6px;gap:1px}.tnnv-next-inline strong,.tnnv-count-inline strong{font-size:6.7px}.tnnv-next-panel i{height:19px}.tnnv-verse-label{font-size:7px;padding:0 6px}.tnnv-verse-track{padding:0 8px}.tnnv-verse-track span{font-size:8px}}
@media(max-width:430px){.tnnv-main-row{grid-template-columns:104px minmax(0,1fr)}.tnnv-fixed-title span{font-size:12px}.tnnv-fixed-title small{font-size:6px}.tnnv-date-line,.tnnv-clock-line{font-size:6px}.tnnv-ticker-card{width:76px;flex-basis:76px}.tnnv-bottom-strip{grid-template-columns:104px minmax(0,1fr)}.tnnv-hourglass{display:none}.tnnv-next-inline,.tnnv-count-inline{font-size:5px}.tnnv-next-inline strong,.tnnv-count-inline strong{font-size:6px}.tnnv-verse-label{font-size:6.5px;padding:0 5px}.tnnv-verse-track span{font-size:7.5px}}
/* Kenar çubuğu: kare, eşit satırlı liste ve alt bilgi alanı */
.tnnv-layout-sidebar{width:100%!important;height:auto!important;min-height:0;aspect-ratio:1/1;display:grid;grid-template-rows:54px minmax(0,1fr) 82px;padding:8px;gap:8px}.tnnv-layout-sidebar .tnnv-main-row{display:contents}.tnnv-layout-sidebar .tnnv-fixed-panel{grid-row:1;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;padding:6px 9px;gap:7px}.tnnv-layout-sidebar .tnnv-fixed-title{border:0;padding:0}.tnnv-layout-sidebar .tnnv-fixed-title span{font-size:13px}.tnnv-layout-sidebar .tnnv-fixed-title small{font-size:7px;margin-top:3px}.tnnv-layout-sidebar .tnnv-date-line,.tnnv-layout-sidebar .tnnv-clock-line{font-size:7px;gap:3px}.tnnv-layout-sidebar .tnnv-date-line span,.tnnv-layout-sidebar .tnnv-clock-line span{font-size:9px}.tnnv-layout-sidebar .tnnv-live-clock{font-size:9px}.tnnv-layout-sidebar .tnnv-prayer-window{grid-row:2;overflow:hidden;display:block}.tnnv-layout-sidebar .tnnv-prayer-track{height:100%;display:block;width:100%}.tnnv-layout-sidebar .tnnv-prayer-grid{height:100%;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(6,minmax(0,1fr));gap:0}.tnnv-layout-sidebar .tnnv-prayer-clone{display:none}.tnnv-layout-sidebar .tnnv-ticker-card{width:100%;height:auto;min-height:0;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;justify-items:start;padding:2px 8px;border-radius:0;border-width:0 0 1px;box-shadow:none}.tnnv-layout-sidebar .tnnv-ticker-card:first-child{border-radius:10px 10px 0 0}.tnnv-layout-sidebar .tnnv-ticker-card:last-child{border-radius:0 0 10px 10px;border-bottom:0}.tnnv-layout-sidebar .tnnv-ticker-card.active{background:#d71920!important;color:#fff!important;border:0!important}.tnnv-layout-sidebar .tnnv-ticker-card.active .tnnv-label,.tnnv-layout-sidebar .tnnv-ticker-card.active time,.tnnv-layout-sidebar .tnnv-ticker-card.active .tnnv-card-icon{color:#fff!important}.tnnv-layout-sidebar .tnnv-card-icon{width:23px;height:23px}.tnnv-layout-sidebar .tnnv-label{margin:0;font-size:10px}.tnnv-layout-sidebar .tnnv-ticker-card time{margin:0;font-size:13px;justify-self:end}.tnnv-layout-sidebar .tnnv-card-marker{display:none}.tnnv-layout-sidebar .tnnv-bottom-strip{grid-row:3;height:82px;display:grid;grid-template-columns:1fr;grid-template-rows:40px 42px;gap:0}.tnnv-layout-sidebar .tnnv-next-panel{justify-content:center;padding:0 6px}.tnnv-layout-sidebar .tnnv-hourglass{width:25px;height:25px;flex-basis:25px;font-size:13px}.tnnv-layout-sidebar .tnnv-next-inline,.tnnv-layout-sidebar .tnnv-count-inline{font-size:7px}.tnnv-layout-sidebar .tnnv-next-inline strong,.tnnv-layout-sidebar .tnnv-count-inline strong{font-size:10px}.tnnv-layout-sidebar .tnnv-next-panel i{height:21px}.tnnv-layout-sidebar .tnnv-verse-label{font-size:7px;padding:0 6px}.tnnv-layout-sidebar .tnnv-verse-track{padding:0 8px}.tnnv-layout-sidebar .tnnv-verse-track span{font-size:8px}
@media(prefers-reduced-motion:reduce){.tnnv-verse-track,.tnnv-prayer-track{animation:none!important}}