.hr-toplu {border:1px solid #bdd6ca;border-radius:14px;background:#f5faf7;color:#173f35;padding:clamp(16px,2vw,26px);margin:1rem 0}
.hr-toplu h2 {font-family:inherit;font-size:clamp(22px,2.3vw,32px);font-weight:750;line-height:1.2;margin:0 0 10px}
.hr-toplu p {margin:8px 0;line-height:1.5}
.hr-toplu :is(select,input[type=search],button) {font:inherit;border:1px solid #79988c;border-radius:8px;background:white;color:#173f35;padding:8px 12px}
.hr-toplu .ht-picker {display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0}
.hr-toplu .ht-drop {display:block;box-sizing:border-box;width:100%;padding:20px 12px;border:2px dashed #468b72;background:white;cursor:pointer;font-weight:700}
.hr-toplu .ht-drop.drag {background:#d8f3e5;border-color:#176144}
.hr-toplu .ht-cards {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));gap:10px;margin-top:14px}
.hr-toplu .ht-card {padding:12px;background:#fff;border:1px solid #dcc6c2;border-radius:8px}
.hr-toplu .ht-card span {display:block;color:#982b28;font-weight:650}
.hr-toplu .ht-card.good {border-color:#96cdb0}
.hr-toplu .ht-card.good span {color:#14653d}
.hr-toplu .ht-card.wait span {color:#795420}
.hr-toplu button:disabled {opacity:.6;cursor:default}
.hr-toplu [hidden] {display:none!important}
.hr-toplu .ht-submit {background:#17563f;color:white;cursor:pointer}
.hr-toplu .ht-card,.hr-toplu .ht-option {display:flex;align-items:center;gap:14px}
.hr-toplu .ht-copy {min-width:0;overflow-wrap:anywhere}
.hr-toplu button.ht-thumb {width:82px;flex:none;padding:0;border:0;background:transparent;cursor:zoom-in;display:grid;gap:4px;text-align:center}
.hr-toplu .ht-thumb img {display:block;width:82px;height:104px;object-fit:contain;background:#f7f8f6;border:1px solid #c5d3ce;border-radius:4px;box-sizing:border-box}
.hr-toplu .ht-thumb small {color:#37574c;font-size:11px;line-height:1.3;overflow-wrap:anywhere}
.hr-toplu .ht-batch-previews {display:flex;gap:12px;overflow-x:auto;padding:10px 0}
.hr-toplu .ht-option {margin:8px 0}
.hr-toplu dialog.ht-zoom {box-sizing:border-box;max-width:min(880px,94vw);max-height:90vh;border:0;border-radius:12px;padding:14px;color:#173f35}
.hr-toplu .ht-zoom::backdrop {background:#112923aa}
.hr-toplu .ht-zoom header {position:static;display:flex;align-items:center;justify-content:space-between;gap:18px;background:white;margin-bottom:8px;overflow-wrap:anywhere}
.hr-toplu .ht-zoom img {display:block;max-width:100%;max-height:73vh;object-fit:contain;margin:auto}
@media (max-width:767px) and (pointer:coarse) {.hr-toplu {display:none}}
.guide-calc main.wrap:has([data-profile-step]:not([hidden])) {width:min(1240px,calc(100% - 32px))}
.ht-board.hr-toplu {display:grid;grid-template-columns:minmax(0,2.45fr) minmax(220px,1fr);gap:clamp(14px,2vw,28px);align-items:stretch}
.ht-board.hr-toplu[hidden] {display:none!important}
.ht-board-main {min-width:0}
.ht-board .ht-cards {grid-template-columns:repeat(auto-fill,minmax(min(145px,100%),1fr));align-items:stretch}
.ht-board .ht-card {display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:start;align-items:start;gap:8px 4px;padding:12px}
.ht-board .ht-card:not(.good) {background:#fff5f3;border-color:#c8766e}
.ht-board .ht-card.good {background:#ebf7ef;border-color:#48875f}
.ht-board .ht-card .ht-thumb {justify-self:center;max-width:100%}
.ht-board .ht-card .ht-thumb img {max-width:100%}
.ht-board .ht-card .ht-copy {grid-column:1 / -1}
.hr-toplu button.ht-card-info {display:grid;place-items:center;flex:none;width:32px;height:32px;padding:0;border:1.5px solid #277057;border-radius:50%;background:white;color:#17563f;font:italic 700 21px/1 Georgia,serif;cursor:pointer}
.hr-toplu button.ht-card-info:hover {background:#e4f3ea}
.hr-toplu button.ht-card-info:focus-visible {outline:3px solid #176ca2;outline-offset:2px}
@media(min-width:1024px){.ht-board button.ht-card-info {width:40px;height:40px;font-size:26px}}
.hr-toplu dialog.ht-card-help {width:min(440px,92vw);padding:20px;line-height:1.5}
.ht-card-help header {align-items:flex-start}
.ht-card-help header button {flex:none;white-space:nowrap}
.hr-toplu dialog.ht-card-help.ht-hover-help {position:fixed;inset:auto;margin:0;width:min(380px,calc(100vw - 24px));max-height:calc(100vh - 24px);border:1px solid #b3cfc0;box-shadow:0 12px 36px #102e3326;overflow:auto}
.ht-card-help h3 {font-size:20px;line-height:1.25;margin:0}
.ht-card-help h4 {font-size:1rem;margin:16px 0 4px}
.ht-card-help ul {display:grid;gap:6px;margin:0;padding-inline-start:1.3em;list-style:disc}
.ht-card-help ul li {display:list-item;padding:0;border:0}
.ht-card-help ul li::before {content:none}
.ht-board .ht-copy strong {font-size:.94rem;line-height:1.25;display:block}
.ht-board .ht-copy span {font-size:.82rem;margin-top:4px}
.ht-board .ht-summary {font-weight:700;margin:16px 0 4px}
.ht-board .ht-board-main button:is(.ht-drop,.ht-submit) {
  display:grid;place-items:center;box-sizing:border-box;width:100%;min-height:76px;
  padding:12px 20px;border:2px solid;border-radius:12px;
  font-family:inherit;font-size:clamp(18px,1.6vw,23px);font-weight:750;line-height:1.25;
  text-align:center;white-space:normal;cursor:pointer;
}
.ht-board .ht-board-main button.ht-drop {background:#e1f1fc;color:#12466b;border-color:#4681aa;border-style:dashed}
.ht-board .ht-board-main button.ht-drop:is(:hover,.drag):enabled {background:#c6e5fa;border-color:#215e8d}
.hr-toplu.ht-dragging {outline:3px dashed #247593;outline-offset:-3px}
.hr-toplu.ht-dragging button.ht-drop {background:#c6e5fa;border-color:#215e8d}
.hr-toplu button.ht-drop:disabled {pointer-events:none}
.ht-board .ht-board-main button.ht-submit {background:#15563f;color:#fff;border-color:#15563f}
.ht-board .ht-board-main button.ht-submit:hover:enabled {background:#0d422e;border-color:#0d422e}
[data-need-guide] :is(.upload-cta,.upload-cta+.guide-info) {display:none!important}
.ht-board .ht-board-main button.ht-submit,.ht-phone-form {
  position:relative;isolation:isolate;overflow:hidden;
  border:2px solid transparent;border-radius:14px;
  background:linear-gradient(125deg,#0c3e30,#17694c 52%,#104b3d) padding-box,linear-gradient(110deg,#9decbd,#269574,#d7f8b6,#218e75) border-box;
  box-shadow:0 5px 20px #0e5b3d26,inset 0 1px 0 #b7efca26;
}
.ht-submit .ht-send-label {position:relative;z-index:1;line-height:1.3;padding:4px 12px}
:is(.ht-submit,.ht-phone-form) .ht-edge-light {
  position:absolute;top:0;left:0;width:56px;height:3px;pointer-events:none;
  background:linear-gradient(90deg,transparent,#d6fff0 45%,#fff,transparent);
  box-shadow:0 0 10px #a0ffd7,0 0 4px #fff;border-radius:50%;
  offset-path:inset(2px round 12px);offset-distance:0%;offset-anchor:center;
  animation:ht-border-lap var(--lap,6s) linear var(--delay,0s) infinite;
}
:is(.ht-submit,.ht-phone-form) .ht-edge-light:nth-of-type(even) {animation-direction:reverse;background:linear-gradient(90deg,transparent,#edffc9,#fff,transparent)}
.ht-phone-form {display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,280px);align-items:center;gap:12px;box-sizing:border-box;width:100%;min-height:92px;padding:18px 20px;color:white}
.ht-phone-form label {font-size:21px;font-weight:700;line-height:1.3}
.hr-toplu .ht-phone-form input {box-sizing:border-box;width:100%;min-width:0;height:52px;border:1px solid #b4e6ca;border-radius:8px;padding:8px 12px;background:white;color:#143c30;font-family:inherit;font-size:23px;font-weight:600;line-height:1.2}
.hr-toplu .ht-phone-form button {grid-column:1 / -1;min-height:52px;cursor:pointer;background:#d6f8e3;border-color:#bcf3d2;color:#10442e;font-size:18px;font-weight:750;white-space:normal}
.ht-phone-form p {grid-column:1 / -1;color:#fff1c4;font-weight:600;text-align:left}
.ht-phone-form input[aria-invalid=true] {outline:3px solid #efc16d}
.ht-delivery-tracking {display:inline-block;margin-top:12px;padding:8px 12px;border:1px dashed #80bd9b;border-radius:8px;color:#154f38;font-family:ui-monospace,monospace;font-weight:650;overflow-wrap:anywhere}
@media(max-width:760px){.ht-phone-form {grid-template-columns:minmax(0,1fr)}.ht-phone-form :is(label,input,button) {grid-column:1}}
.ht-submit:disabled .ht-edge-light {animation-play-state:paused}
.ht-board .ht-board-main button.ht-panel-next {background:linear-gradient(115deg,#123d49,#206b68) padding-box,linear-gradient(90deg,#87ddd3,#c9f9bc,#71c7de) border-box}
.ht-panel-next .ht-edge-light {display:none}
.ht-delivery {margin:20px 0;padding:26px 20px;border:1px solid #afd7bf;border-radius:14px;background:#f2fbf5;text-align:center}
.ht-delivery h3 {margin:10px 0;font-size:clamp(24px,2.7vw,38px);color:#14533d;line-height:1.2}
.ht-delivery p {max-width:650px;margin:10px auto}
.ht-delivery ul {display:flex;justify-content:center;flex-wrap:wrap;gap:8px 16px;padding:0;list-style:none}
.ht-delivery li {display:block;padding:8px 14px;background:#fff;border:1px solid #c8e2d1;border-radius:8px;font-weight:650;overflow-wrap:anywhere}
.ht-delivery li::before {content:none}
.ht-delivery-mark {display:none}
.ht-delivery[data-state=gonderildi] .ht-delivery-mark {
  display:grid;place-items:center;width:86px;height:86px;margin:0 auto;border:2px solid #75cda0;border-radius:50%;background:#dbf7e6;color:#167348;font-size:56px;
  animation:ht-delivery-enter .7s cubic-bezier(.2,.8,.2,1) both,ht-delivery-ring 1.1s ease-out;
}
.ht-delivery[data-state=hata] {border-color:#dcb47a;background:#fff8ee}
@keyframes ht-border-lap {to {offset-distance:100%}}
@keyframes ht-delivery-enter {from{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}
@keyframes ht-delivery-ring {from{box-shadow:0 0 0 0 #4fac7c55}to{box-shadow:0 0 0 25px #4fac7c00}}
@media(prefers-reduced-motion:reduce){
  :is(.ht-submit,.ht-phone-form) .ht-edge-light {animation:none;display:none}
  .ht-delivery[data-state=gonderildi] .ht-delivery-mark {animation:none}
}
.ht-board .ht-board-main button:is(.ht-drop,.ht-submit):focus-visible {outline:3px solid #176ca2;outline-offset:3px}
@media(max-width:540px) {
  .ht-board .ht-board-main button:is(.ht-drop,.ht-submit) {min-height:100px;padding:10px 12px}
}
.ht-console {
  position:relative;min-width:0;padding:18px;border:1px solid #1d5552;border-radius:12px;color:#dff4ec;
  background:radial-gradient(120% 80% at 85% 0%,#14494c 0%,#0c3134 48%,transparent 100%),#081f22;
  font-family:ui-monospace,Consolas,monospace;
}
.ht-console>div {min-width:0}
.ht-console .ht-meter {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px;padding-bottom:14px}
.ht-console h3 {margin:0;font-family:inherit;font-size:1.16rem;line-height:1.25;font-weight:700;color:#e2f7ed}
.ht-console output {grid-column:2;grid-row:1 / 3;color:#61e0b7;font:700 clamp(36px,3vw,56px)/1 ui-monospace,monospace;font-variant-numeric:tabular-nums}
.ht-console .ht-meter strong {color:#bae2d6;font-size:1rem;font-weight:550;overflow-wrap:anywhere}
.ht-console progress {appearance:none;display:block;grid-column:1 / -1;width:100%;height:5px;margin:6px 0 0;border:0;border-radius:4px;overflow:hidden;background:#245152;color:#3fd1a5}
.ht-console progress::-webkit-progress-bar {background:#245152}
.ht-console progress::-webkit-progress-value {background:linear-gradient(90deg,#3fd1a5,#d9f28b)}
.ht-console progress::-moz-progress-bar {background:#3fd1a5}
.ht-board .ht-console ol {display:block;overflow:auto;overflow-anchor:none;scrollbar-width:thin;scrollbar-color:#478278 transparent;list-style:none;margin:0;padding:0 6px;border-top:1px solid #29605e}
.ht-board .ht-console li {--tone:#a5c9be;display:grid;grid-template-columns:auto 10ch minmax(0,1fr);align-items:baseline;gap:.7em;margin:0;padding:.55em 0;border:0;border-bottom:1px solid #255052;color:#d4e9e1;font:500 15px/1.4 ui-monospace,Consolas,monospace;overflow-wrap:anywhere}
.ht-board .ht-console li::before {display:none;content:none}
.ht-board .ht-console li[data-stage=file] {--tone:#8fd3f4}
.ht-board .ht-console li[data-stage=queue],.ht-board .ht-console li[data-stage=read] {--tone:#5ccfc0}
.ht-board .ht-console li[data-stage=match],.ht-board .ht-console li[data-stage=done] {--tone:#85e4aa}
.ht-board .ht-console li[data-stage=warn] {--tone:#f2c066}
.ht-board .ht-console li[data-stage=error] {--tone:#f3a3a3}
.ht-board .ht-console li b {color:var(--tone);white-space:nowrap}
.ht-console time {color:#95b8b0;font-size:.88em;font-variant-numeric:tabular-nums}
.ht-board .ht-console .ht-resume {align-self:flex-end;margin:6px 0 0 auto;background:#143e3c;border-color:#509786;color:#c2f5de;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer}
.ht-console :is(ol,button):focus-visible {outline:2px solid #91efc3;outline-offset:2px}
@media(min-width:1024px){.ht-board .ht-console li {font-size:20px}}
@media(min-width:761px){
  .guide-calc main.wrap:has([data-profile-step]:not([hidden])) {width:min(2100px,calc(100% - 48px))}
  .ht-board.hr-toplu {grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr)}
  .ht-board .ht-console {position:relative;min-height:min(780px,95vh)}
  .ht-board .ht-console>div {position:absolute;inset:18px;display:flex;flex-direction:column}
  .ht-board .ht-console ol {flex:1 1 0;min-height:0;max-height:none;overflow-y:auto}
  .ht-board .ht-console>div>:not(ol) {flex:none}
}
.ht-board .ht-option select {max-width:100%}
@media(max-width:760px){
  .ht-board.hr-toplu {grid-template-columns:minmax(0,1fr)}
  .ht-board .ht-console ol {max-height:36dvh}
  .ht-board .ht-console li {grid-template-columns:10ch minmax(0,1fr);gap:2px 12px}
  .ht-board .ht-console li time {grid-column:1;grid-row:2}
  .ht-board .ht-console li b {grid-column:1;grid-row:1}
  .ht-board .ht-console li span {grid-column:2;grid-row:1 / 3}
  .ht-board .ht-cards {grid-template-columns:repeat(2,minmax(0,1fr))}
}