.mxn-hub{--navy:#0c294c;--gold:#d9ac48;--muted:#73849a;font-family:Segoe UI,Arial,sans-serif;color:var(--navy);background:#f4f7fb;min-height:100vh;font-size:15px;line-height:1.45}.mxn-hub *{box-sizing:border-box}.mxn-hub button,.mxn-hub input,.mxn-hub select,.mxn-hub textarea{font:inherit}.mxn-hub button,.mxn-hub a{touch-action:manipulation}.mxn-hub button{cursor:pointer}.mxn-hub button:focus-visible,.mxn-hub a:focus-visible,.mxn-hub input:focus-visible,.mxn-hub select:focus-visible,.mxn-hub textarea:focus-visible{outline:3px solid #cc9a2e;outline-offset:3px}.mxn-hub .hub-header{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#fff;padding:20px 4%;border-bottom:1px solid #e0e7f0}.mxn-hub .hub-logo{font-size:39px;font-weight:800;letter-spacing:2px;line-height:1}.mxn-hub .hub-logo span{color:var(--gold)}.mxn-hub .hub-logo small{display:block;font-size:8px;letter-spacing:3px;margin-top:8px}.mxn-hub .hub-nav{display:flex;gap:30px}.mxn-hub .hub-nav button{border:0;background:none;color:#718096;padding:10px 0}.mxn-hub .hub-nav button.selected{color:var(--navy);border-bottom:3px solid var(--gold);font-weight:700}.mxn-hub .hub-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;padding:12px 17px;border:1px solid #d3ddeb;background:white;color:var(--navy);text-decoration:none;font-weight:600}.mxn-hub .hub-btn.primary{background:var(--navy);color:white;border-color:var(--navy)}.mxn-hub .hub-btn.danger{color:#a62b30}.mxn-hub .hub-btn:disabled{opacity:.5;cursor:default}.mxn-hub .hub-content{max-width:1600px;margin:auto;padding:30px 4%}.mxn-hub h1{font-size:clamp(26px,2.7vw,42px);letter-spacing:-1px;line-height:1.2;margin:0 0 10px}.mxn-hub h2{margin:0 0 12px;font-size:23px}.mxn-hub p{margin:0}.mxn-hub .hub-intro{color:var(--muted);font-size:17px}.mxn-hub .hub-preview{font-size:11px;border:1px solid #d8b05d;color:#97742d;border-radius:6px;padding:3px 9px;margin-left:12px;white-space:nowrap}.mxn-hub .hub-toolbar{display:flex;gap:18px;align-items:center;margin:24px 0 20px;flex-wrap:wrap}.mxn-hub .hub-search{min-width:240px;flex:1;border:1px solid #d5dfeb;padding:14px 18px;background:white;border-radius:10px;color:var(--navy)}.mxn-hub .hub-filters{display:flex;gap:9px;flex-wrap:wrap}.mxn-hub .hub-filter{border:1px solid #d5dfeb;background:#f9fbfd;color:#536680;border-radius:9px;padding:11px 17px}.mxn-hub .hub-filter.selected{color:white;background:var(--navy);border-color:var(--navy)}.mxn-hub .hub-main{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(300px,1fr);gap:20px}.mxn-hub .hub-map{position:relative;overflow:hidden;border-radius:14px;background:radial-gradient(ellipse at 35% 35%,#103654,#031629 80%);border:1px solid #d4e1ed;box-shadow:0 10px 30px #0b284611;min-height:560px}.mxn-hub .hub-map>svg{display:block;width:100%;height:100%;min-height:560px;max-height:660px;touch-action:none}.mxn-hub .map-land{fill:url(#mxn-land);stroke:#50788e;stroke-width:.65;fill-rule:evenodd}.mxn-hub .map-greece{stroke:#e3bd67;stroke-width:.8;fill:url(#mxn-greece)}.mxn-hub .map-route{fill:none;stroke:#e6b954;stroke-width:1.5;stroke-dasharray:4 5;opacity:.9}.mxn-hub .map-node{cursor:pointer}.mxn-hub .map-node:focus-visible{outline:none}.mxn-hub .map-node:focus-visible circle{stroke:#fff;stroke-width:4}.mxn-hub .map-label{font-size:12px;font-weight:600;fill:#fff;paint-order:stroke;stroke:#082139;stroke-width:4px;stroke-linejoin:round;pointer-events:none}.mxn-hub .map-hq-label{fill:#f3d992}.mxn-hub .hub-hq{position:absolute;left:18px;bottom:33px;background:#fffef4f2;border:1px solid #ebcd7c;border-radius:11px;padding:13px 16px;box-shadow:0 4px 20px #0002;font-size:12px;pointer-events:none}.mxn-hub .hub-hq strong{font-size:14px}.mxn-hub .hub-hq p{color:#6e7c8d;margin-top:4px}.mxn-hub .map-credit{position:absolute;bottom:6px;left:15px;font-size:10px;color:#a2b5c4}.mxn-hub .map-zoom{position:absolute;right:16px;bottom:27px;display:grid;gap:3px}.mxn-hub .map-zoom button{border:1px solid #e0e4ea;background:white;color:var(--navy);border-radius:7px;width:34px;height:34px;font-size:19px}.mxn-hub .hub-detail{background:white;border:1px solid #dce5ef;border-radius:14px;overflow:hidden;box-shadow:0 6px 24px #122d4910}.mxn-hub .detail-banner{height:130px;background:linear-gradient(165deg,transparent 60%,#637e94 60.5%,#bdcddd 64%,transparent 64.5%),linear-gradient(25deg,transparent 54%,#adc6d9 54.5%,#64859a 59%,transparent 59.5%),linear-gradient(175deg,#7eaac5,#cce0eb 75%,#8396a1 76%);position:relative;overflow:hidden}.mxn-hub .detail-banner:after{content:'MXN · Ψηφιακές υπηρεσίες';position:absolute;bottom:14px;left:22px;font-size:11px;letter-spacing:2px;color:#fff;text-shadow:0 1px 4px #18314b}.mxn-hub .detail-body{padding:22px}.mxn-hub .detail-category{font-size:11px;color:#597794;letter-spacing:1px;font-weight:700}.mxn-hub .detail-title{margin-top:8px;font-size:25px}.mxn-hub .detail-meta{display:flex;align-items:center;justify-content:space-between;color:#758499;margin-bottom:16px;gap:15px}.mxn-hub .hub-status{border:1px solid #dcb666;color:#957024;background:#fffbf1;border-radius:5px;font-size:11px;padding:3px 8px;white-space:nowrap}.mxn-hub .hub-status.inactive{border-color:#c4cdd6;color:#788390;background:#f4f6f8}.mxn-hub .detail-description{color:#78889c;font-size:14px;margin-bottom:18px}.mxn-hub .detail-services{list-style:none;padding:0;margin:0 0 14px}.mxn-hub .detail-services li{border-top:1px solid #e5ebf1;padding:12px 0;display:flex;gap:12px;align-items:center}.mxn-hub .service-icon{display:inline-flex;width:30px;height:30px;background:#edf4fa;align-items:center;justify-content:center;border-radius:8px;color:#3e6888}.mxn-hub .detail-actions{display:grid;gap:9px;margin-top:16px}.mxn-hub .hub-add{margin-top:14px;background:#fff9e9;border:1px solid #ead49d;border-radius:12px;display:flex;align-items:center;gap:14px;padding:16px}.mxn-hub .hub-add .plus{font-size:30px;color:#b38a31}.mxn-hub .hub-add p{font-size:12px;color:#8c7c55}.mxn-hub .hub-add .hub-btn{margin-left:auto;background:transparent;padding:7px 12px;border-color:#dcb666}.mxn-hub .hub-section-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:26px 0 14px}.mxn-hub .hub-section-head h2{font-size:19px;margin:0}.mxn-hub .hub-count{color:#7c8b9d;font-size:12px}.mxn-hub .hub-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.mxn-hub .hub-app{display:flex;align-items:center;gap:13px;width:100%;text-align:left;background:#fff;border:1px solid #dce5ef;border-radius:12px;padding:18px;color:var(--navy);min-height:90px}.mxn-hub .hub-app.selected{border-color:#cda44b;box-shadow:0 0 0 1px #dcb85f}.mxn-hub .hub-app-icon{font-size:25px;background:#edf4fa;width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.mxn-hub .hub-app strong{display:block;font-size:14px}.mxn-hub .hub-app small{color:#78899b;font-size:12px;display:block;margin-top:4px}.mxn-hub .hub-app .hub-status{margin-left:auto}.mxn-hub .hub-empty{grid-column:1/-1;border:1px dashed #cbd8e4;border-radius:12px;padding:28px;color:#78889d;text-align:center}.mxn-hub .hub-footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#8996a7;font-size:12px;margin-top:28px}.mxn-hub .hub-footer button{border:0;background:none;color:#637a95;padding:0;text-decoration:underline}.mxn-hub .hub-toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#102d4f;color:#fff;max-width:90%;padding:14px 22px;border-radius:10px;z-index:99999;box-shadow:0 5px 30px #0003}.mxn-hub dialog{border:1px solid #d6e0ec;border-radius:17px;padding:25px;width:min(650px,94vw);max-height:90vh;color:var(--navy);box-shadow:0 25px 90px #07182d55}.mxn-hub dialog::backdrop{background:#081a34aa;backdrop-filter:blur(4px)}.mxn-hub .dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.mxn-hub .dialog-top h2{margin:0}.mxn-hub .dialog-close{border:0;background:none;font-size:25px;color:#6d7e90}.mxn-hub .hub-form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.mxn-hub .hub-form label{font-size:12px;color:#526882;display:grid;gap:6px}.mxn-hub .hub-form label.wide,.mxn-hub .hub-form .wide{grid-column:1/-1}.mxn-hub .hub-form input,.mxn-hub .hub-form select,.mxn-hub .hub-form textarea{width:100%;padding:10px;border:1px solid #cbd8e5;border-radius:7px;background:white;color:var(--navy);min-width:0}.mxn-hub .hub-form label.checkbox{display:flex;align-items:center;gap:8px}.mxn-hub .checkbox input{width:16px}.mxn-hub .hub-form .form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}.mxn-hub .form-help{font-size:12px;color:#748597}.mxn-hub .form-error{color:#a62930;font-size:13px;min-height:20px}.mxn-hub .hub-connections{width:100%;border-collapse:collapse;font-size:13px}.mxn-hub .hub-connections th,.mxn-hub .hub-connections td{text-align:left;padding:12px 8px;border-bottom:1px solid #e3eaf1}.mxn-hub .hub-connections a{color:#23547f;word-break:break-all}.mxn-hub .hub-connections .hub-btn{padding:6px 10px;font-size:12px}.mxn-hub .connections-scroll{overflow:auto}body:has(.mxn-hub dialog[open]){overflow:hidden}@media(max-width:1050px){.mxn-hub .hub-main{grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr)}.mxn-hub .hub-map,.mxn-hub .hub-map>svg{min-height:510px}.mxn-hub .hub-cards{grid-template-columns:1fr 1fr}.mxn-hub .hub-header{padding:18px 3%}.mxn-hub .hub-nav{gap:17px}.mxn-hub .detail-body{padding:18px}}@media(max-width:760px){.mxn-hub .hub-main{grid-template-columns:1fr}.mxn-hub .hub-header{flex-wrap:wrap;gap:15px}.mxn-hub .hub-nav{order:3;width:100%;justify-content:center}.mxn-hub .hub-logo{font-size:31px}.mxn-hub .hub-content{padding:22px 4%}.mxn-hub .hub-search{width:100%;flex-basis:100%}.mxn-hub .hub-filter{padding:8px 10px;font-size:12px}.mxn-hub .hub-map,.mxn-hub .hub-map>svg{min-height:400px;height:440px}.mxn-hub .hub-cards{grid-template-columns:1fr}.mxn-hub .hub-intro{font-size:14px}.mxn-hub .hub-preview{display:inline-block;margin:8px 0 0}.mxn-hub .hub-form{grid-template-columns:1fr}.mxn-hub .hub-form label.wide,.mxn-hub .hub-form .wide{grid-column:1}.mxn-hub .detail-banner{height:110px}}
.mxn-hub .detail-banner{background:linear-gradient(0deg,#0b284955,transparent 75%),url('landscape.jpg') center 47%/cover}.mxn-hub .map-route{stroke-width:2.2;stroke-dasharray:5 5}.mxn-hub .map-label{font-size:15px}
.mxn-hub [hidden]{display:none!important}
.mxn-hub .map-node .map-label{pointer-events:auto}
.mxn-hub .hub-map{background:linear-gradient(145deg,#e7f2fa,#c7e5f5)}.mxn-hub .map-countries{filter:none}.mxn-hub .map-land{fill:#e6eeeb;stroke:#b8cdc8;stroke-width:.8}.mxn-hub .map-greece{fill:#cbded7;stroke:#9fb8ad;stroke-width:1}.mxn-hub .map-lights{display:none}.mxn-hub .map-label{fill:#102d4b;stroke:#f8fbfd;stroke-width:4px}.mxn-hub .map-hq-label{fill:#815d18}.mxn-hub .map-route{stroke:#c3932e;opacity:.85}.mxn-hub .map-credit{color:#617d91}
.mxn-hub .hub-street-map{position:absolute;inset:0;z-index:1;background:#d9edf5}.mxn-hub .street-ready>svg{visibility:hidden}.mxn-hub .street-ready .map-credit{display:none}.mxn-hub .hub-hq,.mxn-hub .map-zoom{z-index:500}.mxn-hub .pin-dot{display:block;width:22px;height:22px;background:#0b2c4d;border:3px solid white;border-radius:50%;box-shadow:0 2px 8px #10294466}.mxn-hub .mxn-street-pin.selected .pin-dot,.mxn-hub .mxn-street-hq .pin-dot{background:#d5a12f}.mxn-hub .mxn-street-hq .pin-dot{width:26px;height:26px}.mxn-hub .mxn-street-pin.inactive .pin-dot{background:#8996a0}.mxn-hub .mxn-map-tooltip{font-family:Segoe UI,Arial,sans-serif;font-size:12px;color:#14334e;border:1px solid #d4dde5;border-radius:6px;padding:4px 8px;box-shadow:0 2px 8px #16334720}.mxn-hub .mxn-hq-tooltip{background:#fff9e7;color:#8a661a;border-color:#e6c985}.mxn-hub .leaflet-container{font-family:Segoe UI,Arial,sans-serif}.mxn-hub .leaflet-control-attribution a{color:#24547c}
