/**
 * Docker Compose Generator Tool Specific Styling
 */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',sans-serif;background:transparent;color:#0f172a;line-height:1.6}
.docker-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.06);padding:32px;max-width:800px;margin:0 auto}
.docker-title{font-size:20px;font-weight:700;margin-bottom:24px;color:#0f172a}
.docker-label{font-size:13px;font-weight:600;color:#64748b;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;justify-content:space-between}
.docker-textarea{width:100%;min-height:180px;border:1.5px solid #e2e8f0;border-radius:8px;padding:14px 16px;font-size:13px;font-family:'Courier New',monospace;resize:vertical;transition:all .2s ease;background:#fff;color:#0f172a;line-height:1.7}
.docker-textarea:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px rgba(79,70,229,.12)}
.docker-actions{display:flex;gap:10px;margin:16px 0;flex-wrap:wrap}
.docker-btn{background:#4f46e5;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;font-family:'Inter',sans-serif;cursor:pointer;transition:all .2s ease}
.docker-btn:hover{background:#4338ca}
.docker-btn.secondary{background:#f1f5f9;color:#0f172a}
.docker-btn.secondary:hover{background:#e2e8f0}
.docker-btn.copied{background:#10b981!important}
.docker-warnings{margin-bottom:16px}
.docker-warn{background:#fef3c7;border-left:3px solid #f59e0b;border-radius:4px;padding:10px 14px;font-size:13px;color:#92400e;margin-bottom:6px}
.docker-output-wrap{position:relative}
.docker-copy-btn{position:absolute;top:12px;right:12px;z-index:1}
.docker-success{background:#dcfce7;border-left:3px solid #22c55e;border-radius:4px;padding:10px 14px;font-size:13px;color:#166534;margin-bottom:12px}
[data-theme="dark"] .docker-card{background:#1e293b}
[data-theme="dark"] .docker-textarea{background:#0f172a;color:#e2e8f0;border-color:#334155}
[data-theme="dark"] .docker-textarea:focus{border-color:#818cf8}
[data-theme="dark"] .docker-warn{background:#78350f;border-color:#f59e0b;color:#fef3c7}
[data-theme="dark"] .docker-success{background:#14532d;border-color:#22c55e;color:#dcfce7}
