.uh-system,.uh-progress-widget{font-family:Montserrat,Arial,sans-serif;color:#111}
.uh-system{--uh-brand:#133f67;--uh-accent:#da2125;width:100%;overflow:visible}
.uh-system-head{display:flex;align-items:center;gap:12px;margin:0 0 10px}
.uh-system-head h2{margin:0;font-size:24px;font-weight:500;line-height:1.25;color:#111}
.uh-u{display:inline-flex;width:54px;height:54px;align-items:center;justify-content:center;border-radius:50%;background:var(--uh-accent);border:2px solid var(--uh-brand);color:#fff;font-size:28px;font-weight:700;line-height:1;flex:0 0 auto}
.uh-line-viewport{width:100%;overflow-x:hidden;overflow-y:visible;padding:145px 28px 95px}
.uh-line-track{position:relative;display:grid;grid-template-columns:repeat(var(--uh-count),minmax(0,1fr));min-width:0}
.uh-rail{position:absolute;left:0;right:0;top:50%;height:5px;background:var(--uh-brand);transform:translateY(-50%)}
.uh-station{position:relative;display:block;height:1px;padding:0;border:0;background:transparent;color:inherit;text-decoration:none;overflow:visible;cursor:pointer}
span.uh-station{cursor:default}
.uh-station:focus-visible{outline:2px solid var(--uh-accent);outline-offset:12px}
.uh-station-point{position:absolute;left:50%;top:50%;width:15px;height:15px;background:#fff;border:2px solid #111;border-radius:50%;transform:translate(-50%,-50%);z-index:3;transition:border-color .2s,box-shadow .2s}
a.uh-station:hover .uh-station-point,a.uh-station:focus-visible .uh-station-point{border-color:var(--uh-accent);box-shadow:0 0 0 4px rgba(218,33,37,.15)}
.uh-station-label{position:absolute;left:50%;bottom:10px;white-space:nowrap;transform-origin:left bottom;transform:rotate(var(--angle,-45deg));font-size:16px;font-weight:300;line-height:24px;color:#111;transition:color .2s}
a.uh-station:hover .uh-station-label,a.uh-station:focus-visible .uh-station-label{color:var(--uh-accent)}
.uh-transfer{position:absolute;left:50%;top:50%;width:var(--t-length);height:1px;transform-origin:left center;transform:rotate(var(--t-angle));opacity:var(--t-opacity);z-index:2;pointer-events:none}
.uh-transfer-line{position:absolute;inset:0;background:var(--t-color);height:2px}
.uh-transfer-end{position:absolute;right:-5px;top:-4px;width:10px;height:10px;border-radius:50%;background:var(--t-color)}
.uh-transfer-logo,.uh-transfer-name{position:absolute;right:calc(-1 * var(--t-x));top:var(--t-y);transform:rotate(calc(-1 * var(--t-angle)));transform-origin:center;display:block}
.uh-transfer-logo img{display:block;max-width:56px;height:auto}
.uh-transfer-name{font-size:11px;white-space:nowrap}
.uh-transfer.is-passive{filter:grayscale(.3)}
@media(max-width:900px){
  .uh-line-viewport{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .uh-line-viewport::-webkit-scrollbar{display:none}
  .uh-line-track{min-width:1100px}
}
@media(max-width:600px){
  .uh-system-head h2{font-size:20px}
  .uh-u{width:48px;height:48px;font-size:24px}
  .uh-line-viewport{padding-top:145px;padding-bottom:90px}
}


.uh-progress-widget{font-family:Montserrat,Arial,sans-serif;color:#111}.uh-system{--uh-brand:#133f67;--uh-accent:#da2125}.uh-system-head{display:flex;align-items:center;gap:12px;margin-bottom:24px}.uh-system-head h2{margin:0;font-size:28px}.uh-system-head p{margin:4px 0 0;color:#617080}.uh-u{display:inline-flex;width:54px;height:54px;align-items:center;justify-content:center;border-radius:50%;background:var(--uh-accent);border:2px solid var(--uh-brand);color:#fff;font-size:28px;font-weight:700;flex:0 0 auto}.uh-map-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.uh-map-grid figure{margin:0;background:#fff;border:1px solid #e1e6eb;padding:10px}.uh-map-grid img{display:block;width:100%;height:auto}.uh-map-grid figcaption{text-align:center;padding-top:8px;color:#667}.uh-line-viewport{overflow-x:hidden;overflow-y:visible;padding:150px 28px 130px}.uh-line-track{position:relative;display:grid;grid-template-columns:repeat(var(--uh-count),minmax(0,1fr));min-width:0}.uh-rail{position:absolute;left:0;right:0;top:50%;height:5px;background:var(--uh-brand);transform:translateY(-50%)}.uh-station{position:relative;border:0;background:transparent;padding:0;height:1px;overflow:visible;cursor:pointer;color:inherit}.uh-station-point{position:absolute;left:50%;top:50%;width:15px;height:15px;background:#fff;border:2px solid #111;border-radius:50%;transform:translate(-50%,-50%);z-index:3}.uh-station.is-active .uh-station-point{border-color:var(--uh-accent);box-shadow:0 0 0 4px rgba(218,33,37,.15)}.uh-station-label{position:absolute;left:50%;bottom:10px;white-space:nowrap;transform-origin:left bottom;transform:rotate(var(--angle,-45deg));font-size:16px;font-weight:300;line-height:24px}.uh-transfer{position:absolute;left:50%;top:50%;width:var(--t-length);height:1px;transform-origin:left center;transform:rotate(var(--t-angle));opacity:var(--t-opacity);z-index:2}.uh-transfer-line{position:absolute;inset:0;background:var(--t-color);height:2px}.uh-transfer-end{position:absolute;right:-5px;top:-4px;width:10px;height:10px;border-radius:50%;background:var(--t-color)}.uh-transfer-logo,.uh-transfer-name{position:absolute;right:calc(-1 * var(--t-x));top:var(--t-y);transform:rotate(calc(-1 * var(--t-angle)));transform-origin:center;display:block}.uh-transfer-logo img{display:block;max-width:56px;height:auto}.uh-transfer-name{font-size:11px;white-space:nowrap}.uh-transfer.is-passive{filter:grayscale(.3)}.uh-report{margin-top:20px}.uh-station-panel{display:none}.uh-station-panel.is-active{display:block}.uh-station-summary{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid #e3e8ee;padding:28px 0}.uh-station-summary h3{font-size:28px;margin:0 0 8px}.uh-station-summary p{margin:0;color:#5e6d7d}.uh-mini-progress{min-width:120px;text-align:center;border-left:3px solid var(--uh-accent);padding:12px}.uh-mini-progress strong{font-size:28px;color:var(--uh-accent);display:block}.uh-mini-progress span{font-size:12px;color:#667}.uh-period{margin:28px 0 12px;font-size:22px}.uh-photo-list{display:grid;grid-template-columns:1fr;gap:20px}.uh-photo{margin:0}.uh-photo button{display:block;border:0;padding:0;background:none;cursor:zoom-in;width:100%}.uh-photo img{display:block;width:100%;height:auto}.uh-photo figcaption{padding:10px 0}.uh-photo figcaption strong,.uh-photo figcaption span{display:block}.uh-no-photo{padding:30px;background:#f5f7fa;text-align:center}.uh-lightbox{border:0;padding:0;background:transparent;max-width:90vw;max-height:90vh}.uh-lightbox::backdrop{background:rgba(0,0,0,.85)}.uh-lightbox img{max-width:90vw;max-height:86vh;display:block}.uh-lightbox-close{position:fixed;right:24px;top:20px;border:0;background:#fff;color:#111;width:42px;height:42px;border-radius:50%;font-size:28px;cursor:pointer}

.uh-progress-widget{display:grid;grid-template-columns:1fr 260px;gap:28px;padding:48px 0}.uh-progress-intro h2{font-size:24px;font-weight:500;margin:0 0 18px}.uh-progress-intro h2 span{color:#da2125}.uh-progress-intro p{font-size:16px}.uh-circle-wrap{text-align:center}.uh-circle{position:relative;width:200px;height:200px;margin:auto}.uh-circle svg{width:100%;height:100%;transform:rotate(-90deg)}.uh-circle circle{fill:none;stroke-width:10}.uh-circle-bg{stroke:#dedede}.uh-circle-value{stroke:#e31e24;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 1.6s ease}.uh-circle strong{position:absolute;inset:0;display:grid;place-items:center;font-size:25px;color:#aaa}.uh-circle-wrap h3{font-size:20px;font-weight:500}.uh-progress-list{grid-column:1/-1;display:flex;flex-direction:column;gap:10px;max-width:1050px;margin-left:auto;width:100%}.uh-progress-row{display:grid;grid-template-columns:minmax(270px,1fr) minmax(420px,1.15fr);align-items:center}.uh-progress-label{text-align:right;padding-right:18px;font-size:16px}.uh-bar{height:30px;background:var(--passive);overflow:hidden}.uh-bar>span{display:flex;width:0;height:100%;align-items:center;justify-content:center;background:var(--active);transition:width 1.4s ease}.uh-bar>span.is-striped{background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.18) 0 5px,transparent 5px 10px)}.uh-bar strong{color:#fff;font-size:16px;font-weight:700}
@media(max-width:900px){.uh-line-viewport{overflow-x:auto;scrollbar-width:none}.uh-line-viewport::-webkit-scrollbar{display:none}.uh-line-track{min-width:1100px}.uh-progress-row{grid-template-columns:1fr 1fr}.uh-map-grid{grid-template-columns:1fr}}
@media(max-width:600px){.uh-progress-widget{grid-template-columns:1fr}.uh-circle-wrap{grid-row:2}.uh-progress-list{grid-row:3}.uh-progress-row{grid-template-columns:1fr;gap:4px}.uh-progress-label{text-align:left;padding:0}.uh-bar{height:22px}.uh-line-viewport{padding-top:145px}.uh-station-summary{align-items:flex-start}.uh-circle{width:170px;height:170px}}
@media(prefers-reduced-motion:reduce){.uh-circle-value,.uh-bar>span{transition:none!important}}

.uh-station-report{font-family:Montserrat,Arial,sans-serif;color:#111}
.uh-station-report__header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.uh-station-report__header h1{margin:0;font-size:34px;font-weight:600}
.uh-station-report__progress{display:flex;align-items:baseline;gap:8px}
.uh-station-report__progress strong{font-size:32px;color:#da2125}
.uh-station-report__group{margin:0 0 34px}
.uh-station-report__group h2{margin:0 0 14px;font-size:26px}
.uh-station-report__group h3{margin:0 0 10px;font-size:18px}
.uh-station-report__photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.uh-report-photo{display:block;padding:0;border:0;background:none;cursor:zoom-in}
.uh-report-photo img{display:block;width:100%;height:auto}
.uh-report-empty{padding:22px;border:1px solid #d8e0e9;background:#f7f9fb}
.uh-report-modal{position:fixed;inset:0;z-index:999999;background:rgba(0,0,0,.88);display:flex;align-items:center;justify-content:center;padding:30px}
.uh-report-modal[hidden]{display:none}
.uh-report-modal img{max-width:94vw;max-height:90vh}
.uh-report-modal__close{position:absolute;top:18px;right:22px;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#111;font-size:30px;cursor:pointer}
@media(max-width:700px){
  .uh-station-report__header{align-items:flex-start;flex-direction:column}
  .uh-station-report__photos{grid-template-columns:1fr}
}

/* Ulaştırma Hizmeti — tema header/footer kullanan ilerleme raporu sayfası */
.uh-report-page{
    width:100%;
    margin:0;
    padding:0;
    overflow:hidden;
    font-family:Montserrat,Arial,sans-serif;
    color:#111;
    background:#fff;
}
.uh-report-page-header{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:auto;
    margin:0;
    padding:0;
    overflow:hidden;
    background:#121619;
}
.uh-report-page-header__image{
    display:block;
    width:min(100%,1980px);
    height:auto;
    max-width:1980px;
    flex:0 1 1980px;
    object-fit:contain;
    object-position:center center;
}
.uh-report-page-header__fallback{
    width:100%;
    min-height:260px;
    background:#133f67;
}
.uh-report-breadcrumb{
    width:100%;
    border-bottom:1px solid #eceff3;
    background:#fff;
}
.uh-report-breadcrumb__inner{
    width:min(1580px,calc(100% - 64px));
    margin:0 auto;
    padding:14px 0;
    color:#9aa4af;
    font-size:12px;
}
.uh-report-breadcrumb__inner a{
    color:#9aa4af;
    text-decoration:none;
}
.uh-report-breadcrumb__inner span{
    margin:0 9px;
}
.uh-report-breadcrumb__inner strong{
    color:#667481;
    font-weight:500;
}
.uh-report-shell{
    display:grid;
    grid-template-columns:minmax(420px,520px) minmax(0,1fr);
    gap:58px;
    width:min(1580px,calc(100% - 64px));
    margin:0 auto;
    padding:30px 0 80px;
}
.uh-report-sidebar{
    min-width:0;
}
.uh-report-sketch{
    position:relative;
    width:100%;
    min-height:620px;
    overflow:visible;
}
.uh-report-sketch>img{
    display:block;
    width:100%;
    height:auto;
    max-height:none;
    object-fit:contain;
    object-position:top left;
}
.uh-report-sketch__markers{
    position:absolute;
    inset:0;
    overflow:visible;
}
.uh-sketch-marker{
    position:absolute;
    z-index:4;
    color:#111;
    text-decoration:none;
    transform:translate(-50%,-50%);
}
.uh-sketch-marker>span{
    display:block;
    width:13px;
    height:13px;
    border:2px solid #fff;
    border-radius:50%;
    background:#da2125;
    box-shadow:0 0 0 1px #da2125;
}
.uh-sketch-marker em{
    position:absolute;
    left:18px;
    top:50%;
    display:flex;
    align-items:center;
    gap:4px;
    min-width:max-content;
    max-width:220px;
    padding:4px 7px;
    transform:translateY(-50%);
    border-radius:3px;
    background:rgba(255,255,255,.94);
    color:#133f67;
    font-size:12px;
    font-style:normal;
    font-weight:600;
    line-height:1.25;
    white-space:nowrap;
    box-shadow:0 1px 4px rgba(0,0,0,.08);
}
.uh-sketch-marker em b{
    color:#da2125;
    font-size:11px;
}
.uh-sketch-marker.is-current>span{
    box-shadow:0 0 0 5px rgba(218,33,37,.22);
}
.uh-sketch-marker.is-current em{
    color:#da2125;
    font-weight:700;
}
.uh-sketch-marker.no-photos{
    opacity:.48;
}
.uh-sketch-marker.no-photos:hover,
.uh-sketch-marker.no-photos:focus{
    opacity:.8;
}
.uh-sketch-marker.has-photos:hover em,
.uh-sketch-marker.has-photos:focus em{
    color:#da2125;
}
.uh-report-main{
    min-width:0;
    padding-top:2px;
}
.uh-report-main__header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    margin-bottom:12px;
}
.uh-report-main__header h1{
    margin:0 0 4px;
    color:#133f67;
    font-size:30px;
    font-weight:600;
    line-height:1.2;
}
.uh-report-main__header p{
    margin:0;
    color:#85919d;
    font-size:12px;
}
.uh-report-filter{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;
    gap:12px;
    margin-bottom:24px;
}
.uh-report-filter select{
    width:100%;
    min-height:42px;
    padding:0 12px;
    border:1px solid #cfd8e3;
    border-radius:0;
    background:#fff;
    color:#526272;
}
.uh-report-filter button{
    min-width:76px;
    min-height:42px;
    padding:0 18px;
    border:0;
    background:#133f67;
    color:#fff;
    cursor:pointer;
}
.uh-report-period{
    margin:0 0 34px;
}
.uh-report-period h2{
    margin:0 0 14px;
    color:#133f67;
    font-size:18px;
    font-weight:700;
}
.uh-report-period h3{
    margin:0 0 8px;
    color:#1b2a38;
    font-size:16px;
}
.uh-report-period p{
    margin:0 0 14px;
}
.uh-report-gallery{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}
.uh-report-gallery .uh-report-photo{
    display:block;
    width:100%;
    padding:0;
    overflow:hidden;
    border:0;
    background:none;
    cursor:zoom-in;
}
.uh-report-gallery .uh-report-photo img{
    display:block;
    width:100%;
    height:auto;
    max-width:none;
}
.uh-report-empty{
    padding:22px;
    border:1px solid #d8e0e9;
    background:#f7f9fb;
    color:#526272;
}
@media(max-width:1180px){
    .uh-report-shell{
        grid-template-columns:minmax(360px,430px) minmax(0,1fr);
        gap:34px;
    }
    .uh-sketch-marker em{
        max-width:170px;
        font-size:11px;
    }
}
@media(max-width:900px){
    .uh-report-shell{
        grid-template-columns:1fr;
        gap:28px;
        width:min(100% - 40px,1580px);
    }
    .uh-report-sketch{
        width:min(100%,560px);
        min-height:560px;
        margin:0 auto;
    }
}
@media(max-width:650px){
    .uh-report-breadcrumb__inner,
    .uh-report-shell{
        width:min(100% - 28px,1580px);
    }
    .uh-report-shell{
        padding-top:24px;
    }
    .uh-report-sketch{
        min-height:480px;
    }
    .uh-sketch-marker em{
        max-width:145px;
        font-size:10px;
        white-space:normal;
    }
    .uh-report-filter{
        grid-template-columns:1fr;
    }
    .uh-report-gallery{
        grid-template-columns:1fr;
    }
}

.uh-report-modal{
    position:fixed;
    inset:0;
    z-index:999999;
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:20px;
    padding:30px;
    background:rgba(0,0,0,.92);
}
.uh-report-modal[hidden]{
    display:none!important;
}
.uh-report-modal__figure{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-width:0;
    margin:0;
}
.uh-report-modal__figure img{
    display:block;
    max-width:min(92vw,1600px);
    max-height:88vh;
    width:auto;
    height:auto;
    object-fit:contain;
    box-shadow:0 18px 60px rgba(0,0,0,.45);
}
.uh-report-modal__counter{
    margin-top:12px;
    color:#fff;
    font-size:14px;
    font-weight:600;
}
.uh-report-modal__close,
.uh-report-modal__prev,
.uh-report-modal__next{
    border:0;
    color:#fff;
    cursor:pointer;
    background:rgba(255,255,255,.15);
    backdrop-filter:blur(4px);
}
.uh-report-modal__close{
    position:absolute;
    top:18px;
    right:22px;
    width:46px;
    height:46px;
    border-radius:50%;
    font-size:30px;
    line-height:1;
}
.uh-report-modal__prev,
.uh-report-modal__next{
    width:56px;
    height:72px;
    border-radius:10px;
    font-size:46px;
    line-height:1;
}
.uh-report-modal__close:hover,
.uh-report-modal__prev:hover,
.uh-report-modal__next:hover,
.uh-report-modal__close:focus,
.uh-report-modal__prev:focus,
.uh-report-modal__next:focus{
    background:rgba(255,255,255,.3);
    outline:2px solid rgba(255,255,255,.8);
}
@media(max-width:700px){
    .uh-report-modal{
        grid-template-columns:1fr;
        gap:0;
        padding:18px;
    }
    .uh-report-modal__prev,
    .uh-report-modal__next{
        position:absolute;
        top:50%;
        z-index:2;
        width:44px;
        height:58px;
        transform:translateY(-50%);
        font-size:38px;
    }
    .uh-report-modal__prev{left:10px}
    .uh-report-modal__next{right:10px}
    .uh-report-modal__figure img{
        max-width:96vw;
        max-height:82vh;
    }
}
