/* ============================================================
   Vivswan backend.css
   1) Admin panel chrome   2) Public new sections (team, careers,
   service-area pincode checker, products)
   Reuses the site palette from styles.css where loaded.
   ============================================================ */

:root{
  --gold-deep:#9A6E12;--gold:#C39018;--gold-bright:#E7B93C;
  --ink:#211D15;--muted:#6E6656;--cream:#FBF7EE;--soft:#F5EFE2;
  --dark:#1C1813;--line:rgba(154,110,18,0.16);
  --grad-gold:linear-gradient(135deg,#C39018,#E7B93C 50%,#9A6E12);
  --ad-shadow:0 10px 30px rgba(154,110,18,0.10);
}

/* ============================ ADMIN ============================ */
body.admin{margin:0;font-family:'Poppins',system-ui,sans-serif;background:#F4F1EA;color:var(--ink);line-height:1.55}
body.admin a{color:var(--gold-deep);text-decoration:none}
body.admin img{max-width:100%;display:block}

/* Login */
.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:radial-gradient(1200px 600px at 50% -10%,#fff,#F4F1EA)}
.login-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:40px 34px;width:min(92vw,380px);text-align:center;box-shadow:var(--ad-shadow)}
.login-logo{height:64px;width:auto;margin:0 auto 14px}
.login-card h1{font-size:1.35rem;margin:0 0 2px}
.login-sub{color:var(--muted);font-size:.85rem;margin-bottom:22px}
.login-card form{text-align:left}

/* Layout */
.ad-side{position:fixed;top:0;left:0;width:236px;height:100vh;background:var(--dark);color:#f3ead6;display:flex;flex-direction:column;padding:20px 0}
.ad-brand{display:flex;align-items:center;gap:10px;padding:0 20px 18px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:12px}
.ad-brand img{height:40px}
.ad-brand span{font-weight:700;letter-spacing:.02em}
.ad-nav{display:flex;flex-direction:column;gap:2px;padding:0 12px;flex:1}
.ad-nav a{display:flex;align-items:center;gap:11px;padding:11px 14px;border-radius:10px;color:#d9cfb9;font-size:.92rem;font-weight:500;transition:.2s}
.ad-nav a i{width:18px;text-align:center;color:var(--gold-bright)}
.ad-nav a:hover{background:rgba(255,255,255,.06);color:#fff}
.ad-nav a.on{background:var(--grad-gold);color:#fff}
.ad-nav a.on i{color:#fff}
.ad-logout{margin:12px 20px 0;color:#d9cfb9;font-size:.9rem;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}
.ad-logout:hover{color:#fff}

.ad-main{margin-left:236px;min-height:100vh}
.ad-top{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:16px 30px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
.ad-top h1{font-size:1.3rem;margin:0}
.ad-user{display:flex;align-items:center;gap:18px;font-size:.86rem;color:var(--muted)}
.ad-body{padding:26px 30px 60px}

/* Flash / errors */
.ad-flash{background:#e9f8ee;border:1px solid #b6e6c6;color:#1b7a3d;padding:12px 16px;border-radius:10px;margin-bottom:18px;font-size:.9rem}
.ad-error{background:#fdecec;border:1px solid #f3bcbc;color:#b32020;padding:11px 15px;border-radius:10px;margin-bottom:16px;font-size:.9rem}

/* Stat cards */
.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:26px}
.stat-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:var(--ad-shadow);transition:.2s}
.stat-card:hover{transform:translateY(-3px);border-color:var(--gold)}
.stat-card i{font-size:1.5rem;width:52px;height:52px;flex-shrink:0;border-radius:13px;background:var(--grad-gold);color:#fff;display:flex;align-items:center;justify-content:center}
.stat-card b{font-size:1.6rem;line-height:1;display:block}
.stat-card span{color:var(--muted);font-size:.82rem}

/* Panels & tables */
.ad-panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px 26px;box-shadow:var(--ad-shadow)}
.ad-panel h2{font-size:1.15rem;margin:0 0 10px}
.muted{color:var(--muted)}
.ad-toolbar{margin-bottom:18px}
.ad-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--ad-shadow)}
.ad-table th{background:var(--soft);text-align:left;font-size:.76rem;letter-spacing:.04em;text-transform:uppercase;color:var(--gold-deep);padding:12px 16px}
.ad-table td{padding:12px 16px;border-top:1px solid var(--line);font-size:.9rem;vertical-align:middle}
.ad-table tr:hover td{background:#fcfaf4}
.ad-table .actions{white-space:nowrap;text-align:right}
.tbl-thumb{width:46px;height:46px;border-radius:10px;object-fit:cover;background:var(--soft)}
.tbl-thumb.ph{display:inline-flex;align-items:center;justify-content:center;color:var(--gold);font-size:1.1rem}
.pill{display:inline-block;font-size:.74rem;font-weight:600;padding:4px 11px;border-radius:20px;background:var(--soft);color:var(--gold-deep)}
.pill.on{background:#e9f8ee;color:#1b7a3d}
.pill.off{background:#f1efe9;color:#8a8375}

/* Buttons */
.ad-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--ink);font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:.2s}
.ad-btn:hover{border-color:var(--gold);color:var(--gold-deep)}
.ad-btn-gold{background:var(--grad-gold);color:#fff;border:none;box-shadow:0 6px 16px rgba(199,144,24,.28)}
.ad-btn-gold:hover{transform:translateY(-2px);color:#fff;box-shadow:0 10px 24px rgba(199,144,24,.4)}
.ad-btn.sm{padding:7px 10px;font-size:.82rem}
.ad-btn.danger:hover{border-color:#e05252;color:#c22}
.ad-btn.full{width:100%;justify-content:center;margin-top:8px}
.ad-back{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:.88rem;margin-bottom:16px}
.ad-back:hover{color:var(--gold-deep)}

/* Forms */
.ad-form{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;box-shadow:var(--ad-shadow);max-width:820px}
.ad-form label{display:block;font-size:.84rem;font-weight:600;margin:14px 0 6px}
.ad-form input[type=text],.ad-form input[type=password],.ad-form input[type=number],.ad-form input:not([type]),.ad-form textarea,.login-card input{
  width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:10px;font-family:inherit;font-size:.92rem;background:#fff;color:var(--ink);transition:border-color .2s}
.login-card label{display:block;font-size:.84rem;font-weight:600;margin:12px 0 6px}
.ad-form input:focus,.ad-form textarea:focus,.login-card input:focus{outline:none;border-color:var(--gold)}
.ad-form textarea{resize:vertical}
.ad-form .row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ad-form .row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
.ad-form .row2>div,.ad-form .row3>div{min-width:0}
.ad-form .stack{display:flex;flex-direction:column;justify-content:flex-end;gap:6px}
.ad-form .check{display:flex;align-items:center;margin-top:24px}
.ad-form .check label{margin:0;display:flex;align-items:center;gap:9px;font-weight:500}
.ad-form .check input{width:auto}
.ad-form button{margin-top:20px}
.thumb-prev{margin-top:10px}
.thumb-prev img{width:96px;height:96px;object-fit:cover;border-radius:12px;border:1px solid var(--line)}

@media(max-width:820px){
  .ad-side{transform:translateX(-100%);transition:.3s}
  .ad-main{margin-left:0}
  .ad-form .row2,.ad-form .row3{grid-template-columns:1fr}
}

/* ==================== PUBLIC NEW SECTIONS ==================== */
/* Reuses .container/.section/.eyebrow/.btn from styles.css */

/* Team */
.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:26px;margin-top:36px}
.team-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(154,110,18,.08);transition:.3s;display:flex;flex-direction:column}
.team-card:hover{transform:translateY(-6px);box-shadow:0 20px 46px rgba(199,144,24,.16);border-color:var(--gold)}
.team-photo{aspect-ratio:1/1;width:100%;object-fit:cover;background:var(--soft)}
.team-photo.ph{display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:3rem}
.team-info{padding:20px 20px 22px;display:flex;flex-direction:column;flex:1}
.team-info h3{font-size:1.18rem;margin:0 0 3px;font-family:var(--font-display,'Cormorant Garamond',serif)}
.team-role{color:var(--gold-deep);font-weight:600;font-size:.88rem;margin-bottom:8px}
.team-meta{font-size:.8rem;color:var(--muted);margin-bottom:4px;display:flex;gap:7px;align-items:flex-start}
.team-meta i{color:var(--gold);margin-top:3px}
.team-desc{font-size:.86rem;color:var(--muted);margin:10px 0 16px;flex:1}
.team-card .btn-green{margin-top:auto}

/* Careers / Jobs */
.job-list{display:flex;flex-direction:column;gap:18px;margin-top:36px}
.job-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px 26px;box-shadow:0 10px 30px rgba(154,110,18,.07);transition:.3s}
.job-card:hover{border-color:var(--gold);box-shadow:0 16px 40px rgba(199,144,24,.13)}
.job-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;flex-wrap:wrap}
.job-head h3{font-size:1.3rem;margin:0;font-family:var(--font-display,'Cormorant Garamond',serif)}
.job-tags{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 14px}
.job-tag{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;color:var(--gold-deep);background:var(--soft);padding:5px 12px;border-radius:20px}
.job-desc{color:var(--muted);font-size:.9rem;margin-bottom:16px;white-space:pre-line}
.careers-empty{text-align:center;padding:50px 20px;color:var(--muted)}

/* Service-area / pincode checker */
.svc-checker{max-width:640px;margin:36px auto 0;background:#fff;border:1px solid var(--line);border-radius:22px;padding:34px;box-shadow:0 14px 40px rgba(154,110,18,.10);text-align:center}
.svc-checker h3{font-size:1.35rem;margin:0 0 6px;font-family:var(--font-display,'Cormorant Garamond',serif)}
.svc-checker p.sub{color:var(--muted);font-size:.9rem;margin-bottom:20px}
.svc-form{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.svc-form input{flex:1;min-width:200px;max-width:280px;padding:14px 18px;border:1.5px solid var(--line);border-radius:40px;font-family:inherit;font-size:1.05rem;letter-spacing:.12em;text-align:center;transition:border-color .2s}
.svc-form input:focus{outline:none;border-color:var(--gold)}
.svc-result{margin-top:26px;text-align:left}
.manager-card{display:flex;gap:18px;align-items:center;background:var(--cream);border:1px solid var(--line);border-radius:18px;padding:20px;text-align:left}
.manager-card .m-photo{width:82px;height:82px;border-radius:14px;object-fit:cover;flex-shrink:0;background:var(--soft)}
.manager-card .m-photo.ph{display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:1.8rem}
.manager-card h4{font-size:1.15rem;margin:0 0 2px;font-family:var(--font-display,'Cormorant Garamond',serif)}
.manager-card .m-role{color:var(--gold-deep);font-weight:600;font-size:.84rem}
.manager-card .m-area{font-size:.82rem;color:var(--muted);margin:2px 0 12px}
.svc-badge{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:.9rem;padding:8px 16px;border-radius:30px;margin-bottom:16px}
.svc-badge.yes{background:#e9f8ee;color:#1b7a3d}
.svc-badge.no{background:#fdf3e7;color:#b26a12}
.svc-none{background:var(--cream);border:1px dashed var(--gold);border-radius:16px;padding:22px;text-align:center}

/* Product grid (public) */
.prod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-top:36px}
.prod-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(154,110,18,.08);transition:.3s;display:flex;flex-direction:column}
.prod-card:hover{transform:translateY(-6px);border-color:var(--gold);box-shadow:0 20px 46px rgba(199,144,24,.16)}
.prod-img{aspect-ratio:16/10;width:100%;object-fit:cover;background:var(--soft)}
.prod-img.ph{display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:2.6rem}
.prod-body{padding:20px 22px 24px;display:flex;flex-direction:column;flex:1}
.prod-cat{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:6px}
.prod-body h3{font-size:1.22rem;margin:0 0 8px;font-family:var(--font-display,'Cormorant Garamond',serif)}
.prod-body p{font-size:.88rem;color:var(--muted);margin-bottom:12px}
.prod-services{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:6px}
.prod-services li{font-size:.85rem;display:flex;gap:9px;align-items:flex-start}
.prod-services li i{color:var(--gold);margin-top:4px;font-size:.75rem}
.prod-price{font-weight:600;color:var(--gold-deep);font-size:.9rem;margin-bottom:14px}
.prod-card .btn{margin-top:auto}