/* ===========================================================
   子比授权插件 - 前台样式 (frontend.css)
   =========================================================== */

.zibll-auth-user-center,
.zibll-auth-buy-box,
.zibll-auth-check-box {
    font-size: 14px;
}

.zibll-auth-record-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.zibll-auth-record-item {
    border: 1px solid #eaeaea;
    border-radius: 8px;
    padding: 12px;
    background: #fff;
}

.zibll-auth-record-item .badge {
    padding: 2px 10px;
    border-radius: 20px;
    font-size: 12px;
}

.zibll-auth-record-item .badge.c-green { background: #e6f7ee; color: #16a34a; }
.zibll-auth-record-item .badge.c-orange { background: #fff4e5; color: #f59e0b; }
.zibll-auth-record-item .badge.c-red   { background: #fdeaea; color: #ef4444; }

.zibll-auth-key {
    background: #f5f5f5;
    padding: 2px 6px;
    border-radius: 4px;
    font-family: monospace;
    word-break: break-all;
}

.zibll-auth-package-item {
    border: 1px solid #eee;
    border-radius: 6px;
    padding: 8px 12px;
    cursor: pointer;
    transition: border-color .2s;
}

.zibll-auth-package-item:hover {
    border-color: #4f7cff;
}

.zibll-auth-buy-msg,
.zibll-auth-card-msg,
.zibll-auth-promo-msg,
.zibll-auth-check-msg {
    min-height: 18px;
}

.zibll-auth-buy-box .but,
.zibll-auth-check-box .but {
    border-radius: 6px;
}

.zibll-auth-buy-box .form-control,
.zibll-auth-check-box .form-control {
    height: 36px;
}

/* 通用提示色 */
.zibll-auth-ok { color: #16a34a; }
.zibll-auth-err { color: #ef4444; }