/* RC355 — profile image cropping, only for the Kofer public host profile */
body.ks-avatar-editor-open{overflow:hidden!important}
.ks.ks-dashboard .ks-avatar-crop-ready[hidden],
.ks.ks-dashboard .ks-avatar-crop-overlay[hidden],
.ks.ks-dashboard .ks-avatar-crop-error[hidden]{display:none!important}
.ks.ks-dashboard .ks-avatar-crop-ready{display:flex;align-items:center;flex-wrap:wrap;gap:12px;max-width:700px;margin:8px 0 18px;padding:11px 13px;border:1px solid #cfe4d9;border-radius:12px;background:#f3faf6;color:#315849;font-size:12px}
.ks.ks-dashboard .ks-avatar-crop-ready img{display:block;width:62px;height:62px;flex:0 0 62px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 1px 5px #0002}
.ks.ks-dashboard .ks-avatar-crop-ready span{flex:1 1 180px;line-height:1.6}
body.ks-shell .ks.ks-dashboard .ks-avatar-crop-ready button[data-ks-avatar-edit]{background:#fff!important;color:#1c576b!important;border:1px solid #b9d0d9!important;border-radius:8px!important;font-size:12px!important;padding:9px 13px!important;min-height:36px!important}
.ks.ks-dashboard .ks-avatar-crop-overlay{position:fixed;inset:0;z-index:2147483000;display:flex;justify-content:center;align-items:center;overflow:auto;padding:20px 12px;background:rgba(13,33,48,.72);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.ks.ks-dashboard .ks-avatar-crop-dialog{box-sizing:border-box;width:min(100%,490px);max-height:calc(100dvh - 24px);overflow:auto;padding:23px 26px 20px;border-radius:20px;background:#fff;color:#163447;box-shadow:0 24px 90px #08152069}
.ks.ks-dashboard .ks-avatar-crop-header{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}
.ks.ks-dashboard .ks-avatar-crop-eyebrow{font-size:10px;font-weight:800;letter-spacing:.14em;color:#658190}
.ks.ks-dashboard .ks-avatar-crop-header h3{font-size:23px;line-height:1.2;letter-spacing:-.5px;color:#163447;margin:6px 0 9px}
.ks.ks-dashboard .ks-avatar-crop-header p{font-size:13px;line-height:1.6;color:#607581;margin:0 0 16px}
body.ks-shell .ks.ks-dashboard .ks-avatar-crop-header button.ks-avatar-crop-close{flex:0 0 36px;width:36px;height:36px;min-height:36px;padding:0!important;border:1px solid #d8e3e8!important;border-radius:50%!important;background:#f7f9fa!important;color:#25485c!important;font-size:24px!important;line-height:1!important;font-weight:400!important}
.ks.ks-dashboard .ks-avatar-crop-workspace{display:flex;flex-direction:column;align-items:center;padding:17px 12px 15px;border:1px solid #e4e9eb;border-radius:15px;background:#f6f8f9}
.ks.ks-dashboard .ks-avatar-crop-viewport{position:relative;width:min(100%,310px);aspect-ratio:1;border-radius:12px;overflow:hidden;background:#e1e9ed;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none;box-shadow:0 5px 22px #203d5225}
.ks.ks-dashboard .ks-avatar-crop-viewport:active{cursor:grabbing}
.ks.ks-dashboard .ks-avatar-crop-viewport canvas{display:block;width:100%;height:100%;pointer-events:none}
.ks.ks-dashboard .ks-avatar-crop-guide{position:absolute;inset:7%;border:2px solid #fff;border-radius:50%;pointer-events:none;box-shadow:0 0 0 90px rgba(6,25,39,.64),inset 0 0 0 1px #0002}
.ks.ks-dashboard .ks-avatar-crop-controls{width:min(100%,310px);margin:16px 0 0}
.ks.ks-dashboard .ks-avatar-crop-controls label{display:block;color:#34556a;font-weight:700;font-size:12px;margin:0 0 6px!important}
.ks.ks-dashboard .ks-avatar-crop-slider{display:flex;align-items:center;gap:14px;color:#55768b;font-size:22px;font-weight:600}
body.ks-shell .ks.ks-dashboard .ks-avatar-crop-slider input[type=range]{width:100%;height:6px;min-height:0;margin:0!important;padding:0!important;accent-color:#1d739b;border:0!important;border-radius:12px;background:#d8e4e9;box-shadow:none!important;cursor:pointer}
body.ks-shell .ks.ks-dashboard .ks-avatar-crop-slider input[type=range]:focus{outline:none!important;box-shadow:none!important}
body.ks-shell .ks.ks-dashboard .ks-avatar-crop-slider input[type=range]:focus-visible{outline:2px solid #1d739b!important;outline-offset:4px!important}
body.ks-shell .ks.ks-dashboard .ks-avatar-crop-reset{display:block;background:transparent!important;border:0!important;color:#1c7199!important;margin:11px auto 0;padding:2px 8px!important;min-height:27px!important;font-size:12px!important}
.ks.ks-dashboard .ks-avatar-crop-error{margin:11px 0;color:#a83427;font-size:12px;font-weight:600}
.ks.ks-dashboard .ks-avatar-crop-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:17px}
body.ks-shell .ks.ks-dashboard .ks-avatar-crop-footer button{min-height:42px!important;padding:11px 16px!important;font-size:13px!important;border-radius:9px!important}
body.ks-shell .ks.ks-dashboard .ks-avatar-crop-footer .ks-avatar-crop-cancel{background:#fff!important;color:#315263!important;border:1px solid #d1dfe4!important}
body.ks-shell .ks.ks-dashboard .ks-avatar-crop-footer .ks-avatar-crop-apply{background:#c64b19!important;color:#fff!important;border:1px solid #c64b19!important}
body.ks-shell .ks.ks-dashboard .ks-avatar-crop-footer .ks-avatar-crop-apply:disabled{opacity:.55}
@media(max-width:520px){
  .ks.ks-dashboard .ks-avatar-crop-overlay{padding:8px}
  .ks.ks-dashboard .ks-avatar-crop-dialog{padding:17px 16px;border-radius:15px;max-height:calc(100dvh - 16px)}
  .ks.ks-dashboard .ks-avatar-crop-header h3{font-size:20px}
  .ks.ks-dashboard .ks-avatar-crop-header p{font-size:12px}
  .ks.ks-dashboard .ks-avatar-crop-workspace{padding:12px 8px}
  .ks.ks-dashboard .ks-avatar-crop-viewport{width:min(100%,270px)}
  .ks.ks-dashboard .ks-avatar-crop-controls{width:min(100%,270px)}
  .ks.ks-dashboard .ks-avatar-crop-footer button{flex:1}
}
@media(prefers-reduced-motion:reduce){.ks.ks-dashboard .ks-avatar-crop-overlay{backdrop-filter:none}}