.srki-pos{max-width:1100px;margin:22px auto;padding:0 14px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.srki-pos-header h2{margin:0 0 6px}
.srki-pos-sub{margin:0 0 16px;color:rgba(0,0,0,.7)}
.srki-pos-notice{border:1px solid rgba(0,0,0,.12);background:#fff;padding:14px;border-radius:12px}

.srki-pos-card{border:1px solid rgba(0,0,0,.12);background:#fff;border-radius:14px;padding:14px;margin:12px 0;box-shadow:0 6px 20px rgba(0,0,0,.06)}
.srki-pos-card h3{margin:0 0 10px;font-size:16px}

.srki-pos-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:12px}
@media (max-width:900px){.srki-pos-grid{grid-template-columns:1fr}}

.srki-pos-form label{display:block;font-size:13px;margin:10px 0 6px;color:rgba(0,0,0,.85)}
.srki-pos-form input[type=text],
.srki-pos-form input[type=number],
.srki-pos-form input[type=date],
.srki-pos-form textarea,
.srki-pos-form select{width:100%;box-sizing:border-box;border:1px solid rgba(0,0,0,.16);border-radius:10px;padding:10px 12px;font-size:14px}
.srki-pos-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:600px){.srki-pos-row{grid-template-columns:1fr}}

.srki-pos-change{margin-top:10px;border:1px dashed rgba(0,0,0,.18);border-radius:12px;padding:10px;display:grid;grid-template-columns:1fr;gap:6px}
.srki-pos-change #srki-pos-grand{font-weight:800;font-size:18px}
.srki-pos-change #srki-pos-change{color:rgba(0,0,0,.75)}

.srki-pos-check{display:flex;align-items:center;gap:8px;margin-top:10px}

.srki-pos-searchbar{display:flex;gap:10px;align-items:center}
.srki-pos-searchbar input{flex:1}
.srki-pos-results{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}
.srki-pos-result{border:1px solid rgba(0,0,0,.14);border-radius:999px;padding:8px 10px;background:#fff;cursor:pointer;font-size:13px}
.srki-pos-result:hover{background:#f6f6f6}

.srki-pos-table-wrap{overflow:auto}
.srki-pos-table{width:100%;border-collapse:collapse}
.srki-pos-table th,.srki-pos-table td{padding:10px;border-bottom:1px solid rgba(0,0,0,.08);vertical-align:top}
.srki-pos-table th{font-size:13px;text-align:left;color:rgba(0,0,0,.75)}
.srki-pos-table td input[type=text],.srki-pos-table td input[type=number]{margin:0}
.srki-pos-subtotal{font-weight:700}

.srki-pos-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:12px;flex-wrap:wrap}
.srki-pos-btn{border:1px solid rgba(0,0,0,.18);background:#fff;border-radius:12px;padding:10px 14px;cursor:pointer;font-weight:600}
.srki-pos-btn:hover{background:#f6f6f6}
.srki-pos-btn-primary{background:#111;color:#fff;border-color:#111}
.srki-pos-btn-primary:hover{background:#000}
.srki-pos-btn-secondary{background:#fff;color:#111}
.srki-pos-hint{margin:10px 0 0;color:rgba(0,0,0,.65);font-size:13px}

.srki-pos-remove{border:none;background:transparent;cursor:pointer;color:#b42318;font-weight:700}