/* ==========================================================
   Detail Tracking (theme side) — toggle + popup launcher only.
   The plugin's own admin.css handles everything inside the popup.
   ========================================================== */

.dt-box { background:#fafafa; border:1px solid #ddd; border-radius:6px; margin:16px 0; overflow:hidden; font-family:Arial,Helvetica,sans-serif; }

.dt-head { display:flex; justify-content:space-between; align-items:center; padding:11px 16px; background:#f0f0f0; border-bottom:1px solid #ddd; }
.dt-title { font-weight:bold; font-size:13.5px; color:#7a3d10; letter-spacing:0.2px; }

.dt-toggle { width:36px; height:19px; background:#ccc; border-radius:99px; position:relative; display:inline-block; cursor:pointer; transition:background .15s; }
.dt-toggle.on { background:#d9601f; }
.dt-toggle .dt-knob { width:14px; height:14px; background:#fff; border-radius:50%; position:absolute; top:2.5px; left:2.5px; box-shadow:0 1px 2px rgba(0,0,0,0.25); transition:left .15s; }
.dt-toggle.on .dt-knob { left:19px; }

/* Non-admins see the current state but can't interact with it */
.dt-toggle-locked { cursor:not-allowed; opacity:0.55; }
.dt-toggle-locked:hover { opacity:0.55; }

.dt-off-msg { padding:12px 16px; font-size:11.5px; color:#888; }

.dt-on-body { padding:14px 16px; display:flex; align-items:center; justify-content:space-between; gap:16px; background:#fff7ef; }
.dt-on-msg { font-size:12px; color:#7a3d10; margin:0; flex:1; }

.dt-btn-cta { background:#d9601f; color:#fff; border:none; padding:9px 18px; font-size:12.5px; font-weight:bold; border-radius:4px; cursor:pointer; white-space:nowrap; }
.dt-btn-cta:hover { background:#c0521a; }

/* ---- Popup ---- */
.dt-popup-overlay {
	position:fixed; inset:0; background:rgba(20,20,20,0.55);
	display:flex; align-items:center; justify-content:center;
	z-index:99999; padding:24px;
}
.dt-popup-box {
	background:#fff; border-radius:8px; width:1100px; max-width:100%;
	height:85vh; display:flex; flex-direction:column; overflow:hidden;
	box-shadow:0 20px 60px rgba(0,0,0,0.3);
}
.dt-popup-head {
	background:#d9601f; color:#fff; padding:12px 18px;
	display:flex; justify-content:space-between; align-items:center;
	font-weight:bold; font-size:14px; flex-shrink:0;
}
.dt-popup-close { cursor:pointer; font-size:20px; line-height:1; }
.dt-popup-iframe { flex:1; border:none; width:100%; }

/* ---- Per-user totals on the Task Log report ---- */
.task_log_totals {
	background:#fdeee2; border:1px solid #e8c9a0; border-radius:5px;
	padding:10px 14px; margin-bottom:14px; font-size:13px; color:#7a3d10;
}

/* ---- "Time (hours)" field after a Detail Tracking sync ---- */
#task_log_time.dt-synced-field {
	background:#fdeee2 !important;
	color:#7a3d10;
	font-weight:bold;
	cursor:not-allowed;
}