/* AjeMarket — Complete Global Stylesheet
   Replace the ENTIRE old style.css with this file.
*/
*{box-sizing:border-box}
:root{--navy:#071524;--navy2:#0d2238;--green:#16a34a;--green2:#25d39a;--greenDark:#0f7a36;--blue:#2563eb;--gold:#f59e0b;--red:#dc2626;--redDark:#a91f35;--text:#172033;--muted:#667085;--line:#e5e7eb;--bg:#f5f7fa;--white:#fff;--radius:16px;--shadow:0 8px 28px rgba(7,21,36,.08)}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.5}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}
.warning{background:#fff7df;color:#6b4d00;border-bottom:1px solid #f2d27a;padding:10px 16px;text-align:center;font-size:13px}
header{background:var(--navy);color:#fff;min-height:68px;padding:12px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:0;z-index:50;box-shadow:0 4px 18px rgba(0,0,0,.15)}
.logo{font-size:25px;font-weight:900;letter-spacing:-.7px;white-space:nowrap}.logo span{color:#31d46d}
nav{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex-wrap:wrap}nav a{color:#e9f0f7;font-size:14px;font-weight:700}nav a:hover{color:#49e87e}
main{width:100%}.page{width:min(1180px,92%);margin:28px auto 60px}
.hero{width:min(1180px,92%);min-height:330px;margin:24px auto;padding:48px;border-radius:24px;color:#fff;background:linear-gradient(120deg,rgba(7,21,36,.98),rgba(12,66,42,.88));display:flex;align-items:center;box-shadow:var(--shadow);overflow:hidden}
.hero small,.section-title small,.panel>small{color:var(--green);font-weight:900;letter-spacing:1.3px}.hero small{color:#65ef92}.hero h1{margin:8px 0 12px;font-size:clamp(38px,6vw,66px);line-height:1}.hero p{max-width:650px;color:#dbe8f1;font-size:17px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:10px 18px;border:0;border-radius:11px;background:var(--green);color:#fff;font-weight:800;transition:.15s}.btn:hover{background:var(--greenDark);transform:translateY(-1px)}.btn.secondary{background:var(--navy2)}.btn.danger{background:var(--red)}.btn.small{min-height:36px;padding:7px 12px;font-size:13px;border-radius:9px}.btn.full{width:100%}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}
.toolbar{width:min(1180px,92%);margin:20px auto 34px;display:grid;grid-template-columns:1.8fr 1fr 1fr;gap:12px}
input,select,textarea{width:100%;border:1px solid var(--line);background:#fff;color:var(--text);border-radius:11px;padding:12px 13px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(22,163,74,.12)}textarea{min-height:130px;resize:vertical}
.section{width:min(1180px,92%);margin:0 auto 40px}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.section-title h2,.panel h2{margin:4px 0}.section-title>a{color:var(--greenDark);font-weight:800}
.panel,.messages-box,.chat-container,.notice{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.panel{padding:26px}.notice{padding:22px}.muted{color:var(--muted)}.empty{width:100%;padding:35px 20px;text-align:center;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card{position:relative;min-width:0;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 5px 18px rgba(7,21,36,.07);transition:.18s}.card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(7,21,36,.12)}.card>a:first-child,.card>img,.card>.noimg{display:block;width:100%}.card>a:first-child img,.card>img{width:100%;height:190px;object-fit:cover;display:block}.noimg{height:190px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#dfeee5,#eef3f6);color:var(--greenDark);font-weight:900}.cardbody{padding:14px}.cardbody h3{margin:5px 0 8px;font-size:17px;line-height:1.25}.cardbody small{color:var(--muted);font-weight:700}.price{display:block;color:var(--navy);font-size:18px;font-weight:900;margin:5px 0}.cardbody .btn{margin-top:10px}
.promotion-badge{position:absolute;top:10px;left:10px;z-index:3;padding:6px 9px;border-radius:999px;color:#fff;font-size:11px;font-weight:900;letter-spacing:.4px;box-shadow:0 4px 12px rgba(0,0,0,.18)}.promotion-badge.premium{background:#8b5cf6}.promotion-badge.boost{background:#f97316}.premium-card{border:2px solid #a78bfa}.boosted-card{border:2px solid #fdba74}
form label{display:block;margin-bottom:15px;font-weight:800}form label input,form label select,form label textarea{margin-top:7px;font-weight:400}.tabs{display:flex;gap:8px;margin-bottom:20px}.tabs button{flex:1;border:1px solid var(--line);background:#f7f8fa;padding:11px;border-radius:10px;font-weight:800}.tabs button.active{background:var(--green);color:#fff;border-color:var(--green)}.hidden{display:none!important}.actions,.dashboard-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.status{margin-top:12px;color:var(--muted);font-size:14px}
#previews{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}#previews img{width:100%;height:120px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}
.list{display:grid;gap:12px;margin-top:20px}.listrow{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:16px;background:#fff;border:1px solid var(--line);border-radius:13px}.listrow strong{display:inline-block;margin-top:7px;color:var(--greenDark)}
.messages-box{padding:20px}.conversation-list{display:grid;gap:10px;margin-top:16px}.conversation-item{position:relative;display:block;padding:15px;border:1px solid var(--line);border-radius:13px;background:#fff}.conversation-item.has-unread{border-left:4px solid var(--green)}.conversation-main{position:relative}.unread-dot{display:inline-flex;align-items:center;justify-content:center;min-width:21px;height:21px;padding:0 6px;margin-left:7px;border-radius:999px;background:var(--green);color:#fff;font-size:11px;font-weight:900}
.chat-container{overflow:hidden}.chat-top{display:flex;align-items:center;gap:12px;padding:15px;border-bottom:1px solid var(--line);background:#fff}.chat-person-info{min-width:0}.chat-person-info b{display:block;font-size:16px}.chat-product{display:flex;align-items:center;gap:12px;padding:12px 15px;background:#f8fafb;border-bottom:1px solid var(--line)}.chat-product img{width:58px;height:58px;object-fit:cover;border-radius:9px}.chat-messages{height:min(58vh,600px);min-height:330px;overflow-y:auto;padding:18px;background:#edf2f5;display:flex;flex-direction:column;gap:10px}.chat-message{width:100%;display:flex;flex-direction:column}.chat-message.mine{align-items:flex-end}.chat-message.theirs{align-items:flex-start}.chat-bubble{max-width:min(76%,600px);padding:10px 13px;border-radius:15px;overflow-wrap:anywhere;white-space:pre-wrap;box-shadow:0 2px 7px rgba(0,0,0,.06)}.chat-message.mine .chat-bubble{background:#d9fdd3;color:#12351b;border-bottom-right-radius:4px}.chat-message.theirs .chat-bubble{background:#fff;color:var(--text);border-bottom-left-radius:4px}.message-meta{display:flex;align-items:center;gap:5px;margin:3px 4px 0;font-size:11px}.message-status{font-size:15px;font-weight:900;letter-spacing:-3px;line-height:1}.message-status.sent{color:#98a2b3}.message-status.delivered{color:#667085}.message-status.read{color:#16a34a}.message-form{display:flex;gap:8px;padding:12px;background:#fff;border-top:1px solid var(--line)}.message-form input{min-width:0}
/* ========================= ADMIN ========================= */
.admin-page{width:min(1250px,94%);margin:24px auto 60px}.admin-hero{background:linear-gradient(135deg,#071524 0%,#0c2d3f 55%,#0b4935 100%);color:#fff;border:1px solid #17364d;border-radius:24px;padding:42px;margin-bottom:22px;box-shadow:0 14px 38px rgba(0,0,0,.18)}.admin-hero small,.admin-kicker{color:#2fe0a5;font-weight:900;letter-spacing:1.5px;text-transform:uppercase}.admin-hero h1{margin:8px 0 10px;font-size:clamp(34px,6vw,58px);line-height:1.05}.admin-hero p{margin:0;max-width:720px;color:#b8cad7;font-size:17px}.admin-status{margin-top:18px;color:#2fe0a5;font-weight:800}
.admin-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:12px;margin:20px 0}.admin-toolbar input,.admin-toolbar select{min-height:50px}
.admin-card,.admin-panel,.admin-section{background:#0b1c2d;color:#edf5fb;border:1px solid #18344b;border-radius:22px;overflow:hidden;box-shadow:0 12px 32px rgba(0,0,0,.12);margin-bottom:22px}.admin-card-header,.admin-section-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 26px;border-bottom:1px solid #1b3850}.admin-card-header h2,.admin-section-header h2{margin:0;color:#f4f8fb;font-size:27px}.admin-count{color:#a9bac8;font-weight:800;white-space:nowrap}
/* The wrapper scrolls; the table does not squeeze text on phones. */
.admin-table-wrap{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.admin-table-wrap table{width:100%;min-width:920px;border-collapse:collapse;table-layout:auto}.admin-table-wrap th{background:#0d2238;color:#9fb1c1;text-align:left;font-size:13px;letter-spacing:.7px;text-transform:uppercase;font-weight:900;white-space:nowrap}.admin-table-wrap th,.admin-table-wrap td{padding:17px 22px;border-bottom:1px solid #1b3850;vertical-align:top}.admin-table-wrap td{color:#edf5fb;font-size:15px}.admin-table-wrap tbody tr:last-child td{border-bottom:0}.admin-table-wrap tbody tr:hover{background:rgba(37,99,235,.06)}.admin-table-wrap strong{color:#fff}.admin-table-wrap .muted{color:#8fa3b5;font-size:13px;overflow-wrap:anywhere}
.admin-price{color:#31d46d;font-weight:900;white-space:nowrap}.admin-badge,.badge{display:inline-flex;align-items:center;justify-content:center;min-height:31px;padding:5px 11px;border-radius:999px;background:#173149;color:#b9c9d8;font-size:12px;font-weight:900;white-space:nowrap}.badge.active,.admin-badge.active{background:#123c60;color:#62a8ff}.badge.boost,.admin-badge.boost{background:#4a3514;color:#ffbd55}.badge.premium,.admin-badge.premium{background:#3b245e;color:#caa8ff}.admin-action{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 15px;border:0;border-radius:10px;background:var(--redDark);color:#fff;font-weight:900;white-space:nowrap}.admin-action:hover{background:var(--red)}.admin-action.activate{background:#126c42}.admin-action.activate:hover{background:#16a34a}.admin-error{display:none;margin:15px 0;padding:13px 15px;border:1px solid #8f2838;border-radius:12px;background:#3a1620;color:#ffb7c2;font-weight:700}.admin-empty{padding:40px 20px;text-align:center;color:#8fa3b5}.admin-header-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px}.admin-header-actions .btn{min-height:48px}
footer{margin-top:55px;padding:32px 5%;background:var(--navy);color:#dbe6ef;text-align:center}footer b{color:#fff;font-size:20px}footer p{max-width:600px;margin:8px auto 15px;color:#aebdca;font-size:14px}footer a{color:#70ed9a;font-weight:700}
@media(max-width:1100px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-table-wrap table{min-width:900px}}
@media(max-width:900px){.toolbar{grid-template-columns:1fr 1fr}.toolbar input{grid-column:1/-1}.admin-hero{padding:34px 28px}.admin-toolbar{grid-template-columns:1fr}}
@media(max-width:680px){header{padding:11px 4%;align-items:flex-start}nav{gap:9px 13px;justify-content:flex-end}nav a{font-size:12px}.hero{min-height:300px;padding:30px 24px;border-radius:18px}.hero h1{font-size:42px}.hero p{font-size:15px}.toolbar{width:92%;grid-template-columns:1fr}.toolbar input{grid-column:auto}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card>a:first-child img,.card>img,.noimg{height:150px}.cardbody{padding:11px}.cardbody h3{font-size:15px}.price{font-size:16px}.section-title{align-items:flex-start;flex-direction:column;gap:6px}.panel{padding:18px}.listrow{grid-template-columns:1fr}#previews{grid-template-columns:repeat(2,1fr)}#previews img{height:110px}.chat-messages{min-height:300px;height:58vh;padding:13px}.chat-bubble{max-width:82%}.message-form{position:sticky;bottom:0}.admin-page{width:94%;margin-top:15px}.admin-hero{padding:27px 22px;border-radius:18px}.admin-hero h1{font-size:36px}.admin-hero p{font-size:15px}.admin-card,.admin-panel,.admin-section{border-radius:18px}.admin-card-header,.admin-section-header{padding:18px}.admin-card-header h2,.admin-section-header h2{font-size:23px}.admin-table-wrap{overflow-x:auto}.admin-table-wrap table{min-width:900px}.admin-table-wrap th,.admin-table-wrap td{padding:15px 18px;font-size:14px}}
@media(max-width:430px){.logo{font-size:21px}nav{max-width:220px}.grid{gap:9px}.card>a:first-child img,.card>img,.noimg{height:135px}.promotion-badge{font-size:9px;padding:5px 7px}.chat-top{padding:11px}.chat-product{padding:10px 11px}.chat-product img{width:50px;height:50px}.admin-hero{padding:24px 18px}.admin-hero h1{font-size:31px}.admin-hero p{font-size:14px}.admin-table-wrap table{min-width:900px}.admin-table-wrap th,.admin-table-wrap td{padding:14px 16px}.admin-header-actions{width:100%}.admin-header-actions .btn{flex:1}}