/* OCR Frontend — Szybkie Zwroty dla WooCommerce */
.ocr-modal-overlay { display:flex; align-items:center; justify-content:center; position:fixed; inset:0; z-index:99999; padding:16px; box-sizing:border-box; background:rgba(0,0,0,.48); backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px); opacity:0; visibility:hidden; pointer-events:none; transition:opacity .22s ease,visibility .22s ease; }
.ocr-modal-overlay.is-open { opacity:1; visibility:visible; pointer-events:auto; }
.ocr-modal-inner { background:#fff; border-radius:14px; max-width:580px; width:100%; max-height:92vh; overflow:hidden; display:flex; flex-direction:column; box-shadow:0 24px 64px rgba(0,0,0,.22),0 4px 16px rgba(0,0,0,.08); transform:translateY(18px) scale(.97); transition:transform .28s cubic-bezier(.16,1,.3,1); }
.ocr-modal-overlay.is-open .ocr-modal-inner { transform:translateY(0) scale(1); }
.ocr-modal-header { background-color:var(--ocr-modal-header-bg,#1a1a1a); padding:16px 20px; display:flex; align-items:center; justify-content:space-between; gap:12px; flex-shrink:0; }
.ocr-modal-header h2 { margin:0; font-size:14px; font-weight:600; color:#fff; line-height:1.4; border:none; padding:0; }
.ocr-modal-close { background:rgba(255,255,255,.12); border:none; color:#fff; width:28px; height:28px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; font-size:18px; line-height:1; cursor:pointer; flex-shrink:0; transition:background .15s ease; padding:0; }
.ocr-modal-close:hover { background:rgba(255,255,255,.24); }
.ocr-modal-body { overflow-y:auto; flex:1; padding:20px 22px 22px; }
.ocr-items-table { width:100%; border-collapse:collapse; margin-bottom:4px; }
.ocr-items-table thead tr { border-bottom:1px solid #ebebeb; }
.ocr-items-table th { font-size:10.5px; font-weight:700; text-transform:uppercase; letter-spacing:.07em; color:#888; padding:0 12px 8px 0; text-align:left; }
.ocr-items-table th:last-child { text-align:center; padding-right:0; }
.ocr-items-table td { padding:12px 12px 12px 0; border-bottom:1px solid #f3f3f3; vertical-align:middle; }
.ocr-items-table td:last-child { padding-right:0; text-align:center; }
.ocr-items-table tbody tr:last-child td { border-bottom:none; }
.ocr-item-name { font-size:13.5px; font-weight:500; color:#111; line-height:1.35; }
.ocr-item-meta { margin-top:4px; font-size:11.5px; font-weight:400;  color:#888; line-height:1.5; }
.ocr-item-meta span:not(:last-child)::after { content:", "; color:#aaa; }
.ocr-item-price { font-size:13px; color:#444; white-space:nowrap; }
.ocr-refunded-info { display:block; margin-top:2px; color:#aaa; font-size:10.5px; font-style:italic; white-space:nowrap; }
.ocr-item-row.-refunded,.ocr-item-row.-ineligible { opacity:.42; }
.ocr-item-row .ocr-qty-input:disabled { cursor:not-allowed; background:#eee; }
.ocr-item-state-note { display:block; font-size:11.5px;  color:#888; white-space:nowrap; }
.ocr-item-row.-pending .ocr-item-state-note { margin-bottom:6px; }
.ocr-no-selectable-items { font-size:13.5px; color:#888; margin:8px 0 18px; }
.ocr-qty-input { width:58px; height:34px; padding:0 4px; border:1.5px solid #ddd; border-radius:7px; text-align:center; font-size:14px; font-weight:500; color:#111; background:#fafafa; transition:border-color .15s ease,background .15s ease; }
.ocr-qty-input:focus { outline:none; border-color:var(--ocr-submit-bg,#1a1a1a); background:#fff; box-shadow:0 0 0 3px rgba(0,0,0,.06); }
.ocr-message-field { margin:18px 0; }
.ocr-message-field label { display:block; font-size:10.5px; font-weight:700; text-transform:uppercase; letter-spacing:.07em; color:#555; margin-bottom:7px; }
.ocr-message-field label span{ color: #888; text-transform: none; padding-top: 3px; display: block; }
.ocr-message-field textarea { width:100%; box-sizing:border-box; resize:vertical; border:1.5px solid #ddd; border-radius:8px; padding:10px 12px; font-size:13.5px; color:#111; line-height:1.55; background:#fafafa; font-family:inherit; min-height:76px; transition:border-color .15s ease,background .15s ease; }
.ocr-message-field textarea:focus { outline:none; border-color:var(--ocr-submit-bg,#1a1a1a); background:#fff; box-shadow:0 0 0 3px rgba(0,0,0,.06); }
.ocr-message-field textarea::placeholder { color:#c0c0c0; }
.ocr-modal-notice { padding:11px 14px; border-radius:8px; font-size:13.5px; line-height:1.5; display:none; margin-bottom:14px; }
.ocr-modal-notice:not(:empty) { display:block; }
.ocr-modal-notice.is-success { background:#ecfdf5; color:#065f46; }
.ocr-modal-notice.is-error { background:#fef2f2; color:#991b1b; }
.ocr-modal-actions { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.ocr-submit-btn.button,.ocr-submit-btn.button:visited { background:var(--ocr-submit-bg,#1a1a1a)!important; color:var(--ocr-submit-color,#fff)!important; border:none!important; border-radius:8px!important; padding:10px 22px!important; font-size:13.5px!important; font-weight:600!important; line-height:1.4!important; height:auto!important; cursor:pointer; transition:opacity .15s ease!important; box-shadow:none!important; }
.ocr-submit-btn.button:hover:not(:disabled) { opacity:.82!important; color:var(--ocr-submit-color,#fff)!important; }
.ocr-submit-btn.button:disabled { opacity:.45!important; cursor:not-allowed!important; }
button.ocr-modal-close.button { background:transparent!important; border:1.5px solid #ddd!important; color:#555!important; border-radius:8px!important; padding:9px 18px!important; font-size:13.5px!important; font-weight:500!important; line-height:1.4!important; width:auto!important; min-width:88px; height:auto!important; white-space:nowrap; transition:border-color .15s ease,color .15s ease!important; box-shadow:none!important; }
button.ocr-modal-close.button:hover { border-color:#999!important; color:#111!important; }
a.ocr-return-btn.button,a.ocr_return.button { background-color:var(--ocr-btn-bg,#1a1a1a)!important; color:var(--ocr-btn-color,#fff)!important; border-color:var(--ocr-btn-bg,#1a1a1a)!important; border-radius:6px; transition:opacity .15s ease; }
a.ocr-return-btn.button:hover,a.ocr_return.button:hover { opacity:.82; color:var(--ocr-btn-color,#fff)!important; }
@media (max-width:480px) { .ocr-modal-inner{border-radius:10px;max-height:96vh}.ocr-modal-body{padding:16px 16px 20px}.ocr-items-table th,.ocr-items-table td{padding-right:8px}.ocr-modal-actions{flex-direction:column;align-items:stretch}.ocr-submit-btn.button,button.ocr-modal-close.button{width:100%;text-align:center!important} }
