.pop-edit-gear {
            position: absolute;
            top: -2px;
            right: -2px;
            width: 26px;
            height: 26px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: rgba(96, 165, 250, .15);
            border: 1px solid rgba(96, 165, 250, .35);
            border-radius: 6px;
            color: #60a5fa;
            cursor: pointer;
            transition: .15s;
            z-index: 5;
        }

        .pop-edit-gear:hover {
            background: rgba(96, 165, 250, .35);
            color: #fff;
            transform: rotate(45deg);
        }

        .ce-overlay {
            position: fixed;
            inset: 0;
            background: rgba(2, 6, 23, .72);
            backdrop-filter: blur(3px);
            z-index: 12000;
            display: none;
            align-items: center;
            justify-content: center;
            padding: 14px;
        }

        .ce-overlay.show {
            display: flex;
        }

        .ce-modal {
            width: 100%;
            max-width: 460px;
            max-height: 92vh;
            overflow-y: auto;
            background: linear-gradient(160deg, #0f213d, #0b1626);
            border: 1px solid rgba(96, 165, 250, .3);
            border-radius: 14px;
            box-shadow: 0 20px 60px rgba(0, 0, 0, .6);
            font-family: 'Quicksand', sans-serif;
            color: #e2e8f0;
        }

        .ce-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 13px 16px;
            border-bottom: 1px solid rgba(96, 165, 250, .18);
            position: sticky;
            top: 0;
            background: #0f213d;
            border-radius: 14px 14px 0 0;
            z-index: 2;
        }

        .ce-title {
            font-size: 14.5px;
            font-weight: 800;
            color: #93c5fd;
        }

        .ce-close {
            width: 28px;
            height: 28px;
            border: none;
            border-radius: 7px;
            background: rgba(255, 255, 255, .07);
            color: #94a3b8;
            font-size: 15px;
            cursor: pointer;
        }

        .ce-close:hover {
            background: rgba(255, 77, 77, .2);
            color: #ff4d4d;
        }

        .ce-body {
            padding: 14px 16px 16px;
        }

        .ce-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 9px 10px;
        }

        .ce-field {
            display: flex;
            flex-direction: column;
            gap: 3px;
        }

        .ce-field.full {
            grid-column: 1/-1;
        }

        .ce-field label {
            font-size: 10.5px;
            font-weight: 700;
            color: #94a3b8;
            text-transform: uppercase;
            letter-spacing: .4px;
        }

        .ce-field input,
        .ce-field select {
            background: rgba(15, 23, 42, .75);
            border: 1px solid rgba(96, 165, 250, .22);
            border-radius: 8px;
            padding: 8px 10px;
            font-size: 13px;
            font-family: inherit;
            font-weight: 600;
            color: #f1f5f9;
            outline: none;
            transition: .15s;
            width: 100%;
        }

        .ce-field input:focus {
            border-color: #60a5fa;
            box-shadow: 0 0 0 2px rgba(96, 165, 250, .18);
        }

        .ce-field input[readonly] {
            opacity: .55;
            cursor: not-allowed;
        }

        .ce-actions {
            display: flex;
            gap: 9px;
            margin-top: 14px;
        }

        .ce-btn {
            flex: 1;
            padding: 10px;
            border: none;
            border-radius: 9px;
            font-family: inherit;
            font-size: 13px;
            font-weight: 800;
            cursor: pointer;
            transition: .15s;
        }

        .ce-btn.primary {
            background: linear-gradient(135deg, #2563eb, #3b82f6);
            color: #fff;
        }

        .ce-btn.primary:hover {
            filter: brightness(1.15);
        }

        .ce-btn.primary:disabled {
            opacity: .5;
            cursor: wait;
        }

        .ce-btn.ghost {
            background: rgba(255, 255, 255, .07);
            color: #cbd5e1;
        }

        .ce-btn.ghost:hover {
            background: rgba(255, 255, 255, .13);
        }

        .ce-coord-row {
            display: flex;
            gap: 8px;
            align-items: flex-end;
        }

        .ce-coord-row .ce-field {
            flex: 1;
        }

        .ce-pick-btn {
            padding: 8px 11px;
            border: 1px solid rgba(41, 214, 125, .4);
            border-radius: 8px;
            background: rgba(41, 214, 125, .12);
            color: #29d67d;
            font-family: inherit;
            font-size: 12px;
            font-weight: 700;
            cursor: pointer;
            white-space: nowrap;
        }

        .ce-pick-btn:hover {
            background: rgba(41, 214, 125, .25);
        }

        .ce-user-line {
            font-size: 11.5px;
            color: #94a3b8;
            margin-top: 10px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .ce-logout {
            background: none;
            border: none;
            color: #fb923c;
            font-family: inherit;
            font-size: 11.5px;
            font-weight: 700;
            cursor: pointer;
            text-decoration: underline;
        }

        .ce-err {
            display: none;
            margin-top: 9px;
            padding: 8px 10px;
            border-radius: 8px;
            background: rgba(255, 77, 77, .12);
            border: 1px solid rgba(255, 77, 77, .3);
            color: #ff8a8a;
            font-size: 12px;
            font-weight: 600;
        }

        .ce-err.show {
            display: block;
        }

        .ce-toast {
            position: fixed;
            left: 50%;
            bottom: 26px;
            transform: translateX(-50%) translateY(20px);
            background: #0f213d;
            border: 1px solid rgba(41, 214, 125, .5);
            color: #29d67d;
            padding: 10px 18px;
            border-radius: 10px;
            font-family: 'Quicksand', sans-serif;
            font-size: 13px;
            font-weight: 700;
            z-index: 13000;
            opacity: 0;
            pointer-events: none;
            transition: .25s;
            box-shadow: 0 8px 30px rgba(0, 0, 0, .5);
        }

        .ce-toast.show {
            opacity: 1;
            transform: translateX(-50%) translateY(0);
        }

        .ce-toast.err {
            border-color: rgba(255, 77, 77, .5);
            color: #ff8a8a;
        }

        .ce-picking-banner {
            position: fixed;
            top: 14px;
            left: 50%;
            transform: translateX(-50%);
            z-index: 12500;
            background: #0f213d;
            border: 1px solid rgba(41, 214, 125, .5);
            color: #29d67d;
            padding: 9px 16px;
            border-radius: 10px;
            font-family: 'Quicksand', sans-serif;
            font-size: 13px;
            font-weight: 700;
            display: none;
            box-shadow: 0 8px 30px rgba(0, 0, 0, .5);
        }

        .ce-picking-banner button {
            margin-left: 10px;
            background: rgba(255, 77, 77, .15);
            border: 1px solid rgba(255, 77, 77, .35);
            color: #ff8a8a;
            border-radius: 6px;
            padding: 3px 9px;
            font-family: inherit;
            font-size: 11.5px;
            font-weight: 700;
            cursor: pointer;
        }

        @media (max-width: 520px) {
            .ce-grid {
                grid-template-columns: 1fr;
            }
        }