/*
 * PICUI UI 补丁层
 * ------------------------------------------------------------------
 * public/css/app.css 是 2024-04 用 Tailwind 3.1.7 预构建的静态产物，
 * 之后模板里新写的工具类不会被自动生成，导致「类名在、样式不在」。
 * 这里只补缺失的定义，不覆盖已有样式；顺序上必须排在 app.css 之后。
 *
 * 回滚方式：删除布局里的 <link> 即可，本文件本身不影响其他样式。
 * 覆盖范围：layouts/app.blade.php（前台 + 后台共用）、layouts/guest.blade.php
 */

/* ===== 1. 字号：Tailwind 没有 text-md（模板里用了 69 处） ===== */
.text-md {
    /* 原本无定义时继承 16px；取 15px 作为「中等」档，视觉变化最小 */
    font-size: 15px;
    line-height: 1.45;
}

/* ===== 2. 间距与盒模型 ===== */
.min-w-0 { min-width: 0; }
.min-h-0 { min-height: 0; }
.pb-1 { padding-bottom: .25rem; }
.gap-3 { gap: .75rem; }

/* ===== 3. 等宽字体（兑换码 / 密钥 / Token） ===== */
.font-mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
        "Liberation Mono", "Courier New", monospace;
}

/* ===== 4. 隐藏滚动条（分享代码框、横向 Tab） ===== */
.scrollbar-none {
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.scrollbar-none::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
}

/* ===== 5. 状态色（后台优惠码 / 订阅 / 订单） ===== */
.text-emerald-600 { color: #059669; }
.text-emerald-700 { color: #047857; }
.bg-emerald-100 { background-color: #d1fae5; }
.text-amber-600 { color: #d97706; }
.hover\:bg-gray-600:hover { background-color: #4b5563; }

/* ===== 6. 深色模式边框（浅色模式不受影响） ===== */
.dark .dark\:border-slate-600 { border-color: #475569; }
.dark .dark\:border-b-slate-700 { border-bottom-color: #334155; }

/* ===== 7. 超宽屏 8 列（2xl 断点在 app.css 中完全没有生成） ===== */
@media (min-width: 1536px) {
    .\32xl\:grid-cols-8 {
        grid-template-columns: repeat(8, minmax(0, 1fr));
    }
    /* 转义类在个别解析器下不稳定，用属性选择器兜底 */
    [class*="2xl:grid-cols-8"] {
        grid-template-columns: repeat(8, minmax(0, 1fr));
    }
}

/* ===== 8. 键盘焦点可见（app.css 里 0 处 focus-visible） ===== */
:focus-visible {
    outline: 2px solid #0ea5e9;
    outline-offset: 2px;
}
/* 输入控件自身已有边框高亮，避免双框 */
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
    outline: none;
}
/* 深色模式下焦点环稍微提亮 */
.dark :focus-visible {
    outline-color: #38bdf8;
}

/* ===== 9. 触摸目标：.ud-btn 原本仅 31.5px 高 ===== */
.ud-btn {
    min-height: 40px;
}
/* 表格行内的小按钮保持紧凑，避免把行高撑开 */
.ud-page table .ud-btn,
.ud-page .ud-table .ud-btn {
    min-height: 32px;
}
/* 纯图标按钮不受影响 */
.ud-btn.ud-btn-icon {
    min-height: 36px;
}