/* ========================================================== AMERCE ADMIN RESKIN Satici (seller), Admin (site_settings), Influencer, BeDelivery ve Magaza/Uye kayit sayfalari icin "tutarli reskin" katmani. ONEMLI: Bu sayfalarin HTML YAPISI (Bootstrap tablo/form/kart iskeleti, form alan adlari, JS islevleri) HIC DEGISTIRILMEDI - sadece renk paleti/font/buton/kart gorunumu amerce temasinin token'lariyla (bkz. static/amerce/css/styles.css :root) uyumlu hale getirildi. Bu dosya SADECE body.amerce-admin-panel altinda calisir (amerce/base.html: etiketine bu sinif, istek yolu /seller/, /site-settings/, /influencer/, /bedelivery-integration/, /register-seller/, /register-influencer/ ile basladiginda eklenir) - magaza/alisveris sayfalarinin kendi ozel amerce tasarimini ETKILEMEZ. ========================================================== */ body.amerce-admin-panel { font-family: "DM Sans", sans-serif; background: #F7F7F7; color: #101010; } body.amerce-admin-panel h1, body.amerce-admin-panel h2, body.amerce-admin-panel h3, body.amerce-admin-panel h4, body.amerce-admin-panel h5, body.amerce-admin-panel h6 { font-family: "Urbanist", sans-serif; color: #101010; } body.amerce-admin-panel a { color: #101010; } body.amerce-admin-panel a:hover { color: #DC4646; } /* Sayfa basligi banner - amerce'nin sade breadcrumb diline yaklastirildi */ body.amerce-admin-panel #page-title { background: #fff; border-bottom: 1px solid #E9E9E9; padding: 24px 0; } body.amerce-admin-panel #page-title h1 { font-size: 22px; margin-bottom: 4px; } body.amerce-admin-panel .breadcrumb { font-size: 13px; color: #696E73; } body.amerce-admin-panel .breadcrumb a { color: #696E73; } body.amerce-admin-panel .breadcrumb .active { color: #101010; } /* Butonlar - quenmadam'in ".button" bilesenleri amerce'nin pill-radius siyah-birincil dilini alir, renk varyantlari korunur */ body.amerce-admin-panel .button, body.amerce-admin-panel .btn { border-radius: 60px !important; font-weight: 600; border: none; transition: all 0.3s ease; } body.amerce-admin-panel .button-dark, body.amerce-admin-panel .button-black, body.amerce-admin-panel .btn-dark, body.amerce-admin-panel .btn-primary { background: #101010 !important; color: #fff !important; border-color: #101010 !important; } body.amerce-admin-panel .button-dark:hover, body.amerce-admin-panel .button-black:hover, body.amerce-admin-panel .btn-dark:hover, body.amerce-admin-panel .btn-primary:hover { background: #DC4646 !important; border-color: #DC4646 !important; } body.amerce-admin-panel .button-red, body.amerce-admin-panel .btn-danger { background: #F03E3E !important; color: #fff !important; border-color: #F03E3E !important; } body.amerce-admin-panel .button-green, body.amerce-admin-panel .btn-success { background: #3DAB25 !important; color: #fff !important; border-color: #3DAB25 !important; } body.amerce-admin-panel .button-blue, body.amerce-admin-panel .btn-info { background: #2C2762 !important; color: #fff !important; border-color: #2C2762 !important; } body.amerce-admin-panel .button-amber, body.amerce-admin-panel .btn-warning { background: #F0A750 !important; color: #101010 !important; border-color: #F0A750 !important; } body.amerce-admin-panel .button-border, body.amerce-admin-panel .btn-outline-dark, body.amerce-admin-panel .btn-outline-secondary { background: transparent !important; color: #101010 !important; border: 1px solid #101010 !important; } body.amerce-admin-panel .button-border:hover, body.amerce-admin-panel .btn-outline-dark:hover, body.amerce-admin-panel .btn-outline-secondary:hover { background: #101010 !important; color: #fff !important; } /* Formlar */ body.amerce-admin-panel input[type="text"], body.amerce-admin-panel input[type="email"], body.amerce-admin-panel input[type="password"], body.amerce-admin-panel input[type="number"], body.amerce-admin-panel input[type="tel"], body.amerce-admin-panel input[type="url"], body.amerce-admin-panel input[type="date"], body.amerce-admin-panel input[type="search"], body.amerce-admin-panel input[type="file"], body.amerce-admin-panel select, body.amerce-admin-panel textarea, body.amerce-admin-panel .form-control, body.amerce-admin-panel .form-select { border: 1px solid #E9E9E9 !important; border-radius: 8px !important; padding: 8px 14px !important; background: #fff; } body.amerce-admin-panel input:focus, body.amerce-admin-panel select:focus, body.amerce-admin-panel textarea:focus, body.amerce-admin-panel .form-control:focus { border-color: #101010 !important; box-shadow: none !important; } body.amerce-admin-panel label { font-size: 13px; font-weight: 500; color: #101010; } /* Kartlar / paneller */ body.amerce-admin-panel .card, body.amerce-admin-panel .box-order-summary, body.amerce-admin-panel .style-msg { border: 1px solid #E9E9E9 !important; border-radius: 12px !important; box-shadow: none !important; } body.amerce-admin-panel .card-header { background: #F7F7F7 !important; border-bottom: 1px solid #E9E9E9 !important; border-radius: 12px 12px 0 0 !important; } /* Tablolar */ body.amerce-admin-panel table { border-collapse: separate; border-spacing: 0; } body.amerce-admin-panel table th { background: #F7F7F7; font-weight: 600; font-size: 13px; color: #696E73; border-bottom: 1px solid #E9E9E9 !important; } body.amerce-admin-panel table td { border-bottom: 1px solid #E9E9E9 !important; vertical-align: middle; } body.amerce-admin-panel .table > :not(caption) > * > * { border-bottom-color: #E9E9E9; } /* Rozetler / uyarilar */ body.amerce-admin-panel .badge { border-radius: 20px; font-weight: 600; padding: 5px 12px; } body.amerce-admin-panel .alert, body.amerce-admin-panel .errormsg, body.amerce-admin-panel .successmsg { border-radius: 10px; border: none; } body.amerce-admin-panel .successmsg { background: #E6F9F0; color: #0f9d58; } body.amerce-admin-panel .errormsg { background: #FDE8E8; color: #d93025; } /* Sayfalama */ body.amerce-admin-panel .pagination .page-link { border-radius: 8px !important; margin: 0 3px; border: 1px solid #E9E9E9; color: #101010; } body.amerce-admin-panel .pagination .page-item.active .page-link { background: #101010; border-color: #101010; color: #fff; } /* Sekmeler */ body.amerce-admin-panel .nav-tabs .nav-link { border: none; border-bottom: 2px solid transparent; color: #696E73; font-weight: 600; } body.amerce-admin-panel .nav-tabs .nav-link.active { color: #101010; border-bottom-color: #101010; background: transparent; } /* Modallar */ body.amerce-admin-panel .modal-content { border-radius: 14px; border: none; } /* Akordeon (ticket listesi vb.) */ body.amerce-admin-panel .accordion-header { border-radius: 10px; background: #fff; border: 1px solid #E9E9E9; } /* ========================================================== ADMIN AKSIYON KARTLARI (settings.html / seller dashboard.html "hub" sayfalari icin) - onceden ONLARCA "button button-border" linki TEK bir yatay tasan/kirilan satirda ust uste yiginiliyordu (bildirilen "butonlar cok kotu" sorunu). Bu sinif, o linkleri BASLIKLI bolumlere ayrilmis, izgara (grid) duzeninde, okunabilir kartlara donusturur - hicbir link/url/islev DEGISMEDI, sadece GORSEL DUZEN. ========================================================== */ body.amerce-admin-panel .admin-section-title { font-size: 15px; font-weight: 700; color: #101010; margin: 32px 0 14px; padding-bottom: 8px; border-bottom: 2px solid #101010; display: inline-block; } body.amerce-admin-panel .admin-section-title:first-child { margin-top: 0; } body.amerce-admin-panel .admin-action-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 12px; margin-bottom: 10px; } body.amerce-admin-panel .admin-action-card { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 14px 18px; border: 1px solid #E9E9E9; border-radius: 12px; background: #F7F7F7; color: #101010 !important; font-size: 13.5px; font-weight: 600; line-height: 1.3; transition: all 0.2s ease; box-shadow: 0 1px 2px rgba(16,16,16,0.04); } body.amerce-admin-panel .admin-action-card::after { content: ""; flex-shrink: 0; width: 8px; height: 8px; border-top: 2px solid #B1B2B7; border-right: 2px solid #B1B2B7; transform: rotate(45deg); transition: all 0.2s ease; } body.amerce-admin-panel .admin-action-card:hover { background: #101010; border-color: #101010; color: #fff !important; box-shadow: 0 6px 16px rgba(16,16,16,0.18); transform: translateY(-2px); } body.amerce-admin-panel .admin-action-card:hover::after { border-color: #fff; transform: rotate(45deg) translate(2px, -2px); } body.amerce-admin-panel .admin-action-card.tone-danger { background: #FDE8E8; } body.amerce-admin-panel .admin-action-card.tone-danger:hover { background: #d93025; border-color: #d93025; } body.amerce-admin-panel .admin-action-card.tone-success { background: #E6F9F0; } body.amerce-admin-panel .admin-action-card.tone-success:hover { background: #0f9d58; border-color: #0f9d58; } body.amerce-admin-panel .admin-action-card.tone-warn { background: #FDF1E3; } body.amerce-admin-panel .admin-action-card.tone-warn:hover { background: #b5720a; border-color: #b5720a; } body.amerce-admin-panel .admin-action-card .icon { flex-shrink: 0; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border-radius: 8px; background: #fff; font-size: 14px; } body.amerce-admin-panel .admin-action-card:hover .icon { background: rgba(255,255,255,0.15); } @media (max-width: 575px) { body.amerce-admin-panel .admin-action-grid { grid-template-columns: 1fr; } } body.amerce-admin-panel .admin-action-card.tone-danger .icon { background: #FDE8E8; color: #d93025; } body.amerce-admin-panel .admin-action-card.tone-success .icon { background: #E6F9F0; color: #0f9d58; } body.amerce-admin-panel .admin-action-card.tone-warn .icon { background: #FDF1E3; color: #b5720a; } /* ===== RENKLI VERSIYON: her bolum kendi rengini (--c-rgb) alir ===== */ body.amerce-admin-panel .admin-section-title { --c-rgb: 16,16,16; color: rgb(var(--c-rgb)); border-bottom: 3px solid rgb(var(--c-rgb)); font-size: 17px; } body.amerce-admin-panel .admin-section-title .icon { color: rgb(var(--c-rgb)); margin-right: 4px; } body.amerce-admin-panel .admin-action-grid { --c-rgb: 16,16,16; } body.amerce-admin-panel .admin-action-card { justify-content: flex-start; background: rgba(var(--c-rgb), 0.08); border: 1px solid rgba(var(--c-rgb), 0.22); border-left: 5px solid rgb(var(--c-rgb)); font-size: 14px; font-weight: 700; min-height: 56px; } body.amerce-admin-panel .admin-action-card::after { margin-left: auto; border-color: rgb(var(--c-rgb)); } body.amerce-admin-panel .admin-action-card .icon { background: rgb(var(--c-rgb)); color: #fff; width: 34px; height: 34px; font-size: 17px; box-shadow: 0 2px 6px rgba(var(--c-rgb), 0.35); } body.amerce-admin-panel .admin-action-card:hover { background: rgb(var(--c-rgb)); border-color: rgb(var(--c-rgb)); color: #fff !important; box-shadow: 0 8px 20px rgba(var(--c-rgb), 0.4); } body.amerce-admin-panel .admin-action-card:hover .icon { background: rgba(255,255,255,0.22); box-shadow: none; } body.amerce-admin-panel .admin-action-card:hover::after { border-color: #fff; } body.amerce-admin-panel .admin-action-card.tone-danger { --c-rgb: 217,48,37; background: rgba(217,48,37,0.10); } body.amerce-admin-panel .admin-action-card.tone-success { --c-rgb: 15,157,88; background: rgba(15,157,88,0.10); } body.amerce-admin-panel .admin-action-card.tone-warn { --c-rgb: 234,138,10; background: rgba(234,138,10,0.10); } body.amerce-admin-panel .admin-action-card.tone-danger:hover, body.amerce-admin-panel .admin-action-card.tone-success:hover, body.amerce-admin-panel .admin-action-card.tone-warn:hover { background: rgb(var(--c-rgb)); } body.amerce-admin-panel .admin-action-card.tone-danger .icon, body.amerce-admin-panel .admin-action-card.tone-success .icon, body.amerce-admin-panel .admin-action-card.tone-warn .icon { background: rgb(var(--c-rgb)); color: #fff; }