/* Digitiendita v1.0.23 — CARBON GRAPHITE + MESSENGER PRO
   This file changes color only. Base layout remains in concepto4-panel-10320.css. */
:root{
 --dt23-bg:#070709;--dt23-bg2:#090A0D;--dt23-surface:#0F1014;--dt23-surface2:#15161C;
 --dt23-surface3:#1A1B22;--dt23-border:#292B34;--dt23-border2:#363945;
 --dt23-text:#F7F7FA;--dt23-muted:#9EA2AE;--dt23-red:#FF3347;--dt23-red2:#D91D31;
 --dt23-violet:#7C3AED;--dt23-violet2:#9333EA;--dt23-green:#1FD18B;--dt23-amber:#F3B949;
}
html,body,body.dark-page,.store-shell,.store-main,.store-content,.store-content-inner,.c4-content,.c4-content-inner,.admin-shell,.admin-main,.admin-content{background:var(--dt23-bg)!important;color:var(--dt23-text)!important}
body.dark-page{background:radial-gradient(circle at 50% -12%,rgba(124,58,237,.08),transparent 30%),var(--dt23-bg)!important}

/* Neutral structure: no wine/maroon backgrounds. */
.store-topbar,.concept4-topbar,.c4-header-shell,.c4-header-main,.concept4-desktop-nav,.c4-nav,.store-sidebar,.admin-sidebar,.admin-top,.admin-topbar,.mobile-bottom-nav,.c4-mobile-bottom{background:#070709!important;border-color:var(--dt23-border)!important}
.page-white,.card,.content-section,.table-wrap,.stat-card,.order-card,.admin-order-card,.queue-card,.promo-card,.pack-card,.product-card,.category-card,.receipt,.result-card,.security-summary-card,.profile-identity,.account-section,.legal-section,.premium-entry-card,.template-product-card,.support-response-card,.new-chat-panel{background:linear-gradient(145deg,var(--dt23-surface),#0B0C10)!important;border-color:var(--dt23-border)!important;color:var(--dt23-text)!important;box-shadow:0 18px 50px rgba(0,0,0,.24)!important}
.page-header h1,.card h1,.card h2,.card h3,.content-section h1,.content-section h2,.content-section h3,.product-title,.admin-page-head h1{color:var(--dt23-text)!important}
.page-header p,.muted,.small,.field-help,.product-meta,.admin-page-head p{color:var(--dt23-muted)!important}

/* Inputs */
body input,body select,body textarea,body .input,.top-search input,.messenger-search,.messenger-filters select,.messenger-filters button{background:#0B0C10!important;border-color:var(--dt23-border2)!important;color:var(--dt23-text)!important}
body input::placeholder,body textarea::placeholder,.top-search input::placeholder{color:#737783!important}
body input:focus,body select:focus,body textarea:focus{border-color:#666B7A!important;box-shadow:0 0 0 3px rgba(124,58,237,.11)!important}

/* Header / navigation */
.store-nav a,.admin-nav a,.c4-nav a,.concept4-desktop-nav a{color:#B8BBC4!important}
.store-nav a:hover,.admin-nav a:hover,.c4-nav a:hover,.concept4-desktop-nav a:hover{background:#121319!important;color:#fff!important}
.store-nav a.active,.admin-nav a.active,.c4-nav a.active,.concept4-desktop-nav a.active{background:#15161C!important;color:#fff!important;border-color:#3A3D48!important;box-shadow:inset 3px 0 var(--dt23-red)!important}
.admin-user-card{background:#111217!important;border-color:var(--dt23-border)!important}

/* Primary actions: red becomes an accent, not a background theme. */
.btn-primary,.btn-red,.c4-btn-hot,.send-button{background:linear-gradient(135deg,var(--dt23-red),var(--dt23-red2))!important;border-color:#FF5A69!important;color:#fff!important;box-shadow:0 8px 24px rgba(255,51,71,.16)!important}
.btn-primary:hover,.btn-red:hover,.c4-btn-hot:hover,.send-button:hover{filter:brightness(1.08)!important;box-shadow:0 10px 30px rgba(255,51,71,.24)!important}
.btn-dark,.btn-ghost,.btn{background:#111217!important;border-color:var(--dt23-border2)!important;color:#F4F4F7!important}
.btn-green{background:linear-gradient(135deg,#18C77F,#0FA66A)!important;border-color:#2CDA96!important;color:#051B13!important}

/* Hero */
.c4-hero{background:linear-gradient(135deg,#070709 0%,#0B0C10 48%,#0B090B 100%)!important;border-color:#2D2F37!important;box-shadow:0 22px 70px rgba(0,0,0,.38),inset 0 0 0 1px rgba(255,255,255,.02)!important}
.c4-hero:after{background:linear-gradient(90deg,rgba(7,7,9,.94) 0%,rgba(7,7,9,.56) 36%,rgba(7,7,9,.18) 68%,rgba(7,7,9,.86) 100%)!important}
.c4-kicker{background:#0C0D11!important;border-color:#30323B!important;color:#EDEDF1!important}
.c4-hero h1 em{color:var(--dt23-red)!important;text-shadow:0 0 22px rgba(255,51,71,.18)!important}
.c4-hero-copy>p{color:#BFC2CB!important}
.c4-hero-trust svg{background:#101116!important;border-color:#333642!important;color:#E6E6EA!important}
.c4-wallet-card{background:linear-gradient(145deg,#0E0F13,#090A0D)!important;border-color:#2B2D35!important}
.c4-wallet-actions a{background:#101116!important;border-color:#292B34!important;color:#C2C5CD!important}
.c4-wallet-actions a:hover{background:#171820!important;border-color:#3C3F4B!important}

/* Platform rail / categories */
.c4-brand-rail a,.c4-category-strip,.c4-category-strip a,.benefits,.benefit{background:#0E0F13!important;border-color:var(--dt23-border)!important}
.c4-brand-rail a:hover,.product-card:hover,.c4-product-card:hover,.template-product-card:hover{border-color:#474A57!important;box-shadow:0 14px 38px rgba(0,0,0,.35)!important}
.c4-category-strip svg,.benefit-icon,.section-kicker,.c4-section-head span,.c4-section-head>a,.section-head a{color:var(--dt23-red)!important}

/* Products */
.c4-product-card,.product-card,.template-product-card{background:#0E0F13!important;border-color:#292B34!important}
.c4-product-media,.product-media,.template-cover{background:#090A0D!important}
.c4-product-body,.product-body{background:#0E0F13!important}
.c4-price strong,.product-price{color:#F5F5F7!important}
.discount-badge{background:var(--dt23-red)!important;color:#fff!important}
.stock-badge,.status-active,.status-delivered,.status-completed,.status-approved{background:#071C14!important;border-color:#14583F!important;color:#91EBC4!important}

/* Promotions empty state and promo cards */
.page-white .empty-state{background:#0C0D11!important;border:1px dashed #2D303A!important;border-radius:18px!important;color:var(--dt23-muted)!important}
.page-white .empty-state h3{color:#F3F3F6!important}
.page-white .empty-state .empty-icon{color:#8F93A0!important}
.page-white .product-media{background:#0B0C10!important}

/* Tables / admin */
.table thead th,table thead th{background:#0C0D11!important;color:#B8BBC4!important;border-color:#25272E!important}
.table tbody td,table tbody td{background:transparent!important;color:#E7E7EB!important;border-color:#23252C!important}
.table tbody tr:hover td,table tbody tr:hover td{background:#121319!important}
.stat-card,.queue-card,.admin-content .card,.admin-content .table-wrap,.admin-content .admin-order-card,.admin-content .order-info-grid>div{background:linear-gradient(145deg,#111217,#0C0D11)!important;border-color:#292B34!important}
.stat-icon{background:#171820!important;border-color:#30333D!important;color:#D4D6DD!important}
.admin-order-card .order-folio{color:#DADCE4!important}

/* Support hero */
.support-hero,.account-hero{background:linear-gradient(135deg,#0E0F13,#14151B)!important;border-color:#2B2D35!important}
.support-agent-logo{background:#0A0B0E!important;border:1px solid #262832!important}

/* Messenger Pro — visual inspired by modern desktop messengers. */
.messenger-toolbar h1,.messenger-shell h1,.messenger-shell h2,.messenger-shell h3{color:#F7F7FA!important}
.messenger-toolbar p{color:#969AA6!important}
.messenger-kpis>a{background:#101116!important;border-color:#292B34!important;color:#F2F2F5!important}
.messenger-kpis>a>span{background:#181A21!important;color:#BDA7FF!important}
.messenger-shell{background:#0A0B0E!important;border-color:#2A2C34!important;box-shadow:0 24px 70px rgba(0,0,0,.38)!important}
.messenger-inbox,.messenger-chat,.messenger-context,.messenger-inbox-head,.messenger-chat-head,.messenger-compose-wrap{background:#0D0E12!important;border-color:#25272E!important}
.messenger-tabs a{color:#9A9EAA!important}.messenger-tabs a.active{background:#18141F!important;color:#C8B7FF!important}
.messenger-search{background:#090A0D!important;border-color:#2E3039!important}.messenger-search input{background:transparent!important;color:#F4F4F7!important}
.messenger-thread{color:#E6E6EA!important;border-color:#22242A!important}.messenger-thread:hover,.messenger-thread.active{background:#15131B!important}.messenger-thread.active{box-shadow:inset 3px 0 var(--dt23-violet)!important}
.messenger-thread-copy strong,.messenger-thread-copy small{color:#A1A5AF!important}.messenger-thread-copy em,.messenger-thread-top time{color:#767A85!important}
.messenger-avatar{background:linear-gradient(145deg,#6D28D9,#9333EA)!important;color:#fff!important;box-shadow:none!important}
.messenger-messages,.pro-chat-messages{background:radial-gradient(circle at 45% 10%,rgba(124,58,237,.055),transparent 32%),#0A0B0E!important}
.messenger-bubble,.chat-bubble{background:#171820!important;border-color:#30323B!important;color:#F4F4F7!important;box-shadow:none!important}
.messenger-message-row.mine .messenger-bubble,.chat-bubble-row.mine .chat-bubble{background:linear-gradient(135deg,#6D28D9,#8B2FE0)!important;border-color:#8B5CF6!important;color:#fff!important}
.messenger-bubble footer,.chat-bubble footer{color:#8C909A!important}.messenger-message-row.mine .messenger-bubble footer,.chat-bubble-row.mine .chat-bubble footer{color:#DAD0F6!important}
.messenger-compose,.pro-chat-compose{background:#0B0C10!important;border-color:#30323B!important}
.messenger-compose textarea,.pro-chat-compose textarea{background:transparent!important;border:0!important;color:#F7F7FA!important;box-shadow:none!important}
.messenger-attach,.attachment-button,.quick-replies button{background:#15161C!important;border-color:#30323B!important;color:#BFC3CD!important}
.messenger-send,.send-button{background:linear-gradient(135deg,#7C3AED,#9333EA)!important;border-color:#A78BFA!important;box-shadow:0 8px 24px rgba(124,58,237,.24)!important}
.messenger-context{background:#0C0D11!important}.messenger-profile,.messenger-panel{border-color:#25272E!important}.profile-balance{background:#071C14!important}.profile-balance strong{color:#71E5B5!important}
.internal-note-panel,.messenger-message-row.internal .messenger-bubble,.chat-bubble-row.internal .chat-bubble{background:#211B0D!important;border-color:#6B5622!important;color:#F0D98A!important}
.chat-delivery{display:inline-flex;align-items:center;margin-left:5px;font-size:9px;letter-spacing:-1px;color:currentColor;opacity:.85}
.chat-message-pending{opacity:.58}.chat-message-pending .chat-delivery{animation:dt23pulse 1s ease-in-out infinite}
.chat-new-pill{position:sticky;bottom:12px;z-index:8;margin:0 auto 8px;width:max-content;border:1px solid #5D43A8;background:#20172E;color:#E6DBFF;border-radius:999px;padding:8px 13px;font-size:11px;font-weight:800;box-shadow:0 8px 24px rgba(0,0,0,.28);cursor:pointer}
.messenger-mobile-back,.pro-chat-mobile-back{display:none!important}
@keyframes dt23pulse{50%{opacity:.3}}

/* Keep composer fixed to the bottom of the conversation, not the page. */
.messenger-chat,.pro-chat-main{min-height:0!important}.messenger-messages,.pro-chat-messages{overscroll-behavior:contain;scrollbar-color:#383B46 #0A0B0E}
.messenger-compose-wrap,.pro-chat-compose{flex:0 0 auto!important;position:relative!important;z-index:10!important}

/* Footer */
.store-footer,.c4-footer,.footer-trust-row,.store-footer-grid,.footer-bottom{background:#070709!important;border-color:#25272E!important;color:#E9E9ED!important}
.store-footer-grid a,.footer-bottom span,.footer-brand-column p{color:#9DA1AC!important}

@media(max-width:820px){
  .messenger-shell{height:calc(100dvh - 130px)!important;min-height:520px!important;display:block!important;border-radius:14px!important}
  .messenger-shell.has-conversation .messenger-inbox{display:none!important}
  .messenger-shell.has-conversation .messenger-chat{display:flex!important;height:100%!important;min-height:0!important}
  .messenger-shell.has-conversation .messenger-context{display:none!important}
  .messenger-mobile-back{display:grid!important;width:38px;height:38px;border-radius:11px;place-items:center;background:#15161C!important;border:1px solid #30323B!important;color:#fff!important;flex:0 0 auto}
  .messenger-chat-head{height:64px!important;padding:8px 10px!important}.messenger-chat-head .agent-identity{min-width:0!important}.messenger-chat-head .agent-identity>div{min-width:0!important}.messenger-chat-head .agent-identity b,.messenger-chat-head .agent-identity span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .messenger-messages{padding:14px 9px!important;min-height:0!important}.messenger-bubble{max-width:86%!important}
  .messenger-compose-wrap{padding:8px!important}.messenger-compose{grid-template-columns:38px minmax(0,1fr) 42px!important;padding:6px!important}.quick-replies{display:none!important}
  .pro-chat-layout{height:calc(100dvh - 150px)!important;min-height:520px!important;display:block!important}
  .pro-chat-layout.has-conversation .pro-chat-sidebar{display:none!important}.pro-chat-layout.has-conversation .pro-chat-main{height:100%!important;display:flex!important}.pro-chat-layout.has-conversation .pro-chat-head{padding:8px 10px!important}
  .pro-chat-mobile-back{display:grid!important;width:38px;height:38px;border-radius:11px;place-items:center;background:#15161C!important;border:1px solid #30323B!important;color:#fff!important;flex:0 0 auto}
  .pro-chat-messages{padding:14px 9px!important}.chat-bubble{max-width:86%!important}.pro-chat-compose{padding:8px!important;grid-template-columns:40px minmax(0,1fr) 44px!important}
}
