/* Deskqo panel teması: tanıtım sitesiyle aynı yazı tipi, renk geçişi, yumuşak köşe ve gölgeler.
   Görünümler Tailwind sınıflarıyla yazılır; bu katman ortak ayrıntıları tek yerden düzenler.
   Tailwind CDN stillerini sonradan eklediği için seçiciler "html body" ile güçlendirilir. */
:root{--dq-red:#EF443B;--dq-red-d:#D7362E;--dq-orange:#FF7A45;--dq-grad:linear-gradient(120deg,#EF443B 0%,#F65A3D 45%,#FF7A45 100%);--dq-ink:#0E1525;--dq-navy:#0B1220;--dq-line:#E7E9F0}
html body,html body button,html body input,html body select,html body textarea{font-family:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
html body{-webkit-font-smoothing:antialiased;color:#1E2636}
html body .font-mono,html body .font-mono *{font-family:"JetBrains Mono",Consolas,ui-monospace,monospace}
::selection{background:#FFE1DA}

/* Başlıklar: ince yazı yerine sıkı ve kalın */
html body h1.font-light,html body h2.font-light{font-weight:800;letter-spacing:-.025em;color:var(--dq-ink)}
html body h1,html body h2{letter-spacing:-.015em}
html body div.font-light.text-3xl,html body div.font-light.text-2xl,html body div.font-light.text-4xl{font-weight:800;letter-spacing:-.025em;color:var(--dq-ink)}

/* Köşeler */
html body .rounded{border-radius:10px}
html body .rounded-sm{border-radius:6px}

/* Kartlar: beyaz + kenarlıklı kutulara hafif gölge */
html body .bg-white.border.rounded,html body .bg-white.border.rounded-xl,html body .bg-white.border.rounded-2xl{border-color:var(--dq-line);box-shadow:0 1px 2px rgba(14,21,37,.04),0 4px 14px -6px rgba(14,21,37,.06)}
html body .bg-white.border.rounded.p-5{border-radius:14px}

/* Ana düğmeler ve vurgular: kırmızı → turuncu geçiş */
html body [class*="bg-[#EF443B]"]{background-image:var(--dq-grad)}
html body button[class*="bg-[#EF443B]"],html body a[class*="bg-[#EF443B]"],html body input[class*="bg-[#EF443B]"]{box-shadow:0 8px 18px -8px rgba(239,68,59,.6);transition:transform .15s,box-shadow .15s,filter .15s}
html body button[class*="bg-[#EF443B]"]:hover,html body a[class*="bg-[#EF443B]"]:hover{filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 12px 24px -10px rgba(239,68,59,.65)}
html body button:disabled[class*="bg-[#EF443B]"]{transform:none;filter:grayscale(.3);opacity:.7}

/* Form alanları */
html body input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]),html body select,html body textarea{border-color:#DCDFE7}
html body input:focus,html body select:focus,html body textarea:focus{border-color:var(--dq-red)!important;box-shadow:0 0 0 4px rgba(239,68,59,.12)!important;outline:none}
html body input[type=checkbox],html body input[type=radio]{accent-color:var(--dq-red)}

/* Tablolar */
html body table thead tr{color:#6B7385}
html body table th{font-weight:700;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase}
html body tbody tr{transition:background .12s}
html body tbody tr:hover{background:#FAFAFC}

/* Kaydırma çubuğu */
html body ::-webkit-scrollbar{width:10px;height:10px}
html body ::-webkit-scrollbar-thumb{background:#D5D9E2;border-radius:10px;border:2px solid transparent;background-clip:padding-box}
html body ::-webkit-scrollbar-thumb:hover{background:#B9BFCC;background-clip:padding-box}

/* Yönetim kenar menüsü (koyu); eski açık tema katmanı ezmesin diye kimlikle */
html body #dqside{background:var(--dq-navy)!important;border-color:#1A2337!important}
html body #dqside .dq-side-brand{color:#fff!important;border-color:#1A2337!important}
html body #dqside .dq-side-group{color:#5D6880!important}
html body #dqside .dq-side-link{color:#A7B0C2!important}
html body #dqside .dq-side-link:hover{color:#fff!important;background:rgba(255,255,255,.05)!important}
html body #dqside .dq-side-link.on{color:#fff!important;background:rgba(255,255,255,.08)!important}
html body #dqside .dq-side-link.on svg{color:#FF7A45!important}
html body #dqside .dq-side-foot{border-color:#1A2337!important;color:#7C879D!important}
html body #dqside .dq-side-foot a{color:#A7B0C2!important}
html body #dqside .dq-side-foot a:hover{color:#fff!important}

/* Müşteri paneli menüsü */
html body .dq-nav a.on{background:var(--dq-grad);color:#fff;box-shadow:0 8px 18px -10px rgba(239,68,59,.7)}
html body .dq-nav a.on svg{color:#fff}

/* Giriş/kayıt sol alanı */
.dq-auth-art{position:relative;overflow:hidden;background:radial-gradient(600px 380px at 85% 10%,rgba(255,122,69,.35),transparent 70%),radial-gradient(520px 360px at 10% 100%,rgba(239,68,59,.28),transparent 70%),#0B1220}
.dq-auth-art:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse at 60% 40%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse at 60% 40%,#000 20%,transparent 75%);pointer-events:none}
.dq-auth-art > *{position:relative}
.dq-auth-art img.dq-art{filter:drop-shadow(0 30px 40px rgba(0,0,0,.45))}
.dq-grad-text{background:var(--dq-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
html body input.dq-alias:focus{box-shadow:none!important;border-color:transparent!important}

/* Görselli karşılama alanı (özet, indirmeler) */
.dq-hero-card{background:radial-gradient(520px 320px at 90% 10%,rgba(255,122,69,.38),transparent 70%),radial-gradient(480px 300px at 0% 100%,rgba(239,68,59,.30),transparent 70%),#0B1220;box-shadow:0 24px 50px -28px rgba(14,21,37,.55)}
.dq-hero-card:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(ellipse at 70% 40%,#000 15%,transparent 70%);mask-image:radial-gradient(ellipse at 70% 40%,#000 15%,transparent 70%);pointer-events:none}
/* Mevcut paket: geçişli çerçeve */
html body .dq-plan-cur{border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--dq-grad) border-box}
/* Kart başlıkları biraz daha belirgin */
html body section h2.font-bold.text-sm{font-size:.95rem;font-weight:800;color:var(--dq-ink);letter-spacing:-.01em}
html body h2.font-light.text-lg{font-size:1.25rem}
html body div.font-light.text-xl,html body div.font-light.text-lg{font-weight:800;letter-spacing:-.02em;color:var(--dq-ink)}
html body input[type=file]{font-size:.8rem;color:#6B7385}
html body input[type=file]::file-selector-button{margin-right:10px;padding:7px 14px;border-radius:10px;border:1px solid var(--dq-line);background:#fff;color:var(--dq-ink);font:600 .8rem "Plus Jakarta Sans",system-ui,sans-serif;cursor:pointer;transition:border-color .15s,color .15s}
html body input[type=file]::file-selector-button:hover{border-color:var(--dq-red);color:var(--dq-red)}
