/* Dhanush AI Prompt Generator — styles
   Dhanush Software Services | https://dsservices.co.in */

#daipg-app, .daipg-container {
	--daipg-primary: #6d28d9;
	--daipg-primary-light: #8b5cf6;
	--daipg-accent: #06b6d4;
	--daipg-bg: #f7f7fb;
	--daipg-card: #ffffff;
	--daipg-border: #e6e3f1;
	--daipg-text: #1f1b2e;
	--daipg-muted: #6b7280;
	--daipg-radius: 14px;
	box-sizing: border-box;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	color: var(--daipg-text);
	max-width: 1100px;
	margin: 0 auto;
}
.daipg-container *, .daipg-container *::before, .daipg-container *::after { box-sizing: border-box; }

.daipg-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	background: linear-gradient(135deg, var(--daipg-primary) 0%, var(--daipg-primary-light) 55%, var(--daipg-accent) 100%);
	border-radius: var(--daipg-radius);
	padding: 24px 28px;
	color: #fff;
	margin-bottom: 20px;
}
.daipg-header h2 { margin: 0 0 4px; font-size: 22px; display: flex; align-items: center; gap: 10px; }
.daipg-header p { margin: 0; opacity: 0.9; font-size: 14px; }
.daipg-dot { width: 10px; height: 10px; border-radius: 50%; background: #d1fae5; box-shadow: 0 0 0 4px rgba(255,255,255,0.25); display: inline-block; }
.daipg-header-badge {
	background: rgba(255,255,255,0.18);
	border: 1px solid rgba(255,255,255,0.4);
	padding: 6px 14px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.03em;
	white-space: nowrap;
}

.daipg-grid { display: grid; grid-template-columns: 1.15fr 0.85fr; gap: 20px; align-items: start; }
@media (max-width: 860px) { .daipg-grid { grid-template-columns: 1fr; } }

.daipg-card {
	background: var(--daipg-card);
	border: 1px solid var(--daipg-border);
	border-radius: var(--daipg-radius);
	padding: 22px;
	box-shadow: 0 1px 3px rgba(31,27,46,0.04), 0 8px 24px rgba(31,27,46,0.03);
}

.daipg-field { margin-bottom: 16px; }
.daipg-field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
@media (max-width: 520px) { .daipg-field-row { grid-template-columns: 1fr; } }

.daipg-container label {
	display: block;
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 6px;
	color: var(--daipg-text);
}
.daipg-container .req { color: #e11d48; }

.daipg-container textarea,
.daipg-container select,
.daipg-container input[type="text"] {
	width: 100%;
	padding: 10px 12px;
	border: 1.5px solid var(--daipg-border);
	border-radius: 10px;
	font-size: 14px;
	background: #fcfcfe;
	color: var(--daipg-text);
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
	font-family: inherit;
}
.daipg-container textarea:focus,
.daipg-container select:focus,
.daipg-container input[type="text"]:focus {
	outline: none;
	border-color: var(--daipg-primary-light);
	box-shadow: 0 0 0 3px rgba(139,92,246,0.15);
	background: #fff;
}
.daipg-container textarea { resize: vertical; line-height: 1.5; }

.daipg-chip-group, .daipg-provider-group { display: flex; flex-wrap: wrap; gap: 8px; }

.daipg-chip {
	border: 1.5px solid var(--daipg-border);
	border-radius: 999px;
	padding: 7px 14px;
	font-size: 12.5px;
	font-weight: 500;
	cursor: pointer;
	background: #fcfcfe;
	color: var(--daipg-muted);
	transition: all 0.15s ease;
}
.daipg-chip input { display: none; }
.daipg-chip:has(input:checked) {
	background: var(--daipg-primary);
	border-color: var(--daipg-primary);
	color: #fff;
}

.daipg-provider-pill {
	border: 1.5px solid var(--daipg-border);
	border-radius: 10px;
	padding: 9px 14px;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	background: #fcfcfe;
	color: var(--daipg-text);
	transition: all 0.15s ease;
}
.daipg-provider-pill input { display: none; }
.daipg-provider-pill:has(input:checked) {
	background: linear-gradient(135deg, var(--daipg-primary), var(--daipg-accent));
	border-color: transparent;
	color: #fff;
	box-shadow: 0 4px 12px rgba(109,40,217,0.25);
}

.daipg-output { position: sticky; top: 32px; }
.daipg-output-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.daipg-output-top h3 { margin: 0; font-size: 15px; }
.daipg-char-count { font-size: 12px; color: var(--daipg-muted); }

#daipg-output-box {
	width: 100%;
	min-height: 190px;
	border-radius: 12px;
	border: 1.5px solid var(--daipg-border);
	background: #14101f;
	color: #ecfdf5;
	padding: 14px;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 13px;
	line-height: 1.6;
	resize: vertical;
}

.daipg-actions { display: flex; gap: 10px; margin-top: 14px; }
.daipg-btn {
	flex: 1;
	padding: 11px 16px;
	border-radius: 10px;
	border: none;
	font-size: 13.5px;
	font-weight: 700;
	cursor: pointer;
	transition: transform 0.1s ease, box-shadow 0.15s ease, background 0.15s ease;
}
.daipg-btn-primary {
	background: linear-gradient(135deg, var(--daipg-primary), var(--daipg-accent));
	color: #fff;
	box-shadow: 0 6px 16px rgba(109,40,217,0.25);
}
.daipg-btn-primary:hover { transform: translateY(-1px); }
.daipg-btn-primary.is-copied { background: linear-gradient(135deg,#059669,#10b981); }
.daipg-btn-ghost {
	background: #fff;
	color: var(--daipg-text);
	border: 1.5px solid var(--daipg-border);
}
.daipg-btn-ghost:hover { background: var(--daipg-bg); }

.daipg-tip {
	margin-top: 14px;
	font-size: 12.5px;
	color: var(--daipg-muted);
	background: var(--daipg-bg);
	border: 1px dashed var(--daipg-border);
	border-radius: 10px;
	padding: 10px 12px;
	min-height: 20px;
}

.daipg-footer {
	text-align: center;
	font-size: 12.5px;
	color: var(--daipg-muted);
	margin-top: 22px;
	padding-top: 16px;
	border-top: 1px solid var(--daipg-border);
}
.daipg-footer a { color: var(--daipg-primary); text-decoration: none; font-weight: 600; }
.daipg-footer a:hover { text-decoration: underline; }

.daipg-admin-wrap .daipg-container { margin-top: 20px; }