/* NSP Real Estate v2 */
:root{--bg1:#292a32;--bg2:#23242b;--bg3:#2f3039;--brd:#3c3d47;--acc:#e05c2a;--ach:#c0440f;--w:#fff;--m:#ccc;--d:#888;}

/* LISTINGS */
.nsp-wrap{font-family:'Open Sans',sans-serif;}
.nsp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
@media(max-width:900px){.nsp-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.nsp-grid{grid-template-columns:1fr;}}

.nsp-card{background:var(--bg3);border:1px solid var(--brd);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,border-color .2s,box-shadow .2s;}
.nsp-card:hover{transform:translateY(-4px);border-color:var(--acc);box-shadow:0 8px 32px rgba(0,0,0,.4);}
.nsp-card--sold{opacity:.7;}

.nsp-card-img{display:block;position:relative;overflow:hidden;height:220px;background:var(--bg2);}
.nsp-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s;}
.nsp-card:hover .nsp-card-img img{transform:scale(1.05);}
.nsp-card-noimg{display:flex;align-items:center;justify-content:center;height:100%;font-size:40px;opacity:.3;}

.nsp-sold-ribbon{position:absolute;top:12px;left:12px;background:var(--acc);color:#fff;font-size:10px;font-weight:700;letter-spacing:2px;padding:4px 10px;border-radius:3px;}
.nsp-type-tag{position:absolute;bottom:12px;left:12px;background:rgba(35,36,43,.85);color:var(--w);font-size:10px;font-weight:600;letter-spacing:1px;padding:3px 9px;border-radius:3px;backdrop-filter:blur(4px);}

.nsp-card-body{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1;}
.nsp-region{font-size:11px;color:var(--d);letter-spacing:1px;text-transform:uppercase;margin-bottom:5px;}
.nsp-card-title{font-family:Montserrat,sans-serif;font-size:16px;font-weight:700;margin-bottom:8px;line-height:1.3;}
.nsp-card-title a{color:var(--w);text-decoration:none;transition:color .2s;}
.nsp-card-title a:hover{color:var(--acc);}
.nsp-price{font-family:Montserrat,sans-serif;font-size:20px;font-weight:800;color:var(--acc);margin-bottom:10px;}
.nsp-specs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px;font-size:12px;color:var(--m);}
.nsp-cta{display:inline-block;color:var(--acc);font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-top:auto;transition:color .2s;}
.nsp-cta:hover{color:var(--ach);}
.nsp-empty,.nsp-loading{text-align:center;padding:60px 20px;color:var(--d);font-size:14px;}
.nsp-empty a{color:var(--acc);}
.nsp-tag{display:inline-block;background:rgba(224,92,42,.15);color:var(--acc);font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:2px 7px;border-radius:3px;}

/* CONTROL PANEL */
#nsp-cp{font-family:'Open Sans',sans-serif;background:var(--bg1);min-height:100vh;color:var(--w);}
#nsp-cp.nsp-cp-embedded{min-height:0;background:transparent;}
#nsp-cp.nsp-cp-embedded #nsp-dash{display:block;}

#nsp-login{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg2);}
.nsp-login-box{background:var(--bg3);border:1px solid var(--brd);border-radius:12px;padding:48px 40px;width:100%;max-width:380px;text-align:center;}
.nsp-logo-big{font-family:Montserrat,sans-serif;font-size:30px;font-weight:900;color:var(--w);letter-spacing:4px;display:block;}
.nsp-logo-small{font-size:9px;letter-spacing:2px;color:var(--acc);text-transform:uppercase;display:block;margin-top:2px;margin-bottom:24px;}
.nsp-login-box p{color:var(--d);font-size:13px;margin-bottom:20px;}
#nsp-pin{width:100%;padding:14px;background:var(--bg2);border:1px solid var(--brd);border-radius:6px;color:var(--w);font-size:24px;text-align:center;letter-spacing:8px;margin-bottom:12px;box-sizing:border-box;}
#nsp-pin:focus{outline:none;border-color:var(--acc);}
#nsp-do-login{width:100%;padding:12px;background:var(--acc);color:#fff;border:none;border-radius:6px;font-family:'Open Sans',sans-serif;font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:background .2s;}
#nsp-do-login:hover{background:var(--ach);}
#nsp-login-err{display:none;color:#f87171;font-size:13px;margin-top:10px;}

.nsp-topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 28px;background:var(--bg2);border-bottom:1px solid var(--brd);position:sticky;top:0;z-index:50;}
.nsp-topbar-left,.nsp-topbar-right{display:flex;align-items:center;gap:10px;}

.nsp-stats-row{display:grid;grid-template-columns:repeat(3,1fr);background:var(--brd);gap:1px;border-bottom:1px solid var(--brd);}
.nsp-stat{background:var(--bg2);padding:14px;text-align:center;}
.nsp-stat span{display:block;font-family:Montserrat,sans-serif;font-size:28px;font-weight:900;color:var(--acc);}
.nsp-stat small{font-size:10px;color:var(--d);letter-spacing:1px;text-transform:uppercase;}
.nsp-stat-sold span{color:#f87171;}

.nsp-body{padding:20px 28px;}
.nsp-list{display:flex;flex-direction:column;gap:10px;}
.nsp-row{background:var(--bg3);border:1px solid var(--brd);border-radius:8px;padding:14px;display:grid;grid-template-columns:72px 1fr auto;gap:14px;align-items:center;transition:border-color .2s;}
.nsp-row:hover{border-color:var(--acc);}
.nsp-row-sold{opacity:.65;}
.nsp-row-img{width:72px;height:54px;border-radius:5px;overflow:hidden;background:var(--bg2);position:relative;flex-shrink:0;}
.nsp-row-img img{width:100%;height:100%;object-fit:cover;}
.nsp-sold-badge{position:absolute;bottom:0;left:0;right:0;background:var(--acc);color:#fff;font-size:8px;font-weight:700;text-align:center;padding:2px;letter-spacing:1px;}
.nsp-row-title{font-weight:700;font-size:14px;margin-bottom:5px;}
.nsp-row-meta{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--d);}
.nsp-row-btns{display:flex;gap:6px;flex-wrap:wrap;}

/* BUTTONS */
.nsp-btn{display:inline-flex;align-items:center;gap:5px;padding:9px 16px;border-radius:4px;font-family:'Open Sans',sans-serif;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;border:none;cursor:pointer;transition:all .2s;text-decoration:none;}
.nsp-btn-orange{background:var(--acc);color:#fff;} .nsp-btn-orange:hover{background:var(--ach);}
.nsp-btn-ghost{background:transparent;color:var(--d);border:1px solid var(--brd);} .nsp-btn-ghost:hover{color:var(--w);border-color:var(--w);}
.nsp-btn-outline{background:transparent;color:var(--acc);border:1px solid var(--acc);} .nsp-btn-outline:hover{background:var(--acc);color:#fff;}
.nsp-btn-red{background:#7a1515;color:#fff;} .nsp-btn-red:hover{background:#9a1a1a;}
.nsp-btn-yellow{background:#5a4000;color:#fbbf24;} .nsp-btn-yellow:hover{background:#6a4a00;}
.nsp-btn-green{background:#0a3d1a;color:#34d399;} .nsp-btn-green:hover{background:#0d4d22;}
.nsp-btn-sm{padding:6px 10px;font-size:11px;}

/* MODAL */
#nsp-modal{position:fixed;inset:0;z-index:9999;align-items:center;justify-content:center;}
#nsp-modal-bg{position:absolute;inset:0;background:rgba(0,0,0,.75);}
#nsp-settings-modal{position:fixed;inset:0;z-index:9999;align-items:center;justify-content:center;}
#nsp-settings-modal-bg{position:absolute;inset:0;background:rgba(0,0,0,.75);}
.nsp-modal-box{position:relative;background:var(--bg3);border:1px solid var(--brd);border-radius:12px;width:100%;max-width:740px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;}
.nsp-modal-head{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;border-bottom:1px solid var(--brd);}
.nsp-modal-head span{font-family:Montserrat,sans-serif;font-size:15px;font-weight:700;}
.nsp-modal-x{background:none;border:none;color:var(--d);font-size:24px;cursor:pointer;line-height:1;transition:color .2s;} .nsp-modal-x:hover{color:var(--w);}
.nsp-modal-body{padding:22px;overflow-y:auto;flex:1;}
.nsp-modal-foot{padding:14px 22px;border-top:1px solid var(--brd);display:flex;justify-content:flex-end;gap:10px;}

/* TABS */
.nsp-tabs{display:flex;gap:2px;margin-bottom:20px;border-bottom:1px solid var(--brd);}
.nsp-tab{background:none;border:none;color:var(--d);font-family:'Open Sans',sans-serif;font-size:13px;font-weight:600;padding:9px 14px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s;}
.nsp-tab:hover{color:var(--w);} .nsp-tab.active{color:var(--acc);border-bottom-color:var(--acc);}

/* FORM */
.nsp-row2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;}
.nsp-field{display:flex;flex-direction:column;}
.nsp-field.full{grid-column:1/-1;}
.nsp-field label{font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--d);margin-bottom:5px;}
.nsp-field input,.nsp-field select,.nsp-field textarea{background:var(--bg2);border:1px solid var(--brd);border-radius:5px;color:var(--w);font-family:'Open Sans',sans-serif;font-size:14px;padding:9px 11px;transition:border-color .2s;width:100%;box-sizing:border-box;}
.nsp-field select option{background:var(--bg2);}
/* ΔΙΟΡΘΩΘΗΚΕ (βλ. chat 19/8/2026, ρητό αίτημα χρήστη — "στα πτυσσόμενα μενού
   δεν είναι κεντραρισμένα τα γράμματα όταν είναι κλειστά"): χωρίς
   appearance:none, κάθε browser/OS ζωγραφίζει το native <select> διαφορετικά
   πάνω από το padding μας — ίδιο fix με wp-ad-studio/wp-presenter-studio
   (7/8/2026). Custom βελάκι (SVG) αντί για το ασυνεπές native ένα. */
.nsp-field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:32px;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'><path d='M2 4l5 6 5-6' stroke='%23888' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 10px center;background-size:12px;}
.nsp-field input:focus,.nsp-field select:focus,.nsp-field textarea:focus{outline:none;border-color:var(--acc);}
.nsp-field textarea{resize:vertical;min-height:90px;}
.nsp-hint{font-size:12px;color:var(--d);margin:6px 0;}
.nsp-hint a{color:var(--acc);}
.nsp-extras{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:14px;}

/* TOGGLE */
.nsp-toggle-lbl{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:13px;color:var(--w);padding:8px 0;user-select:none;}
.nsp-toggle-lbl input{display:none;}
.nsp-toggle-sw{width:38px;height:21px;background:var(--brd);border-radius:11px;position:relative;transition:background .2s;flex-shrink:0;}
.nsp-toggle-sw::after{content:'';position:absolute;top:3px;left:3px;width:15px;height:15px;background:#fff;border-radius:50%;transition:left .2s;}
.nsp-toggle-lbl input:checked+.nsp-toggle-sw{background:var(--acc);}
.nsp-toggle-lbl input:checked+.nsp-toggle-sw::after{left:20px;}

/* UPLOAD */
#nsp-dropzone{border:2px dashed var(--brd);border-radius:8px;padding:28px;text-align:center;color:var(--d);margin-bottom:14px;cursor:pointer;transition:border-color .2s;}
#nsp-dropzone:hover,.nsp-dz-over{border-color:var(--acc);}
#nsp-dropzone p{font-size:13px;margin:8px 0 14px;}
.nsp-pbar{height:4px;background:var(--brd);border-radius:2px;margin-bottom:4px;}
#nsp-pbar-fill{height:100%;background:var(--acc);border-radius:2px;transition:width .3s;width:0;}
#nsp-photos-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px;}
.nsp-photo{position:relative;border-radius:5px;overflow:hidden;border:2px solid transparent;transition:border-color .2s;}
.nsp-photo:first-child{border-color:var(--acc);}
.nsp-photo img{width:100%;height:85px;object-fit:cover;display:block;}
.nsp-photo-main{position:absolute;bottom:0;left:0;right:0;background:var(--acc);color:#fff;font-size:8px;font-weight:700;text-align:center;padding:2px;letter-spacing:1px;}
.nsp-photo-acts{position:absolute;top:3px;right:3px;display:flex;gap:2px;}
.nsp-photo-acts button{background:rgba(0,0,0,.7);border:none;color:#fff;width:18px;height:18px;border-radius:50%;cursor:pointer;font-size:11px;line-height:1;transition:background .2s;}
.nsp-photo-acts button:hover{background:var(--acc);}

@media(max-width:580px){.nsp-row{grid-template-columns:1fr;}.nsp-row-img{display:none;}}

/* ════════════════════════════════════════════════════════════
   CONTROL PANEL — ΠΡΑΓΜΑΤΙΚΕΣ κλάσεις του frontend/control-panel.php
   (πριν δεν υπήρχε καμία στυλιστική κάλυψη γι' αυτές — bug fix)
   ════════════════════════════════════════════════════════════ */

/* Brand (login + topbar) */
.nsp-brand{font-family:Montserrat,sans-serif;font-weight:900;letter-spacing:4px;color:var(--w);}
.nsp-brand-sub{display:block;font-size:9px;letter-spacing:2px;color:var(--acc);text-transform:uppercase;margin-top:2px;margin-bottom:24px;}

/* Stats bar (embedded dashboard) */
.nsp-stats-bar{display:grid;grid-template-columns:repeat(3,1fr);background:var(--brd);gap:1px;border-bottom:1px solid var(--brd);}
.nsp-stats-bar .nsp-stat{background:var(--bg2);padding:14px;text-align:center;--sc:var(--acc);}
.nsp-stats-bar .nsp-stat span{display:block;font-family:Montserrat,sans-serif;font-size:28px;font-weight:900;color:var(--sc);}
.nsp-stats-bar .nsp-stat small{font-size:10px;color:var(--d);letter-spacing:1px;text-transform:uppercase;}

/* Buttons (nb / nb-*) */
.nb{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:9px 16px;border-radius:4px;font-family:'Open Sans',sans-serif;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;border:none;cursor:pointer;transition:all .2s;text-decoration:none;}
.nb:disabled{opacity:.6;cursor:default;}
.nb-orange{background:var(--acc);color:#fff;} .nb-orange:hover{background:var(--ach);}
.nb-ghost{background:transparent;color:var(--d);border:1px solid var(--brd);} .nb-ghost:hover{color:var(--w);border-color:var(--w);}
.nb-outline{background:transparent;color:var(--acc);border:1px solid var(--acc);} .nb-outline:hover{background:var(--acc);color:#fff;}
.nb-red{background:#7a1515;color:#fff;} .nb-red:hover{background:#9a1a1a;}
.nb-yellow{background:#5a4000;color:#fbbf24;} .nb-yellow:hover{background:#6a4a00;}
.nb-green{background:#0a3d1a;color:#34d399;} .nb-green:hover{background:#0d4d22;}
.nb-sm{padding:6px 10px;font-size:11px;}
.btn-t,.btn-l{display:inline-flex;align-items:center;gap:6px;}

/* Dashboard list rows */
.nsp-rimg{width:72px;height:54px;border-radius:5px;overflow:hidden;background:var(--bg2);position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.nsp-rimg img{width:100%;height:100%;object-fit:cover;}
.nsp-sbadge{position:absolute;bottom:0;left:0;right:0;background:var(--acc);color:#fff;font-size:8px;font-weight:700;text-align:center;padding:2px;letter-spacing:1px;}
.nsp-rinfo{min-width:0;}
.nsp-rtitle{font-weight:700;font-size:14px;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.nsp-rmeta{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--d);align-items:center;}
.nsp-rbtns{display:flex;gap:6px;flex-wrap:wrap;}

/* Modal (πραγματικά mhead/mbody/mfoot/mbox/mx) */
.nsp-mbox{position:relative;background:var(--bg3);border:1px solid var(--brd);border-radius:12px;width:100%;max-width:740px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;margin:20px;}
.nsp-mhead{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;border-bottom:1px solid var(--brd);}
.nsp-mhead span{font-family:Montserrat,sans-serif;font-size:15px;font-weight:700;}
.nsp-mhead .nsp-mx{background:none;border:none;color:var(--d);font-size:24px;cursor:pointer;line-height:1;transition:color .2s;padding:0;}
.nsp-mhead .nsp-mx:hover{color:var(--w);}
.nsp-mbody{padding:22px;overflow-y:auto;flex:1;}
.nsp-mfoot{padding:14px 22px;border-top:1px solid var(--brd);display:flex;justify-content:flex-end;gap:10px;}

/* Form fields (nsp-f αντί για nsp-field) */
.nsp-f{display:flex;flex-direction:column;margin-bottom:14px;}
.nsp-f.full{grid-column:1/-1;}
.nsp-f label{font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--d);margin-bottom:5px;}
.nsp-f input,.nsp-f select,.nsp-f textarea{background:var(--bg2);border:1px solid var(--brd);border-radius:5px;color:var(--w);font-family:'Open Sans',sans-serif;font-size:14px;padding:9px 11px;transition:border-color .2s;width:100%;box-sizing:border-box;}
.nsp-f select option{background:var(--bg2);}
/* ΔΙΟΡΘΩΘΗΚΕ (βλ. chat 19/8/2026, ίδιο fix με .nsp-field select παραπάνω). */
.nsp-f select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:32px;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'><path d='M2 4l5 6 5-6' stroke='%23888' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 10px center;background-size:12px;}
.nsp-f input:focus,.nsp-f select:focus,.nsp-f textarea:focus{outline:none;border-color:var(--acc);}
.nsp-f textarea{resize:vertical;min-height:90px;}

/* Toggle switch (nsp-tgl / nsp-sw) */
.nsp-tgl{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:13px;color:var(--w);padding:8px 0;user-select:none;}
.nsp-tgl input{display:none;}
.nsp-sw{width:38px;height:21px;background:var(--brd);border-radius:11px;position:relative;transition:background .2s;flex-shrink:0;}
.nsp-sw::after{content:'';position:absolute;top:3px;left:3px;width:15px;height:15px;background:#fff;border-radius:50%;transition:left .2s;}
.nsp-tgl input:checked+.nsp-sw{background:var(--acc);}
.nsp-tgl input:checked+.nsp-sw::after{left:20px;}

/* Map preview (location tab) */
.nsp-map-prev{min-height:60px;display:flex;align-items:center;justify-content:center;background:var(--bg2);border:1px dashed var(--brd);border-radius:6px;color:var(--d);font-size:13px;padding:14px;text-align:center;}

/* Upload dropzone + photo grid (nsp-dz / nsp-pgrid / nsp-pfill) */
#nsp-dz{border:2px dashed var(--brd);border-radius:8px;padding:28px;text-align:center;color:var(--d);margin-bottom:14px;cursor:pointer;transition:border-color .2s;}
#nsp-dz:hover,.nsp-dz-over{border-color:var(--acc);}
#nsp-dz p{font-size:13px;margin:8px 0 14px;}
#nsp-pfill{height:100%;background:var(--acc);border-radius:2px;transition:width .3s;width:0;}
#nsp-pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px;}
.nsp-pmain{position:absolute;bottom:0;left:0;right:0;background:var(--acc);color:#fff;font-size:8px;font-weight:700;text-align:center;padding:2px;letter-spacing:1px;}
.nsp-pacts{position:absolute;top:3px;right:3px;display:flex;gap:2px;}
.nsp-pacts button{background:rgba(0,0,0,.7);border:none;color:#fff;width:18px;height:18px;border-radius:50%;cursor:pointer;font-size:11px;line-height:1;transition:background .2s;}
.nsp-pacts button:hover{background:var(--acc);}

/* Tab panes (στα tabs του modal) */
.nsp-pane{padding-top:4px;}

/* AI & Video section (tab "ai") */
.nsp-ai-section{background:var(--bg2);border:1px solid var(--brd);border-radius:8px;padding:18px;}
.nsp-ai-header{display:flex;flex-direction:column;gap:3px;margin-bottom:4px;}
.nsp-ai-header span{font-family:Montserrat,sans-serif;font-size:14px;font-weight:700;color:var(--w);}
.nsp-ai-header small{font-size:12px;color:var(--d);}
.nsp-ai-body{margin-top:14px;}
.nsp-ai-warn{background:rgba(224,92,42,.1);border:1px solid rgba(224,92,42,.3);border-radius:6px;padding:14px;color:#f0a07a;font-size:13px;line-height:1.6;}
