/* =========================================================
   Plugin Name: Limit Daily Comments by JetBuilder
   Admin Dashboard & Settings CSS
   ========================================================= */

/* --- Settings Page Shield UI --- */
.jetbuilder-wrap { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; max-width: 760px; margin-top: 20px;}
.jb-header { display: flex; align-items: center; margin-bottom: 24px; }
.jb-header h1 { font-size: 1.8rem; font-weight: 600; color: #1d2327; line-height: 1.2; margin:0;}
.jb-badge { background: #007cba; color: white; padding: 4px 10px; border-radius: 6px; font-size: 12px; margin-left: 12px; font-weight: 500; }
.jb-card { background: #ffffff; border: 1px solid #c3c4c7; box-shadow: 0 4px 12px rgba(0,0,0,0.04); border-radius: 10px; padding: 30px; margin-bottom: 25px;}
.jb-card p { font-size: 14px; color: #50575e; margin-bottom: 25px; line-height: 1.6;}
.jb-form-group { margin-bottom: 24px; padding-bottom: 20px; border-bottom: 1px solid #f0f0f1; }
.jb-form-group:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0;}
.jb-label { display: block; font-weight: 600; margin-bottom: 10px; font-size: 15px; color: #2c3338;}
.jb-input-wrapper { display: flex; align-items: center; }
.jb-input { padding: 8px 12px; border-radius: 6px; border: 1px solid #8c8f94; width: 140px; font-size: 16px; margin-right: 15px;}
.jb-input:focus { border-color: #2271b1; box-shadow: 0 0 0 1px #2271b1; outline: none; }
.jb-hint { color: #8c8f94; font-size: 13px; font-style: normal; }
.jb-button { background: #1d2327; color: #fff; border: none; padding: 10px 24px; border-radius: 6px; font-size: 15px; cursor: pointer; transition: 0.2s; }
.jb-button:hover { background: #2c3338; color: #fff; transform: translateY(-1px); }
.jb-footer { margin-top: 30px; text-align: center; color: #8c8f94; font-size: 13px; }

/* --- Dashboard Widget UI --- */
.jb-dash-stats-wrap { padding: 10px 0; }
.jb-dash-boxes { display: flex; gap: 15px; margin-bottom: 12px; }
.jb-dash-box { flex: 1; text-align: center; border: 1px solid #dcdde1; border-radius: 8px; padding: 20px 10px; background: #fafafa; }
.jb-dash-box-today { border-left: 4px solid #d63638; background: #fffcfc; }
.jb-dash-box-total { border-left: 4px solid #007cba; background: #f6fbfe;}
.jb-dash-num { font-size: 30px; font-weight: 600; margin-bottom: 5px; line-height: 1.1; }
.jb-dash-today-color { color: #d63638; }
.jb-dash-total-color { color: #007cba; }
.jb-dash-label { font-size: 13px; color: #646970; font-weight: 500; text-transform: uppercase; letter-spacing: 0.5px;}
.jb-dash-intro { font-size: 13px; color: #8c8f94; text-align: left;}