/* ============================================================
   条形码生成器 —— 页面私有样式（/devtools/barcode-generator）
   通用结构复用 devtools.css，颜色只用 --c-* 变量，自动适配黑夜模式
   ============================================================ */

[hidden] { display: none; }

/* 参数栅格：桌面 2 列，窄屏 1 列 */
.bc-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.bc-field {
    margin-top: 14px;
}

/* 颜色选择器压低高度 */
.bc-color {
    height: 40px;
    padding: 3px;
}

/* 批量输入框 */
.bc-batch {
    min-height: 96px;
}

.bc-result {
    margin-top: 16px;
}

/* 单个条码结果卡片 */
.bc-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 14px;
    border: 1px solid var(--c-border);
    border-radius: 12px;
    background: var(--c-bg-soft);
}

.bc-label {
    font-size: 13px;
    color: var(--c-text-sub);
    word-break: break-all;
    text-align: center;
}

.bc-label b {
    color: var(--c-text);
}

/* 条码图片统一白底，保证任何主题下都可扫描 */
.bc-img {
    max-width: 100%;
    background: #fff;
    padding: 8px;
    border-radius: 6px;
}

.bc-item-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: center;
}

/* 生成中提示 */
.bc-loading {
    padding: 12px;
    color: var(--c-text-muted);
    font-size: 13.5px;
}