/* OtoKontak V241 - Profesyonel Trafik Analiz Merkezi */
.v241-analytics{margin-top:22px;padding:22px;border:1px solid #d6e3ed;border-radius:20px;background:#fff;box-shadow:0 12px 34px rgba(16,42,67,.06);color:#10283a}
.v241-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin-bottom:18px}.v241-eyebrow{display:block;color:#ff6518;font-size:9px;font-weight:900;letter-spacing:.12em}.v241-hero h2{margin:5px 0 6px;font-size:24px;line-height:1.1}.v241-hero p{margin:0;max-width:720px;color:#6f8394;font-size:11px;line-height:1.55}.v241-source-badges{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}.v241-source-badges span,.v241-legend span{display:inline-flex;align-items:center;gap:6px;color:#63788a;font-size:9px;font-weight:700}.v241-source-badges i,.v241-legend i{width:8px;height:8px;border-radius:999px;background:#f97316}.v241-source-badges .live i,.v241-legend .live i{background:#1684c4}.v241-goal{min-width:130px;padding:11px 14px;border:1px solid #b9d8ed;border-radius:14px;background:linear-gradient(145deg,#f4faff,#eef7fc);text-align:right}.v241-goal small,.v241-goal strong,.v241-goal span{display:block}.v241-goal small{color:#60788b;font-size:8px;font-weight:900}.v241-goal strong{color:#0874b8;font-size:25px;line-height:1.05}.v241-goal span{color:#8293a2;font-size:8px}
.v241-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px;padding:10px;border:1px solid #dce7ee;border-radius:14px;background:#f8fbfd}.v241-range-group,.v241-view-group,.v241-metric-switch{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.v241-toolbar button,.v241-toolbar select,.v241-custom-range input{min-height:34px;border:1px solid #cbdce7;border-radius:9px;background:#fff;color:#31546c;font:inherit;font-size:9px;font-weight:800}.v241-toolbar button{padding:0 11px;cursor:pointer}.v241-toolbar button:hover,.v241-toolbar button.active{border-color:#1684c4;background:#eaf6fc;color:#086fa9}.v241-toolbar [data-v241-custom-toggle]{border-color:#f6b282;color:#d85a12}.v241-view-group label,.v241-custom-range label{display:flex;align-items:center;gap:7px;color:#6c8294;font-size:8px;font-weight:900;text-transform:uppercase}.v241-toolbar select{padding:0 28px 0 10px}.v241-metric-switch{padding-left:6px;border-left:1px solid #d9e4eb}.v241-custom-range{display:flex;align-items:center;gap:8px;width:100%;padding-top:9px;border-top:1px solid #e1e9ef}.v241-custom-range[hidden]{display:none!important}.v241-custom-range input{padding:0 8px}.v241-custom-range button{background:#ff6b1a;color:#fff;border-color:#ff6b1a}
.v241-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:14px}.v241-kpis article{padding:13px;border:1px solid #dce7ee;border-radius:13px;background:linear-gradient(180deg,#fbfdff,#f6fafc)}.v241-kpis span,.v241-kpis strong,.v241-kpis small{display:block}.v241-kpis span{color:#6b8192;font-size:7.5px;font-weight:900;letter-spacing:.06em}.v241-kpis strong{margin-top:6px;color:#14364d;font-size:20px;line-height:1.05}.v241-kpis small{margin-top:5px;color:#8a9ba8;font-size:8px;line-height:1.3}
.v241-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:12px}.v241-panel{min-width:0;padding:17px;border:1px solid #dce7ee;border-radius:15px;background:#fbfdff}.v241-chart-panel{min-height:420px}.v241-pages-panel{min-height:250px}.v241-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}.v241-panel-head>div>span{color:#0874b8;font-size:8px;font-weight:900;letter-spacing:.08em}.v241-panel-head h3{margin:3px 0 0;font-size:17px}.v241-panel-head>small{color:#8295a4;font-size:8px}.v241-legend{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.v241-chart-scroll{width:100%;overflow-x:auto;overflow-y:hidden;padding-bottom:5px;scrollbar-width:thin;scrollbar-color:#9fc4da #edf4f8}.v241-chart{min-height:330px}.v241-svg{display:block;max-width:none}.v241-gridline{stroke:#dfe8ee;stroke-width:1}.v241-ylabel,.v241-xlabel{fill:#7b8f9f;font:9px Arial,sans-serif}.v241-xlabel{font-size:8px}.v241-line{fill:none;stroke:url(#v241LineGrad);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.v241-point{stroke:#fff;stroke-width:2;fill:#1684c4}.v241-point.history{fill:#f97316}.v241-point.mixed{fill:#8158c9}.v241-chart-foot{display:flex;justify-content:space-between;gap:10px;align-items:center;padding-top:8px;border-top:1px solid #e3ebf0}.v241-chart-foot span{color:#486a80;font-size:9px;font-weight:800}.v241-chart-foot small{color:#8a9ba8;font-size:8px;text-align:right}
.v241-source-list{display:grid;gap:11px}.v241-source-list>div>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.v241-source-list span,.v241-source-list strong{font-size:9px}.v241-source-list strong small{color:#8193a2;font-weight:600}.v241-source-list b{display:block;height:6px;margin-top:5px;border-radius:999px;background:#e8f0f5;overflow:hidden}.v241-source-list b i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#56b0dd,#1988c5)}
.v241-table{display:grid}.v241-tr{display:grid;grid-template-columns:32px minmax(0,1fr) 90px;align-items:center;gap:8px;min-height:34px;border-top:1px solid #e7edf2;font-size:9px}.v241-th{border-top:0;color:#738799;font-size:8px;font-weight:900}.v241-tr a{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#285b7e;text-decoration:none}.v241-tr a:hover{text-decoration:underline}.v241-tr strong{text-align:right}.v241-rising{display:grid;gap:7px}.v241-rising a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px;border:1px solid #e1e9ef;border-radius:9px;background:#fff;text-decoration:none}.v241-rising a>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#365b76;font-size:8px}.v241-rising strong{color:#21845a;font-size:9px}.v241-rising strong small{color:#739082}.v241-empty{display:grid;place-items:center;min-height:130px;padding:20px;border:1px dashed #ccdce7;border-radius:12px;color:#7d90a0;text-align:center;font-size:9px}
.v241-note{display:flex;gap:10px;margin-top:13px;padding:12px;border:1px solid #dce6ed;border-radius:11px;background:#f8fbfd}.v241-note strong{flex:0 0 auto;color:#274a61;font-size:9px}.v241-note span{color:#718597;font-size:8px;line-height:1.6}
@media(max-width:1100px){.v241-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.v241-grid{grid-template-columns:1fr}}
@media(max-width:700px){.v241-analytics{padding:14px;border-radius:15px}.v241-hero{flex-direction:column}.v241-goal{align-self:stretch;text-align:left}.v241-toolbar{align-items:stretch}.v241-range-group,.v241-view-group{width:100%}.v241-range-group button{flex:1 1 auto}.v241-view-group{justify-content:space-between}.v241-kpis{grid-template-columns:1fr 1fr}.v241-kpis article:first-child{grid-column:1/-1}.v241-custom-range{align-items:stretch;flex-direction:column}.v241-custom-range label{justify-content:space-between}.v241-custom-range input{flex:1}.v241-chart-panel{min-height:390px}.v241-chart-foot{align-items:flex-start;flex-direction:column}.v241-chart-foot small{text-align:left}.v241-tr{grid-template-columns:24px minmax(0,1fr) 70px}.v241-note{flex-direction:column}}
