.dq-deds-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1.25rem; }
.dq-ded-card { background: #FFF; border: 1px solid #E5E7EB; border-radius: 14px; padding: 1.1rem; display: flex; flex-direction: column; transition: box-shadow .15s ease, transform .15s ease; }
.dq-ded-card:hover { box-shadow: 0 8px 24px rgba(0,0,0,0.06); transform: translateY(-1px); }
.dq-ded-card__header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.6rem; gap: 0.5rem; }
.dq-ded-card__status { font-size: 0.7rem; font-weight: 700; padding: 0.25rem 0.55rem; border-radius: 20px; text-transform: uppercase; letter-spacing: 0.04em; }
.dq-ded-card__status--draft { background: #FEF3C7; color: #92400E; }
.dq-ded-card__status--published { background: #D1FAE5; color: #065F46; }
.dq-ded-card__status--blocked { background: #FEE2E2; color: #991B1B; }
.dq-ded-card__status--expired { background: #F3F4F6; color: #6B7280; }
.dq-ded-card__slug { font-size: 0.72rem; color: #9CA3AF; font-family: monospace; }
.dq-ded-card__title { font-family: 'Playfair Display', serif; font-size: 1.15rem; font-weight: 700; margin: 0 0 0.4rem; line-height: 1.3; color: #1F1F1F; }
.dq-ded-card__excerpt { color: #6B7280; font-size: 0.85rem; line-height: 1.4; margin: 0 0 0.75rem; }
.dq-ded-card__stats { display: flex; gap: 0.75rem; color: #9CA3AF; font-size: 0.8rem; margin-bottom: 0.6rem; padding-bottom: 0.6rem; border-bottom: 1px dashed #E5E7EB; }
.dq-ded-card__countdown { font-size: 0.82rem; color: #059669; font-weight: 600; padding: 0.4rem 0.6rem; background: #ECFDF5; border-radius: 8px; margin-bottom: 0.6rem; text-align: center; }
.dq-ded-card__countdown--soon { color: #D97706; background: #FEF3C7; }
.dq-ded-card__countdown--expired { color: #DC2626; background: #FEE2E2; }
.dq-countdown-time { font-family: monospace; font-weight: 700; }
.dq-ded-card__locked { font-size: 0.82rem; color: #6B7280; padding: 0.4rem 0.6rem; background: #F3F4F6; border-radius: 8px; margin-bottom: 0.6rem; text-align: center; font-weight: 600; }
.dq-ded-card__actions { display: flex; gap: 0.5rem; margin-top: auto; }
.dq-ded-card__actions .btn { flex: 1; }
.user-plan-banner { display: flex; align-items: center; gap: 1rem; padding: 1rem 1.25rem; background: linear-gradient(135deg, #FFF7ED 0%, #FED7AA 100%); border: 1px solid #FB923C; border-radius: 12px; margin-bottom: 1.5rem; }
.user-plan-banner__icon { font-size: 2rem; }
.user-plan-banner__content { flex: 1; }
.user-plan-banner__content strong { display: block; color: #9A3412; }
.user-plan-banner__content p { margin: 0.2rem 0 0; color: #C2410C; font-size: 0.85rem; }
.user-empty-state { text-align: center; padding: 3rem 1rem; }
.user-empty-state__icon { font-size: 4rem; margin-bottom: 1rem; }
.user-empty-state h3 { font-family: 'Playfair Display', serif; color: #1F1F1F; }
.user-empty-state p { color: #6B7280; margin-bottom: 1.25rem; }
.user-section-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; gap: 1rem; flex-wrap: wrap; }
.user-section-header h1 { font-family: 'Playfair Display', serif; font-size: 1.9rem; font-weight: 700; margin: 0; color: #1F1F1F; }
.user-section-header__actions { display: flex; gap: 0.5rem; flex-wrap: wrap; }
.btn { display: inline-block; padding: 0.6rem 1rem; border: 1px solid #D1D5DB; background: #FFF; color: #1F1F1F; border-radius: 8px; font-family: inherit; font-weight: 600; text-decoration: none; cursor: pointer; font-size: 0.9rem; transition: all .15s ease; }
.btn:hover:not([disabled]) { border-color: #C9184A; color: #C9184A; }
.btn[disabled] { opacity: 0.5; cursor: not-allowed; }
.btn-primary { background: #C9184A; color: #FFF; border-color: #C9184A; }
.btn-primary:hover { background: #A0153F; color: #FFF; }
.btn-accent { background: #D4A24C; color: #FFF; border-color: #D4A24C; }
.btn-sm { padding: 0.4rem 0.75rem; font-size: 0.85rem; }
.btn-lg { padding: 0.85rem 1.5rem; font-size: 1rem; }
.btn-locked { background: #F3F4F6; color: #6B7280; border-color: #D1D5DB; cursor: help; }
.btn-locked:hover { background: #FEF3C7; color: #92400E; border-color: #FCD34D; }

/* Sprint 36 F3: Tabs + Forms */
.dq-tabs { display: flex; gap: 0.5rem; border-bottom: 2px solid #E5E7EB; margin-bottom: 1.5rem; }
.dq-tab { padding: 0.75rem 1.25rem; background: none; border: none; border-bottom: 3px solid transparent; cursor: pointer; font-family: inherit; font-weight: 600; color: #6B7280; font-size: 0.95rem; margin-bottom: -2px; transition: all .15s ease; }
.dq-tab:hover { color: #C9184A; }
.dq-tab--active { color: #C9184A; border-bottom-color: #C9184A; }
.dq-tab-panel { display: none; }
.dq-tab-panel--active { display: block; }
.dq-section-intro { color: #6B7280; margin: 0 0 1.5rem; font-size: 0.92rem; }
.dq-form { background: #FFF; border: 1px solid #E5E7EB; border-radius: 14px; padding: 1.5rem; max-width: 720px; }
.dq-field { margin-bottom: 1.1rem; }
.dq-field label { display: block; font-weight: 600; color: #1F1F1F; margin-bottom: 0.4rem; font-size: 0.9rem; }
.dq-field input[type=text], .dq-field input[type=url], .dq-field input[type=email], .dq-field input[type=file], .dq-field select, .dq-field textarea { width: 100%; padding: 0.65rem 0.85rem; border: 1px solid #D1D5DB; border-radius: 8px; font-family: inherit; font-size: 0.95rem; background: #FFF; }
.dq-field input:focus, .dq-field select:focus, .dq-field textarea:focus { outline: 2px solid rgba(201,24,74,0.18); border-color: #C9184A; }
.dq-field small { display: block; color: #9CA3AF; font-size: 0.78rem; margin-top: 0.3rem; }
.dq-field-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
@media (max-width: 640px) { .dq-field-grid { grid-template-columns: 1fr; } }
.dq-field-checkbox { display: flex; align-items: center; gap: 0.6rem; margin-bottom: 1.2rem; }
.dq-field-checkbox label { margin: 0; font-weight: 500; color: #374151; }
.dq-input-prefix { display: flex; }
.dq-input-prefix__addon { padding: 0.65rem 0.75rem; background: #F3F4F6; border: 1px solid #D1D5DB; border-right: none; border-radius: 8px 0 0 8px; color: #6B7280; font-size: 0.85rem; white-space: nowrap; }
.dq-input-prefix input { border-radius: 0 8px 8px 0 !important; }
.dq-avatar-preview { margin-bottom: 0.5rem; }
.dq-avatar-preview img { width: 80px; height: 80px; border-radius: 50%; object-fit: cover; border: 2px solid #E5E7EB; }

.dq-ded-card__delete { background: transparent; color: #DC2626; border-color: #FCA5A5; padding: 0.4rem 0.6rem; }
.dq-ded-card__delete:hover { background: #FEE2E2; color: #991B1B; border-color: #DC2626; }