/* ===== Avijya Portal Styles ===== */
:root{
    --av-blue:#1a56db;
    --av-blue-d:#1447c0;
    --av-green:#3cb371;
    --av-purple:#3d2fa9;
    --av-border:#e5e7eb;
    --av-bg:#f9fafb;
    --av-card:#ffffff;
    --av-text:#111827;
    --av-muted:#6b7280;
    --av-r:10px;
    --av-shadow:0 2px 16px rgba(0,0,0,0.08);
}
.av-wrap{max-width:900px;margin:32px auto;padding:0 14px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:var(--av-text);}
.av-card{background:var(--av-card);border-radius:var(--av-r);box-shadow:var(--av-shadow);padding:28px;margin-bottom:20px;border:1px solid var(--av-border);}
.av-card-sm{max-width:460px;margin-left:auto;margin-right:auto;}
.av-logo{text-align:center;margin-bottom:18px;}
.av-logo img{max-height:52px;}
.av-logo h2{margin:0;color:var(--av-blue);font-size:21px;}
.av-title{text-align:center;font-size:21px;font-weight:800;margin:0 0 5px;}
.av-sub{text-align:center;color:var(--av-muted);font-size:13px;margin:0 0 22px;}
/* Alerts */
.av-err{padding:11px 14px;border-radius:8px;font-size:14px;margin-bottom:14px;background:#fde8e8;color:#9b1c1c;border:1px solid #f8b4b4;display:none;}
.av-ok {padding:11px 14px;border-radius:8px;font-size:14px;margin-bottom:14px;background:#def7ec;color:#03543f;border:1px solid #84e1bc;display:none;}
.av-notice{padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:14px;background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe;}
.av-warn{background:#fef3c7;color:#92400e;border-color:#fcd34d;}
/* Form */
.av-field{margin-bottom:14px;}
.av-field label{display:block;font-size:13px;font-weight:700;color:#374151;margin-bottom:5px;}
.av-req{color:#e02424;}
.av-inp,.av-sel,.av-ta{width:100%;border:1.5px solid var(--av-border);border-radius:8px;padding:10px 12px;font-size:14px;outline:none;box-sizing:border-box;font-family:inherit;background:#fafafa;transition:border .15s;}
.av-inp:focus,.av-sel:focus,.av-ta:focus{border-color:var(--av-blue);background:#fff;}
.av-ta{resize:vertical;}
.av-pass-wrap{position:relative;}
.av-pass-wrap .av-inp{padding-right:40px;}
.av-eye{position:absolute;right:11px;top:50%;transform:translateY(-50%);cursor:pointer;color:var(--av-muted);font-size:15px;user-select:none;}
.av-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
/* OTP */
.av-otp-row{display:flex;gap:8px;}
.av-otp-row .av-inp{flex:1;}
.av-otp-boxes{display:flex;gap:8px;margin-top:5px;}
.av-otp-box{width:44px!important;height:50px;text-align:center;font-size:22px;font-weight:700;border:2px solid var(--av-border);border-radius:8px;padding:0!important;background:#fafafa;}
.av-otp-box:focus{border-color:var(--av-blue);outline:none;background:#fff;}
.av-hint{font-size:12px;color:var(--av-muted);display:block;margin-top:4px;}
.av-hint-ok{color:#057a55;}
/* Steps */
.av-steps{display:flex;align-items:center;margin-bottom:20px;}
.av-step-item{display:flex;flex-direction:column;align-items:center;gap:3px;}
.av-step-dot{width:32px;height:32px;border-radius:50%;background:#e5e7eb;color:var(--av-muted);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;transition:all .2s;}
.av-step-dot.on{background:var(--av-blue);color:#fff;}
.av-step-dot.done{background:#057a55;color:#fff;}
.av-step-lbl{font-size:11px;color:var(--av-muted);font-weight:600;}
.av-step-lbl.on{color:var(--av-blue);}
.av-step-line{flex:1;height:2px;background:#e5e7eb;margin:0 6px 14px;}
.av-step-line.done{background:#057a55;}
/* Checkbox */
.av-check{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--av-muted);margin-bottom:14px;}
.av-check input{margin-top:2px;flex-shrink:0;}
/* Buttons */
.av-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:700;padding:10px 20px;text-decoration:none;transition:background .15s;font-family:inherit;}
.av-btn:disabled{opacity:.6;cursor:not-allowed;}
.av-btn-blue{background:var(--av-blue);color:#fff;}
.av-btn-blue:hover{background:var(--av-blue-d);color:#fff;}
.av-btn-green{background:var(--av-green);color:#fff;}
.av-btn-green:hover{background:#2e9e5e;color:#fff;}
.av-btn-purple{background:var(--av-purple);color:#fff;}
.av-btn-purple:hover{background:#3226a0;color:#fff;}
.av-btn-outline{background:transparent;color:var(--av-blue);border:1.5px solid var(--av-blue);}
.av-btn-outline:hover{background:#eff6ff;}
.av-btn-grey{background:#f3f4f6;color:#374151;}
.av-btn-grey:hover{background:#e5e7eb;}
.av-btn-sm{padding:6px 13px;font-size:12px;}
.av-btn-full{width:100%;margin-top:6px;}
.av-btn-lg{padding:13px 24px;font-size:15px;}
/* Links */
.av-links{text-align:center;margin-top:16px;font-size:13px;color:var(--av-muted);}
.av-links a{color:var(--av-blue);text-decoration:none;font-weight:600;}
/* Topbar */
.av-topbar{display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:var(--av-r);box-shadow:var(--av-shadow);padding:14px 20px;margin-bottom:20px;border:1px solid var(--av-border);flex-wrap:wrap;gap:10px;}
.av-topbar-l{display:flex;align-items:center;gap:10px;}
.av-topbar-r{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.av-avatar{width:40px;height:40px;border-radius:50%;background:var(--av-blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;flex-shrink:0;}
/* Badges */
.av-badge{display:inline-block;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:700;}
.av-badge-green{background:#def7ec;color:#03543f;}
.av-badge-yellow{background:#fef3c7;color:#92400e;}
.av-badge-grey{background:#f3f4f6;color:#374151;}
.av-badge-blue{background:#dbeafe;color:#1e40af;}
/* Stats */
.av-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;}
.av-stat{background:#fff;border-radius:var(--av-r);box-shadow:var(--av-shadow);padding:16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;border:1px solid var(--av-border);}
.av-stat-icon{font-size:24px;}
.av-stat-num{font-size:26px;font-weight:800;color:var(--av-blue);}
.av-stat-lbl{font-size:12px;color:var(--av-muted);}
/* Card head */
.av-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:8px;}
.av-card-head h3{margin:0;font-size:16px;font-weight:700;}
/* Table */
.av-tbl-wrap{overflow-x:auto;}
.av-tbl{width:100%;border-collapse:collapse;font-size:13px;}
.av-tbl th{background:#f9fafb;font-weight:700;padding:9px 12px;text-align:left;border-bottom:2px solid var(--av-border);font-size:12px;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;}
.av-tbl td{padding:10px 12px;border-bottom:1px solid var(--av-border);vertical-align:middle;}
.av-tbl tr:last-child td{border-bottom:none;}
.av-tbl tr:hover td{background:#f9fafb;}
/* Action buttons */
.av-act{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:700;border:none;cursor:pointer;font-family:inherit;text-decoration:none;margin-right:3px;}
.av-approve{background:#def7ec;color:#03543f;}
.av-approve:hover{background:#bcf0da;}
.av-reject{background:#fde8e8;color:#9b1c1c;}
.av-reject:hover{background:#fbd5d5;}
.av-view{background:#dbeafe;color:#1e40af;}
/* Tabs */
.av-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px;}
.av-tab{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:700;border:1.5px solid var(--av-border);background:#fff;color:#374151;cursor:pointer;font-family:inherit;transition:all .15s;}
.av-tab.on{background:var(--av-blue);color:#fff;border-color:var(--av-blue);}
.av-tab:hover:not(.on){background:#f3f4f6;}
/* Filters */
.av-filters{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap;}
.av-filter{padding:5px 13px;border-radius:20px;font-size:12px;font-weight:700;border:1.5px solid var(--av-border);background:#fff;cursor:pointer;font-family:inherit;}
.av-filter.on{background:var(--av-blue);color:#fff;border-color:var(--av-blue);}
/* Prop cards */
.av-prop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;}
.av-prop-card{border:1px solid var(--av-border);border-radius:8px;overflow:hidden;background:#fff;}
.av-prop-thumb{width:100%;height:125px;object-fit:cover;display:block;}
.av-prop-nophoto{height:125px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:26px;color:var(--av-muted);}
.av-prop-body{padding:10px;}
.av-prop-body h4{margin:6px 0 3px;font-size:13px;}
.av-prop-body p{margin:2px 0;font-size:12px;color:var(--av-muted);}
/* Loading / empty */
.av-loading{text-align:center;color:var(--av-muted);padding:24px;font-size:14px;}
.av-empty{text-align:center;padding:32px 0;color:var(--av-muted);}
/* Success state */
.av-success{text-align:center;padding:24px 0;}
.av-success-icon{font-size:52px;margin-bottom:10px;}
/* Houzez inline tab */
.avijya-houzez-tab{padding:10px 0;}
.av-inline-login input{margin-bottom:10px;}
/* Upload */
.av-upload{border:2px dashed var(--av-border);border-radius:10px;padding:26px;text-align:center;cursor:pointer;position:relative;transition:all .2s;background:#fafafa;}
.av-upload:hover{border-color:var(--av-blue);background:#eff6ff;}
.av-upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;}
.av-prev-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;}
.av-prev-item{position:relative;}
.av-prev-item img{width:76px;height:76px;object-fit:cover;border-radius:7px;border:2px solid var(--av-border);display:block;}
.av-prev-del{position:absolute;top:-4px;right:-4px;width:18px;height:18px;border-radius:50%;background:#e02424;color:#fff;border:none;cursor:pointer;font-size:10px;display:flex;align-items:center;justify-content:center;}
/* Property form specific */
.pp-sec{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--av-muted);border-bottom:1px solid #f3f4f6;padding-bottom:5px;margin:18px 0 12px;}
.pp-sec:first-child{margin-top:0;}
.pp-chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px;}
.pp-chip{padding:8px 16px;border-radius:9px;border:1.5px solid var(--av-border);background:#fff;color:#374151;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s;white-space:nowrap;}
.pp-chip:hover,.pp-chip.on{border-color:var(--av-purple);background:#ede9fe;color:var(--av-purple);}
.pp-types{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;margin-bottom:14px;}
.pp-type{border:1.5px solid var(--av-border);border-radius:9px;padding:10px 6px;text-align:center;cursor:pointer;font-family:inherit;background:#fff;transition:all .15s;display:flex;flex-direction:column;align-items:center;gap:5px;}
.pp-type:hover,.pp-type.on{border-color:var(--av-purple);background:#ede9fe;}
.pp-type .t-ic{font-size:20px;line-height:1;}
.pp-type .t-lb{font-size:11px;font-weight:700;color:#374151;line-height:1.2;}
.pp-type.on .t-lb{color:var(--av-purple);}
.pp-nums{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px;}
.pp-num{min-width:46px;height:46px;padding:0 10px;border-radius:9px;border:1.5px solid var(--av-border);background:#fff;color:#374151;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;transition:all .15s;}
.pp-num:hover,.pp-num.on{border-color:var(--av-purple);background:#ede9fe;color:var(--av-purple);}
.pp-yn{display:flex;gap:8px;margin-bottom:14px;}
.pp-yn .pp-yn-btn{flex:1;padding:9px;border-radius:9px;border:1.5px solid var(--av-border);background:#fff;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s;}
.pp-yn .pp-yn-btn:hover,.pp-yn .pp-yn-btn.on{border-color:var(--av-purple);background:#ede9fe;color:var(--av-purple);}
.pp-row{display:flex;border-bottom:1.5px solid #d1d5db;align-items:center;padding:4px 0;margin-bottom:14px;}
.pp-row input,.pp-row select{flex:1;border:none;outline:none;font-size:15px;font-family:inherit;background:transparent;color:#111;}
.pp-row input::placeholder{color:#9ca3af;}
.pp-row .pp-unit{font-size:13px;color:var(--av-muted);font-weight:600;white-space:nowrap;margin-left:6px;}
.pp-row:focus-within{border-color:var(--av-purple);}
.pp-am-grid{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px;}
.pp-am{padding:6px 12px;border-radius:20px;border:1.5px solid var(--av-border);background:#fff;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s;}
.pp-am:hover,.pp-am.on{border-color:var(--av-purple);background:#ede9fe;color:var(--av-purple);}
.pp-info{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:10px 14px;font-size:13px;color:#166534;margin-bottom:14px;}
.pp-price-lbl{color:var(--av-purple);font-weight:700;font-size:12px;margin-top:3px;display:block;min-height:15px;}
.pp-next-btn{width:100%;background:var(--av-green);color:#fff;border:none;border-radius:10px;padding:14px;font-size:15px;font-weight:800;cursor:pointer;font-family:inherit;margin-top:20px;transition:background .2s;}
.pp-next-btn:hover{background:#2e9e5e;}
.pp-next-btn:disabled{opacity:.6;cursor:not-allowed;}
.pp-next-btn.purple{background:var(--av-purple);}
.pp-next-btn.purple:hover{background:#3226a0;}
.pp-back-btn{width:100%;background:#f3f4f6;color:#374151;border:none;border-radius:10px;padding:12px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;margin-top:8px;}
.pp-sum{background:#f9fafb;border-radius:10px;border:1px solid var(--av-border);padding:14px;font-size:13px;line-height:1.9;}
.pp-sum table{width:100%;}
.pp-sum td:first-child{color:var(--av-muted);width:130px;}
.pp-sum td:last-child{font-weight:700;}
/* HEADER gradient */
.pp-head{background:linear-gradient(135deg,#3d2fa9,#5c4de8);border-radius:12px 12px 0 0;padding:18px 22px 14px;color:#fff;}
.pp-head h2{margin:0 0 3px;font-size:19px;font-weight:800;}
.pp-head-row{display:flex;justify-content:space-between;align-items:center;}
.pp-prog{background:rgba(255,255,255,.25);border-radius:20px;height:5px;margin-top:10px;}
.pp-prog-fill{background:#fff;border-radius:20px;height:5px;transition:width .4s;}
.pp-tabs-hd{display:flex;gap:6px;margin-top:12px;flex-wrap:wrap;}
.pp-tab-hd{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700;cursor:pointer;border:none;font-family:inherit;}
.pp-tab-hd.on{background:#fff;color:#3d2fa9;}
.pp-tab-hd.off{background:rgba(255,255,255,.18);color:rgba(255,255,255,.75);}
.pp-body{background:#fff;border-radius:0 0 12px 12px;box-shadow:0 4px 24px rgba(0,0,0,.09);padding:22px;border:1px solid var(--av-border);border-top:none;}
/* Admin portal tabs */
.av-admin-topbar{background:#1e1e2e!important;}
.av-admin-topbar .av-tab{color:rgba(255,255,255,.8);border-color:rgba(255,255,255,.2);background:transparent;}
.av-admin-topbar .av-tab.on{background:#fff;color:#1e1e2e;}
/* Responsive */
@media(max-width:600px){
    .av-grid2{grid-template-columns:1fr;}
    .av-stats{grid-template-columns:1fr 1fr;}
    .av-topbar{flex-direction:column;align-items:flex-start;}
    .av-otp-box{width:38px!important;height:44px;font-size:18px;}
    .pp-types{grid-template-columns:repeat(3,1fr);}
}

/* Stats Cards */
.av-stat-card{background:#fff;border-radius:10px;padding:14px 18px;box-shadow:0 2px 8px rgba(0,0,0,.08);cursor:pointer;transition:transform .15s,box-shadow .15s;min-width:90px;text-align:center;}
.av-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.12);}
.av-stat-num{font-size:28px;font-weight:900;line-height:1;}
.av-stat-lbl{font-size:11px;color:#6b7280;font-weight:600;margin-top:4px;}
/* Tab badge */
.av-badge{display:inline-flex;align-items:center;justify-content:center;background:#ef4444;color:#fff;font-size:10px;font-weight:800;min-width:18px;height:18px;border-radius:20px;padding:0 5px;margin-left:4px;line-height:1;}

/* ── AMENITY CHIPS ───────────────────────────────────── */
.pj-am-chip {
    padding: 7px 14px;
    border: 2px solid #e5e7eb;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    background: #fff;
    color: #374151;
    transition: all .15s;
    font-family: inherit;
}
.pj-am-chip:hover {
    border-color: #1a56db;
    color: #1a56db;
    background: #eff6ff;
}
.pj-am-chip.active-chip {
    background: #1a56db;
    color: #fff;
    border-color: #1a56db;
}
.pj-am-chip.active-furnish {
    background: #f59e0b;
    color: #fff;
    border-color: #f59e0b;
}
