/* Bosla Q&T Tools CSS - v3.0 - Unique Green U branding #00C853 */
:root{ --bqt-primary:#00C853; --bqt-secondary:#00B248; --bqt-bg:#f8fafc; }
.bosla-tools-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:20px; margin:20px 0; }
.bosla-tool-card{ background:#fff; border-radius:16px; padding:20px; border:1px solid #e2e8f0; border-top:4px solid var(--bqt-primary); box-shadow:0 4px 12px rgba(0,0,0,0.04); transition:all .2s; direction:rtl; font-family:'Cairo',sans-serif; }
.bosla-tool-card:hover{ transform:translateY(-4px); box-shadow:0 12px 24px rgba(0,200,83,0.12); border-color:var(--bqt-primary); }
.btc-icon{ font-size:36px; margin-bottom:10px; }
.btc-cat{ font-size:10px; background:#f0fdf4; color:var(--bqt-primary); padding:3px 8px; border-radius:12px; font-weight:700; }
.btc-title{ font-size:16px; margin:8px 0 6px; font-weight:700; color:#1e293b; line-height:1.4; }
.btc-desc{ font-size:12px; color:#64748b; line-height:1.6; min-height:38px; }
.btc-actions{ display:flex; gap:8px; margin-top:12px; }
.btc-btn{ background:linear-gradient(135deg,var(--bqt-primary),var(--bqt-secondary)); color:#fff; padding:8px 14px; border-radius:8px; text-decoration:none; font-size:12px; font-weight:700; display:inline-block; border:none; cursor:pointer; }
.btc-btn:hover{ opacity:.9; color:#fff; }
.btc-btn-share{ background:#f1f5f9; color:#475569; padding:8px 12px; border-radius:8px; border:none; cursor:pointer; font-size:11px; }
.btc-brand{ font-size:10px; color:#94a3b8; margin-top:10px; text-align:center; }

/* Single tool */
.bosla-tool-single{ background:#fff; border-radius:16px; padding:24px; border:1px solid #e2e8f0; box-shadow:0 4px 16px rgba(0,0,0,0.05); direction:rtl; font-family:'Cairo',sans-serif; max-width:800px; margin:0 auto; }
.bts-header{ display:flex; gap:16px; align-items:flex-start; border-bottom:2px solid #f1f5f9; padding-bottom:16px; margin-bottom:20px; }
.bts-icon{ font-size:48px; background:var(--bqt-primary, #00C853)15; width:72px; height:72px; display:flex; align-items:center; justify-content:center; border-radius:16px; }
.bts-cat{ background:#f0fdf4; color:var(--bqt-primary); padding:4px 10px; border-radius:12px; font-size:11px; font-weight:700; }
.bts-title{ margin:6px 0; font-size:22px; font-weight:800; color:#0f172a; }
.bts-desc{ color:#64748b; font-size:13px; margin:0; }
.bqt-form{ display:flex; flex-direction:column; gap:12px; }
.bqt-form label{ font-size:13px; font-weight:600; color:#334155; display:flex; flex-direction:column; gap:6px; }
.bqt-form input, .bqt-form select, .bqt-form textarea{ padding:10px 12px; border:1px solid #e2e8f0; border-radius:8px; font-family:'Cairo',sans-serif; font-size:13px; }
.bqt-form input:focus, .bqt-form select:focus, .bqt-form textarea:focus{ outline:none; border-color:var(--bqt-primary); box-shadow:0 0 0 3px rgba(0,200,83,0.1); }
.bqt-row{ display:flex; gap:8px; flex-wrap:wrap; }
.bqt-btn{ background:linear-gradient(135deg,var(--bqt-primary,#00C853),var(--bqt-secondary,#00B248)); color:#fff; padding:10px 18px; border-radius:10px; border:none; cursor:pointer; font-weight:700; font-family:'Cairo'; font-size:13px; }
.bqt-btn.secondary{ background:#f1f5f9; color:#475569; }
.bqt-btn:hover{ opacity:.9; transform:translateY(-1px); }
.bqt-result-card{ background:linear-gradient(135deg,#f0fdf4,#ecfdf5); border:1px solid #bbf7d0; border-radius:12px; padding:16px; margin-top:12px; }
.bqt-result-card h2{ margin:0 0 8px; color:#065f46; }
.bqt-result-card h3{ margin:0 0 6px; }
.bqt-list{ display:flex; flex-direction:column; gap:6px; }
.bqt-gpa-row{ display:flex; justify-content:space-between; align-items:center; background:#f8fafc; padding:8px 10px; border-radius:8px; font-size:12px; }
.bqt-gpa-row button{ background:#fee2e2; color:#dc2626; border:none; border-radius:6px; width:24px; height:24px; cursor:pointer; }
.bqt-bmi-bar{ height:8px; background:#e2e8f0; border-radius:4px; margin-top:10px; overflow:hidden; }
.bqt-bmi-fill{ height:100%; border-radius:4px; transition:width .5s; }
.bqt-sleep-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:10px; margin-top:12px; }
.bqt-sleep-card{ background:#fff; border:1px solid #e2e8f0; border-radius:10px; padding:10px; text-align:center; }
.bqt-sleep-card b{ display:block; font-size:12px; color:#334155; }
.bqt-sleep-card span{ font-size:18px; font-weight:800; color:var(--bqt-primary); display:block; margin:4px 0; }
.bqt-table{ width:100%; border-collapse:collapse; margin-top:10px; font-size:12px; }
.bqt-table th, .bqt-table td{ border:1px solid #e2e8f0; padding:6px 8px; text-align:center; }
.bqt-table th{ background:#f8fafc; }
.bts-footer{ margin-top:20px; padding-top:12px; border-top:1px dashed #e2e8f0; text-align:center; font-size:11px; color:#94a3b8; }

/* Filters */
.bta-filters{ display:flex; gap:8px; flex-wrap:wrap; justify-content:center; margin:20px 0; }
.bta-filters .bqt-btn.active{ background:var(--bqt-primary); color:#fff; }