:root {
    --wpts-bg: #0b1020;
    --wpts-card-bg: rgba(255,255,255,0.03);
    --wpts-accent: #ffd400;   /* accent color (yellow) */
    --wpts-text: #e6e6e6;
    --wpts-border: rgba(255,212,64,0.2);
}

.wpts-form-wrap, .wpts-admin-wrap, .wpts-history {
    background: var(--wpts-card-bg);
    padding: 18px;
    border-radius: 12px;
    color: var(--wpts-text);
    box-shadow: 0 6px 18px rgba(0,0,0,0.4);
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

/* simple form styles */
.wpts-form-wrap label { display: block; margin-bottom: 10px; font-weight: 600; color: var(--wpts-accent); }
.wpts-form-wrap input[type="text"], .wpts-form-wrap input[type="url"], .wpts-form-wrap textarea, .wpts-form-wrap select {
    width: 100%; padding: 8px 10px; border-radius: 8px; border: 1px solid var(--wpts-border); background: transparent; color: var(--wpts-text);
}
.wpts-form-wrap button { background: var(--wpts-accent); color: #0b1020; padding: 8px 14px; border-radius: 8px; border: none; cursor: pointer; font-weight: 700; }

/* table */
.wpts-table { width:100%; border-collapse: collapse; margin-top: 12px; color: var(--wpts-text); }
.wpts-table th, .wpts-table td { padding: 8px 10px; border-bottom: 1px solid rgba(255,255,255,0.04); text-align: left; vertical-align: top; }
.wpts-table thead th { color: var(--wpts-accent); }

/* admin buttons */
.wpts-action { margin-right:6px; padding:6px 8px; border-radius:6px; background:rgba(255,255,255,0.04); color:var(--wpts-text); border:1px solid var(--wpts-border); cursor:pointer; }

/* success/error */
.wpts-success { color: #b7ffb7; font-weight:700; margin-top:10px; }
.wpts-error { color: #ffb7b7; font-weight:700; margin-top:10px; }

/* responsive */
@media (max-width:600px){
    .wpts-table, .wpts-form-wrap { font-size: 14px; }

/* Ticket cards (user history) */
.wpts-ticket-list {
    display: grid;
    gap: 16px;
    margin-top: 15px;
}
.wpts-ticket-card {
    background: var(--wpts-card-bg);
    border: 1px solid var(--wpts-border);
    border-radius: 12px;
    padding: 14px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}
.wpts-ticket-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    color: var(--wpts-accent);
}
.wpts-ticket-body p { margin: 6px 0; }
.wpts-status {
    padding: 2px 8px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: bold;
    text-transform: capitalize;
}
.wpts-status.open { background: rgba(255,255,255,0.1); color: #ffd400; }
.wpts-status.accepted { background: rgba(0,255,0,0.1); color: #90ee90; }
.wpts-status.rejected { background: rgba(255,0,0,0.1); color: #ff8080; }
.wpts-status.solved { background: rgba(0,200,255,0.1); color: #00d4ff; }

}