.jpci-my-items {
            display: grid;
            gap: 8px;
            margin-top: 20px;
        }

        .jpci-header {
            display: grid;
            grid-template-columns: 70px 120px 1fr 160px 160px 120px;
            gap: 12px;
            align-items: center;
        }

        .jpci-row-main {
            display: grid;
            grid-template-columns: 70px 120px 1fr 160px 160px 120px;
            gap: 12px;
            align-items: center;
            padding: 12px 14px;
        }

        .jpci-row-main {
            cursor: pointer !important;
            transition: .2s;
        }

        .jpci-row-main:hover {
            background: #f8f8f8;
        }

        .jpci-header {
            font-weight: 700;
            color: #555;
            padding: 10px 14px;
        }

        .jpci-row {
            background: #fff;
            border: 1px solid #eee;
            border-radius: 12px;
            overflow: hidden;
        }

        .jpci-photo img {
            width: 56px;
            height: 56px;
            object-fit: cover;
            border-radius: 8px;
        }

        .jpci-row small {
            display: block;
            color: #777;
            margin-top: 3px;
        }

        .jpci-status {
            display: inline-block;
            background: #222;
            color: #fff;
            border-radius: 999px;
            padding: 5px 10px;
            font-size: 12px;
            font-weight: 600;
        }

        .jpci-product {
            font-weight: 600;
            font-size: 13px;
            line-height: 1.35;

            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .jpci-details {
            margin-top: 12px;
            background: #f8f8f8;
            padding: 16px;
            border-top: 1px solid #eee;
        }

        .jpci-details p {
            margin: 6px 0;
        }

        summary {
            cursor: pointer;
            font-weight: 600;
        }

        @media (max-width: 768px) {
            .jpci-header {
                display: none;
            }

            .jpci-row {
                grid-template-columns: 60px 1fr;
            }

            .jpci-row > div:nth-child(n+3) {
                grid-column: 1 / -1;
            }
        }

        .jpci-row details {
            width: 100%;
        }

        .jpci-row details[open] {
            display: block;
        }

        .jpci-row details summary {
            cursor: pointer;
            font-weight: 600;
            user-select: none;
        }
        .jpci-details-box {
            grid-column: 1 / -1;
        }

        .jpci-details-box[open] {
            grid-column: 1 / -1;
        }

        .jpci-details-box .jpci-details {
            margin-top: 14px;
            width: 100%;
        }

        .jpci-details-box {
            border-top: 1px solid #eee;
            padding: 0 16px 16px;
        }

        .jpci-details-box summary {
            list-style: none;
            cursor: pointer;
            font-weight: 700;
            color: #d90429;
            padding-top: 14px;
            outline: none;
        }

        .jpci-details-box summary::-webkit-details-marker {
            display: none;
        }

        .jpci-details-box summary,
        .jpci-details-box summary::before,
        .jpci-details-box summary::-webkit-details-marker {
            display: none !important;
            content: none !important;
        }

        .jpci-details {
            margin-top: 14px;
            background: #fafafa;
            border-radius: 14px;
            padding: 18px;
        }

        .jpci-my-items {
            width: 100%;
            overflow-x: auto;
        }

        .jpci-row-main,
        .jpci-header {
            grid-template-columns: 60px 100px minmax(120px, 1fr) 150px 150px;
        }

        .jpci-status {
            max-width: 150px;
            white-space: normal;
            line-height: 1.2;
            text-align: center;
        }

        .jpci-status.status-shipping-created {
            background: #7c3aed;
        }

        .jpci-detail-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 10px;
        }

        .jpci-detail-grid div {
            background: #fff;
            border: 1px solid #eee;
            border-radius: 12px;
            padding: 10px;
        }

        .jpci-detail-grid small {
            display: block;
            color: #777;
            font-size: 11px;
            margin-bottom: 4px;
        }

        .jpci-detail-grid strong {
            font-size: 13px;
        }

        .jpci-detail-text,
        .jpci-detail-notes {
            margin-top: 12px;
            background: #fff;
            border-radius: 12px;
            padding: 12px;
        }

        .jpci-detail-link {
            display: inline-block;
            margin-top: 12px;
            font-weight: 700;
            color: #d90429;
        }

        @media(max-width:768px) {
            .jpci-detail-grid {
                grid-template-columns: 1fr;
            }
        }

        .jpci-row-main input[type="checkbox"] {
            width: 16px !important;
            height: 16px !important;
            min-width: 16px !important;
            min-height: 16px !important;
            margin: 0;
        }

    
.jpci-recipient-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.jpci-recipient label{display:block}.jpci-recipient-grid input,.jpci-recipient-grid select{display:block;width:100%;min-width:0;margin-top:6px;min-height:44px}.jpci-recipient input[type=checkbox]{width:auto;margin-right:8px}@media(max-width:640px){.jpci-recipient-grid{grid-template-columns:1fr}}