/* ---------------------------------------------------------
 * FE-Schrift (KFZ)
 * Lokal aus dem Plugin laden (keine externen Requests).
 * --------------------------------------------------------- */
@font-face{
    font-family:'NokiFE';
    src:url('./fonts/fe-font.woff2') format('woff2');
    font-weight:400;
    font-style:normal;
    font-display:swap;
}

.noki-gen3-kfzkennzeichen{
    border:1px solid #ccd0d4;
    background:#fff;
    padding:12px;
    margin:12px 0;
    max-width:980px;
}

.noki-gen3-kfzkennzeichen__form{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-bottom:12px;
}

.noki-gen3-kfzkennzeichen__row{
    display:flex;
    flex-direction:column;
    gap:4px;
    min-width:220px;
}

.noki-gen3-kfzkennzeichen__row label{
    font-weight:600;
}

.noki-gen3-kfzkennzeichen__row input,
.noki-gen3-kfzkennzeichen__row select{
    padding:6px 8px;
}

.noki-gen3-kfzkennzeichen__preview{
    display:block;
}

.noki-gen3-kfzkennzeichen__canvas{
    width:580px;
    height:110px;
    border:1px dashed #ccd0d4;
    background:#f8f9fa;
}

.noki-gen3-kfzkennzeichen__actions{
    margin-top:10px;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.noki-gen3-kfzkennzeichen__btn{
    padding:6px 10px;
    cursor:pointer;
}

.noki-gen3-kfzkennzeichen__hint{
    margin-top:8px;
    color:#666;
}


.noki-gen3-kfzkennzeichen__row--wide{
    flex:1 1 100%;
    min-width:100%;
}

.noki-gen3-kfzkennzeichen__middle-modes{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
}

.noki-gen3-kfzkennzeichen__middle-modes label{
    font-weight:400;
}

.noki-gen3-kfzkennzeichen__middle-controls{
    display:none;
}

.noki-gen3-kfzkennzeichen__middle-controls.is-active{
    display:flex;
}

.noki-gen3-kfzkennzeichen__photo_status{
    padding:8px 10px;
    border:1px solid #ccd0d4;
    background:#f6f7f7;
}


@font-face{
    font-family:'NokiFEEng';
    src:url('./fonts/fe-font-eng.woff2') format('woff2');
    font-weight:400;
    font-style:normal;
    font-display:swap;
}

.noki-gen3-kfzkennzeichen__crop-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.55);z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px;}
.noki-gen3-kfzkennzeichen__crop-modal{background:#fff;border-radius:10px;max-width:980px;width:100%;box-shadow:0 12px 48px rgba(0,0,0,0.35);overflow:hidden;}
.noki-gen3-kfzkennzeichen__crop-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #e6e6e6;}
.noki-gen3-kfzkennzeichen__crop-title{font-weight:700;font-size:16px;}
.noki-gen3-kfzkennzeichen__crop-close{background:transparent;border:0;font-size:24px;line-height:24px;cursor:pointer;}
.noki-gen3-kfzkennzeichen__crop-body{padding:10px 12px;background:#f6f7f7;}
.noki-gen3-kfzkennzeichen__crop-canvas{display:block;width:100%;max-width:900px;height:auto;background:#fff;margin:0 auto;touch-action:none;cursor:grab;}
.noki-gen3-kfzkennzeichen__crop-canvas.is-dragging{cursor:grabbing;}
.noki-gen3-kfzkennzeichen__crop-tools{display:flex;align-items:center;justify-content:flex-start;padding:10px 12px 0 12px;gap:12px;}
.noki-gen3-kfzkennzeichen__crop-tool{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;}
.noki-gen3-kfzkennzeichen__crop-tool input[type="range"]{width:210px;max-width:40vw;}
.noki-gen3-kfzkennzeichen__crop-rotate-out{min-width:48px;text-align:right;}
.noki-gen3-kfzkennzeichen__crop-foot{display:flex;gap:10px;justify-content:flex-end;padding:10px 12px;border-top:1px solid #e6e6e6;}
.noki-gen3-kfzkennzeichen__photo_status.is-ok{border-color:#8bc34a;background:#f3fbe9;}
.noki-gen3-kfzkennzeichen__photo_status.is-error{border-color:#d63638;background:#fcf0f1;}

.noki-gen3-kfzkennzeichen__preset-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.noki-gen3-kfzkennzeichen__preset-actions input,
.noki-gen3-kfzkennzeichen__preset-actions select{min-width:220px;max-width:320px;}
.noki-gen3-kfzkennzeichen__preset_status{margin-top:6px;padding:8px 10px;border:1px solid #ccd0d4;background:#f6f7f7;min-height:18px;}
.noki-gen3-kfzkennzeichen__preset_status.is-ok{border-color:#8bc34a;background:#f3fbe9;}
.noki-gen3-kfzkennzeichen__preset_status.is-error{border-color:#d63638;background:#fcf0f1;}

.noki-gen3-kfzkennzeichen__row textarea{padding:6px 8px;min-height:74px;resize:vertical;}
.noki-gen3-kfzkennzeichen__ortsschild-controls{display:none;}
.noki-gen3-kfzkennzeichen__ortsschild-controls.is-active{display:flex;}
.noki-gen3-kfzkennzeichen__ortsschild_hint{padding:10px 12px;border:1px solid #dcdc6b;background:#fff9d6;line-height:1.5;}

.noki-gen3-kfzkennzeichen__ortsschild_rotation_wrap{display:flex;flex-wrap:wrap;align-items:center;gap:8px;}
.noki-gen3-kfzkennzeichen__ortsschild_rotation_btn{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 14px;border:1px solid #1f2328;background:#ffffff;color:#111111;border-radius:6px;cursor:pointer;font-size:14px;font-weight:700;line-height:1.2;text-decoration:none;box-shadow:0 1px 2px rgba(0,0,0,0.08);transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .05s ease;}
.noki-gen3-kfzkennzeichen__ortsschild_rotation_btn:hover{background:#dfe3e8;border-color:#111111;color:#111111;}
.noki-gen3-kfzkennzeichen__ortsschild_rotation_btn:focus,.noki-gen3-kfzkennzeichen__ortsschild_rotation_btn:focus-visible{background:#eef4ff;border-color:#005fcc;color:#111111;outline:2px solid #005fcc;outline-offset:2px;box-shadow:0 0 0 2px rgba(0,95,204,0.18);}
.noki-gen3-kfzkennzeichen__ortsschild_rotation_btn:active{background:#cfd6de;border-color:#111111;color:#111111;transform:translateY(1px);}
.noki-gen3-kfzkennzeichen__ortsschild_rotation_btn--reset{font-weight:700;}
.noki-gen3-kfzkennzeichen__ortsschild_rotation_value{display:inline-flex;align-items:center;min-width:72px;font-weight:700;color:#111111;}
.noki-gen3-kfzkennzeichen__ortsschild_gap_wrap{display:flex;flex-direction:column;gap:6px;min-width:260px;width:100%;max-width:360px;}
.noki-gen3-kfzkennzeichen__ortsschild_gap_wrap input[type="range"]{width:100%;}
.noki-gen3-kfzkennzeichen__ortsschild_gap_hint{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#444444;}
.noki-gen3-kfzkennzeichen__ortsschild_gap_label{font-size:14px;color:#111111;}

.noki-gen3-kfzkennzeichen__schild-style-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;align-items:start;}
.noki-gen3-kfzkennzeichen__schild-style-card{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid #d9dee3;border-radius:8px;background:#fafbfc;}
.noki-gen3-kfzkennzeichen__schild-style-card > strong{display:block;margin-bottom:2px;color:#111111;}
.noki-gen3-kfzkennzeichen__schild-style-card label{display:flex;flex-direction:column;gap:4px;font-weight:600;color:#111111;}
.noki-gen3-kfzkennzeichen__schild-flag-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px;}
.noki-gen3-kfzkennzeichen__schild-flag-grid label{display:flex;align-items:center;gap:6px;font-weight:500;}

.noki-gen3-kfzkennzeichen__schild_image_status{margin-top:8px;}