:root{font-family:Segoe UI,Arial,sans-serif;color:#183c39;background:#f3f5f1}*{box-sizing:border-box}body{margin:0}header{background:#163d39;color:white;padding:22px 5%;display:flex;align-items:center;justify-content:space-between}header strong{font-size:24px}header span{font-weight:400;font-size:15px;margin-left:18px;color:#d2ded5}main{max-width:1240px;margin:36px auto;padding:0 24px}h1{font-size:clamp(26px,4vw,38px);font-weight:600;letter-spacing:-1px;margin:10px 0 24px}h2{font-size:21px}.eyebrow{font-size:12px;letter-spacing:2px}.panel{padding:24px;border:1px solid #d6dfd5;background:white;border-radius:12px;margin:16px 0}.narrow{max-width:450px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}nav{display:flex;gap:8px;flex-wrap:wrap}button{font:inherit;background:#215b50;color:white;border:1px solid #215b50;padding:11px 17px;border-radius:7px;cursor:pointer}button:disabled{opacity:.5;cursor:wait}nav button{color:#244b43;background:white}nav button[aria-pressed=true]{background:#215b50;color:white}label{display:block;margin:15px 0;font-size:14px}input,select,textarea{display:block;width:100%;margin-top:7px;border:1px solid #9dafaa;border-radius:6px;padding:10px;font:inherit;background:white;color:#183c39}textarea{resize:vertical}.check{display:flex;align-items:flex-start;gap:10px}.check input{width:18px;margin-top:2px;flex-shrink:0}.entry{display:block;width:100%;text-align:left;background:#f5f7f3;color:#183c39;border:1px solid #dce4da;margin:10px 0;overflow-wrap:anywhere}.entry strong,.entry small{display:block}.entry small{margin-top:7px;color:#50655e;line-height:1.6}.entry[aria-pressed=true]{border:2px solid #215b50}#notice:not(:empty){padding:14px;background:#e9eee1;border-radius:6px}summary{cursor:pointer;font-weight:600}details{margin-top:20px}hr{border:0;border-top:1px solid #d6dfd5;margin:25px 0}footer{padding:24px 5%;font-size:13px;color:#63786d}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #c59736;outline-offset:3px}[hidden]{display:none!important}@media(max-width:760px){.columns{grid-template-columns:1fr;gap:0}main{padding:0 16px}.panel{padding:18px}header span{display:none}}

.source-record { white-space: pre-wrap; overflow-wrap: anywhere; }
.brand{display:flex;align-items:center;gap:18px;min-width:0}.brand-logo{display:block;width:176px;height:auto;background:#fff;padding:8px;border-radius:6px;flex-shrink:0}.brand span{margin-left:0}header{gap:16px;padding-top:14px;padding-bottom:14px}@media(max-width:480px){.brand-logo{width:140px}header{padding-left:16px;padding-right:16px;gap:10px}header button{padding:10px 12px}}
.property-photo-large{display:block;max-width:85vw;max-height:75vh;object-fit:contain}
.property-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:16px;margin:16px 0}.property-photo-card{min-width:0;padding:12px;border:1px solid #d6dfd5;border-radius:8px;background:#fff}.property-photo-card p{overflow-wrap:anywhere}.property-photo-card>button:not(.property-photo-preview){margin:4px}.property-photo-preview{display:flex;align-items:center;justify-content:center;width:100%;height:170px;padding:0;background:#edf1ee;color:#183c39;border:1px solid #d6dfd5;overflow:hidden}.property-photo-preview img{display:block;width:100%;height:100%;object-fit:contain}.property-photo-card a{display:inline-block;margin:8px;color:#215b50}

.property-address{margin:1rem 0;padding:1rem}.address-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.property-address iframe{width:100%;height:250px;border:0;margin:.8rem 0}.property-address a{display:block;margin-top:.7rem}@media(max-width:650px){.address-fields{grid-template-columns:1fr}}

.address-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.8fr);gap:1rem;align-items:start}.property-address{min-width:0}.address-fields input{min-width:0;width:100%;box-sizing:border-box}@media(max-width:800px){.address-layout{grid-template-columns:1fr}}

.property-map-controls{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:15px 0}.property-map-controls label{flex:1;min-width:180px;margin:0}.property-map-controls>p{flex-basis:100%}.property-map-canvas{height:480px;max-width:100%;margin:14px 0;isolation:isolate}.property-map-list{display:flex;flex-wrap:wrap;gap:8px}.property-map-list button{font-size:14px;text-align:left}.property-map-canvas .leaflet-control-zoom a{color:#183a35}.property-map-canvas .leaflet-popup-content{color:#183a35}.property-map-canvas .leaflet-popup-content p{margin:8px 0}@media(max-width:600px){.property-map-canvas{height:380px}}

/* Workspace and property navigation. Hidden fields retain form ownership. */
[hidden]{display:none!important}.workspace-home{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin:36px 0}.workspace-home a{display:block;padding:36px 24px;background:#f2f7f6;border:1px solid #cbdcd8;border-radius:12px;font-size:1.25rem;color:#174d43;text-decoration:none}.workspace-nav,.ppo-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.workspace-nav a{padding:10px 16px;color:#174d43}.ppo-tabs button{background:#edf3f1;color:#244b43;border:1px solid #cbdcd8}.ppo-tabs button[aria-selected=true]{background:#165c4e;color:white}.ppo-tabs button:focus-visible,.workspace-nav a:focus-visible{outline:3px solid #db9d2a;outline-offset:3px}.property-entry{display:block;padding:18px;margin:10px 0;border:1px solid #cbdcd8;border-radius:8px;color:#174d43;background:#f8faf9;text-decoration:none}.property-edit{display:block}main:has(#workspace:not([hidden]))>.eyebrow,main:has(#workspace:not([hidden]))>h1{display:none}

.urgent-entry{border-left:5px solid #a12722;background:#fff1eb;color:#76211c;padding:12px;font-weight:700;}
/* Ordered SOP path: status is conveyed with words as well as colour. */
.sop-path{list-style:none;padding:0;margin:24px 0;max-width:900px}.sop-path-step{position:relative;padding:0 0 18px;margin:0}.sop-path-step:not(:last-child):before{content:'';position:absolute;left:31px;top:40px;bottom:0;width:2px;background:#b7cbc5}.sop-path-card,.sop-path button.sop-path-card{position:relative;display:flex;align-items:center;gap:16px;width:100%;box-sizing:border-box;text-align:left;padding:14px 16px;border:1px solid #cbdcd8;border-radius:12px;background:#f5f8f7;color:#244b43;font:inherit;white-space:normal}.sop-path-number{display:flex;align-items:center;justify-content:center;flex:0 0 30px;height:30px;border-radius:50%;background:#e1eae6;font-weight:700}.sop-path-card strong{display:block;font-weight:600;overflow-wrap:anywhere}.sop-path-card small{display:block;margin-top:5px}.sop-path-step[data-state=done] .sop-path-card{background:#eaf5ee;border-color:#8ebaa2}.sop-path-step[data-state=done] .sop-path-number{background:#236743;color:white}.sop-path-step[data-state=next] .sop-path-card{background:#fff7e7;border:2px solid #ad7519}.sop-path button.sop-path-card:hover{filter:brightness(.98)}.sop-path button.sop-path-card:focus-visible{outline:3px solid #ad7519;outline-offset:3px}@media(max-width:540px){.sop-path-card,.sop-path button.sop-path-card{padding:12px;gap:10px}.sop-path-step:not(:last-child):before{left:27px}}

/* Main navigation shares the My properties button appearance. */
.workspace-nav[aria-label="Κύρια πλοήγηση"]>a,.workspace-nav[aria-label="Κύρια πλοήγηση"]>button{display:inline-flex;align-items:center;justify-content:center;font:inherit;line-height:normal;text-align:center;text-decoration:none;background:#fff;color:#244b43;border:1px solid #215b50;padding:11px 17px;border-radius:7px;cursor:pointer}.workspace-nav[aria-label="Κύρια πλοήγηση"]>a:focus-visible,.workspace-nav[aria-label="Κύρια πλοήγηση"]>button:focus-visible{outline:3px solid #db9d2a;outline-offset:3px}

.workspace-nav>a.branded-property-shortcut,.workspace-nav>button.branded-property-shortcut{display:inline-flex;align-items:center;gap:10px;background:#215b50;color:#fff;border:1px solid #215b50;border-radius:7px;padding:7px 17px;text-decoration:none}.branded-property-shortcut img{display:block;object-fit:contain;width:72px;height:48px;border-radius:3px;background:white;flex-shrink:0}

/* Readable account controls on the dark header. */
#password-panel{color:#183c39;background:#fff}

/* PFM login: keep existing session form and disabled-until-ready gate. */
#login-panel{max-width:none;color:#153653;border:0;background:transparent;padding:0;margin:24px auto}#login-panel h2{text-align:center;font-size:14px;letter-spacing:.18em;font-weight:400}#login-fields{border:0;padding:0;margin:0;min-width:0}#login-panel .mark{position:relative;width:100%;aspect-ratio:1774/887}#login-panel .whole{width:100%;display:block}#login-panel .field{position:absolute;top:36.45%;height:8.04%;margin:0}#login-panel .user{left:12%;width:17%}#login-panel .pass{left:36.81%;width:19.22%}#login-panel .letter{display:none}#login-panel input{width:100%;height:100%;margin:0;min-height:0;background:#f8fafc;border:1px solid transparent;border-radius:3px;padding:0 10px;color:#153653;font-size:11px}#login-panel input:focus{border-color:#9aaeba;outline:2px solid #557c9b;outline-offset:2px}#login-panel .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}#login-panel .actions{text-align:center;margin-top:-7%}#login-panel button{background:#153653;border-color:#153653;padding:14px 54px}#login-panel .mobile-title{display:none}body:has(#login-panel:not([hidden])){background:#f8fafc}body:has(#login-panel:not([hidden]))>header{display:none}main:has(#login-panel:not([hidden]))>.eyebrow,main:has(#login-panel:not([hidden]))>h1{display:none}
@media(max-width:1100px){#login-panel .mark{width:min(340px,100%);margin:32px auto;aspect-ratio:auto;display:grid;gap:32px}#login-panel .whole{display:none}#login-panel .field{position:relative;top:auto;left:auto;width:100%;height:auto;aspect-ratio:408/336;overflow:hidden}#login-panel .letter{display:block;position:absolute;width:434.805%;max-width:none;top:-73.214%;left:-51.471%;pointer-events:none}#login-panel .pass .letter{left:-159.804%}#login-panel .field input{position:absolute;top:23%;left:0;width:96%;height:21.25%;min-height:0}#login-panel .user input{width:74%}#login-panel .pass input{left:0.25%;width:83.58%}#login-panel .mobile-title{display:block;text-align:center;font-size:14px;margin:24px 0}#login-panel .actions{margin:20px 0}}

/* Submit button occupies the short horizontal F bar. */
#login-panel .actions{position:absolute;left:36.81%;top:44.87%;width:19.22%;height:7.89%;margin:0;text-align:center;z-index:1}#login-panel .actions button{display:block;width:100%;height:100%;padding:0;border:0;border-radius:0;background:#153653;color:#fff;font-size:11px;letter-spacing:.04em}#login-panel .actions button:hover{background:#204966}#login-panel .actions button:focus-visible{outline:3px solid #7399b7;outline-offset:2px}
@media(max-width:1100px){#login-panel .user{grid-area:1/1}#login-panel .pass{grid-area:2/1}#login-panel .actions{grid-area:2/1;position:relative;align-self:start;left:0.25%;top:auto;width:83.58%;height:auto;aspect-ratio:341/70;margin:37.25% 0 0}}

#login-panel .ecosystem-link{color:inherit;text-decoration:none}#login-panel .ecosystem-link:hover{text-decoration:underline}#login-panel .ecosystem-link:focus-visible{outline:2px solid #557c9b;outline-offset:4px}
