.up{background:var(--color-bg);border:1px solid var(--color-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding-bottom:var(--space-3);font-family:var(--font-body);color:var(--color-ink-700);font-size:12.5px;position:relative;overflow:hidden}.up__bar{justify-content:space-between;align-items:center;gap:var(--space-3);border-bottom:1px solid var(--color-line-soft);background:var(--color-bg-soft);padding:8px 14px;display:flex}.up__crumb{color:var(--color-ink-500);font-size:11.5px}.up__crumb i{color:var(--color-ink-300);margin:0 5px;font-style:normal}.up__crumb b{color:var(--color-ink-900);font-weight:600}.up__durum{border:1px solid var(--color-line);border-radius:var(--radius-md);flex-shrink:0;font-size:10.5px;display:flex;overflow:hidden}.up__durum span{color:var(--color-ink-400);border-left:1px solid var(--color-line);white-space:nowrap;padding:4px 8px}.up__durum span:first-child{border-left:0}.up__durum .is-on{background:var(--color-accent);color:var(--color-bg);font-weight:600}.up__akilli{border-bottom:1px solid var(--color-line-soft);padding:0 14px;display:flex}.up__akilli span{color:var(--color-ink-500);border-right:1px solid var(--color-line-soft);white-space:nowrap;margin-right:11px;padding:7px 11px 7px 0;font-size:11.5px}.up__akilli span:last-child{border-right:0;margin-right:0}.up__akilli b{color:var(--color-ink-900);font-size:14px;font-weight:600;display:block}.up__h{font:600 20px var(--font-display);letter-spacing:-.01em;color:var(--color-ink-900);margin:11px 14px 6px}.up__alanlar{grid-template-columns:1fr 1fr;gap:3px 18px;margin:0 14px 10px;display:grid}.up__alanlar>div{border-bottom:1px dotted var(--color-line-soft);grid-template-columns:96px 1fr;align-items:baseline;padding:4px 0;display:grid}.up__alanlar dt{color:var(--color-ink-500);font-size:11.5px;font-weight:500}.up__alanlar dd{color:var(--color-ink-900);font-variant-numeric:tabular-nums;margin:0}.up__alanlar small{color:var(--color-accent);margin-left:5px;font-weight:600}.up__a--hl{outline:1.5px solid var(--color-accent-line);outline-offset:2px;border-radius:var(--radius-sm);background:var(--color-accent-soft)}.up__a--link dd{color:var(--color-primary);font-weight:600;text-decoration:underline dotted}.up__sekme{border-bottom:1px solid var(--color-line);scrollbar-width:none;gap:17px;padding:0 14px;font-size:12px;display:flex;overflow-x:auto}.up__sekme::-webkit-scrollbar{display:none}.up__sekme span{color:var(--color-ink-400);white-space:nowrap;padding:6px 0}.up__sekme .is-on{color:var(--color-ink-900);box-shadow:inset 0 -2px 0 var(--color-accent);font-weight:600}.up__tablo{border-collapse:collapse;font-variant-numeric:tabular-nums;width:calc(100% - 28px);margin:4px 14px 0}.up__tablo th{text-align:left;font:500 10.5px var(--font-body);color:var(--color-ink-400);border-bottom:1px solid var(--color-line);padding:6px}.up__tablo td{border-bottom:1px solid var(--color-line-soft);color:var(--color-ink-700);padding:7px 6px;font-size:11.5px}.up__tablo th:not(:first-child),.up__tablo td:not(:first-child){text-align:right}.up__th--hl,.up__td--hl{color:var(--color-scene-amber-ink);font-weight:600}.ck{background:var(--color-bg);color:var(--color-ink-700);border:1px solid var(--color-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-size:12px;overflow:hidden}.ck__bar{border-bottom:1px solid var(--color-line-soft);background:var(--color-bg-soft);color:var(--color-ink-500);align-items:center;gap:7px;padding:8px 12px;font-size:11px;display:flex}.ck__bar b{color:var(--color-ink-900);font-weight:600}.ck__rz{border-radius:var(--radius-full);background:var(--color-accent-soft);color:var(--color-accent);white-space:nowrap;margin-left:auto;padding:2px 7px;font-size:10px;font-weight:600}.ck__body{padding:9px 12px 11px}.ck__ozet{color:var(--color-ink-900);margin:0 0 7px;font-size:11.5px;font-weight:600}.ck__row{border-bottom:1px dotted var(--color-line-soft);justify-content:space-between;gap:8px;padding:3px 0;display:flex}.ck__row span{color:var(--color-ink-500)}.ck__row b{color:var(--color-ink-900);font-variant-numeric:tabular-nums}.ck__adim{gap:2px;margin:7px 0 9px;padding:0 0 0 16px;font-size:11.5px;display:grid}.ck__adim li{color:var(--color-ink-500)}.ck__adim .is-done{color:var(--color-ink-400);text-decoration:line-through}.ck__adim .is-on{color:var(--color-ink-900);margin-left:-16px;font-weight:600;list-style:none}.ck__btn{gap:6px;display:flex}.ck__btn span{text-align:center;border-radius:var(--radius-md);border:1px solid var(--color-line);white-space:nowrap;flex:1;padding:6px 0;font-size:11.5px}.ck__btn .is-primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg);font-weight:600}@media (width<=720px){.up__alanlar{grid-template-columns:1fr}.up__akilli{overflow:hidden}.up__durum span:not(.is-on),.up__tablo th:nth-child(2),.up__tablo td:nth-child(2){display:none}}.opl{gap:var(--space-4);grid-template-columns:152px minmax(0,1fr);align-items:start;display:grid}.opl__proc{gap:5px;margin:0;padding:0;list-style:none;display:grid}.opl__step{border-left:2px solid var(--color-scene-wire);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--color-on-dark-fill);grid-template-columns:20px minmax(0,1fr);grid-template-areas:"n t""n k""n r";gap:0 7px;padding:6px 8px;display:grid}.opl__step--on{border-left-color:var(--color-scene-turkuaz-bright);background:var(--color-scene-flash-teal)}.opl__n{font:600 10px var(--font-mono);color:var(--color-scene-ghost-text);grid-area:n;padding-top:2px;font-style:normal}.opl__t{color:var(--color-bg);grid-area:t;font-size:11.5px;font-weight:600;line-height:1.25}.opl__k{font:500 9.5px var(--font-mono);color:var(--color-scene-turkuaz-bright);grid-area:k}.opl__r{font:500 9.5px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-on-dark);grid-area:r}.opl__main{min-width:0;padding-bottom:78px;position:relative}.opl__dev{width:206px;position:absolute;bottom:0;right:-10px}@media (width<=1080px){.opl{grid-template-columns:1fr}.opl__proc{grid-template-columns:repeat(4,minmax(0,1fr))}.opl__dev{width:auto;margin-top:var(--space-3);position:static}}@media (width<=640px){.opl__proc{grid-template-columns:repeat(2,minmax(0,1fr))}}
