/* Shared Design B components for every new WiNext surface. */
@media(max-width:600px){#wnx-app #retention-list table,#wnx-app #retention-list tbody,#wnx-app #retention-list tr,#wnx-app #retention-list td{display:block;width:100%;min-width:0}#wnx-app #retention-list thead{display:none}#wnx-app #retention-list tr{padding:12px 0;border-bottom:1px solid var(--wnx-line)}#wnx-app #retention-list td{padding:5px 0;border:0;overflow-wrap:anywhere}#wnx-app #retention-list td:first-child{font-weight:700}#wnx-app #retention-list .table-scroll{overflow:visible}}
#wnx-app.staff #filters.toolbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));align-items:end;gap:16px}
#wnx-app.staff #filters.toolbar>label{width:auto;min-width:0}
#wnx-app.staff #filters.toolbar>label.check{align-self:center}
:is(#wnx-app,body.wnx-staff-login){--wnx-primary:#f49414;--wnx-accent:#f49414;--wnx-line:#d8e0e9;--wnx-muted:#526174;--wnx-ink:#21293d;--wnx-tint:#fffaf4;--wnx-field-radius:22px;--wnx-panel-radius:24px;font-family:system-ui,sans-serif}
:is(#wnx-app,body.wnx-staff-login) .wn-window{border:1px solid var(--wnx-line);border-radius:var(--wnx-panel-radius);overflow:hidden;background:white}
:is(#wnx-app,body.wnx-staff-login) .wn-top{padding:20px 28px;border-bottom:1px solid var(--wnx-line);display:flex;align-items:center;justify-content:space-between;gap:8px;background:white}
:is(#wnx-app,body.wnx-staff-login) .wn-brand{font-size:25px;font-weight:500;letter-spacing:-.04em;color:#8e4c00;text-decoration:none}
:is(#wnx-app,body.wnx-staff-login) .wn-top small{color:var(--wnx-muted);font-size:13px;text-align:right}
#wnx-app.staff .card{border-color:var(--wnx-line);border-radius:var(--wnx-panel-radius);box-shadow:none;background:var(--wnx-tint)}
#wnx-app.staff :is(input:not([type=checkbox]),select,textarea){border-radius:var(--wnx-field-radius);padding:12px 16px;font-size:16px;min-height:48px}
#wnx-app.staff :is(button,.button){border-radius:var(--wnx-field-radius);font-weight:500}
#wnx-app.staff :is(button.primary,.button.primary){background:var(--wnx-primary);border-color:var(--wnx-primary);color:var(--wnx-ink);font-weight:600}
#wnx-app.staff :is(button.primary,.button.primary):hover{background:#ffad38}
#wnx-app.staff label{font-weight:400;font-size:15px}
#wnx-app.staff h1{font-size:27px;font-weight:500;letter-spacing:0}
#wnx-app.staff :is(.notice,.error){border-radius:var(--wnx-field-radius)}
#wnx-app.staff :focus-visible{outline-color:#a95b00}
#wnx-app.staff .brand{font-size:25px;font-weight:500;color:#8e4c00;letter-spacing:-.04em}
#wnx-app.staff .brand small{color:var(--wnx-muted);letter-spacing:0}
#wnx-app .account-list{list-style:none;padding:0;margin:0 0 22px}
#wnx-app .account-list li{display:flex;align-items:center;flex-wrap:wrap;gap:10px 20px;border-bottom:1px solid var(--wnx-line);padding:14px 0;overflow-wrap:anywhere}
#wnx-app .account-list li small{color:var(--wnx-muted);margin-left:auto}
#wnx-app #account-add summary{cursor:pointer;font-weight:600;padding:10px 0}
#wnx-app #account-create{padding-top:16px}
#wnx-app #felhasznalok{margin-bottom:24px}
@media(max-width:600px){:is(#wnx-app,body.wnx-staff-login) .wn-top{padding:18px}}

#wnx-app .address-group{min-width:0;margin:8px 0;padding:18px;border:1px solid var(--wnx-line);border-radius:22px}
#wnx-app .address-group legend{font-weight:600;padding:0 8px}
#wnx-app .address-group [hidden]{display:none!important}
#wnx-app .app-version{white-space:nowrap;font-weight:600}

#wnx-app .package-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;gap:12px;align-items:end;padding:16px 0;border-bottom:1px solid var(--wnx-line)}
#wnx-app #package-add{margin-top:16px}
#wnx-app .package-link{grid-column:1/-1;min-width:0}#wnx-app .package-link code{overflow-wrap:anywhere}#wnx-app .package-link input{font-size:13px}#wnx-app .package-save{margin-top:16px;margin-left:8px}
@media(max-width:650px){#wnx-app .package-row{grid-template-columns:1fr}#wnx-app .package-remove{justify-self:start}}

/* V1.02 location and private photo controls. */
.location-map{height:380px;width:100%;border-radius:16px;overflow:hidden;margin:18px 0}.location-map[hidden]{display:none}.photo-item{display:flex;flex-direction:column;gap:8px;max-width:180px}.photo-item button{font-size:13px;padding:10px}.photos{flex-wrap:wrap}#photo-selection p{overflow-wrap:anywhere}#maps-settings>label{margin:16px 0}#map-open{margin-top:10px}@media(max-width:600px){.location-map{height:320px}}

#closure-fields{margin:20px 0;padding:20px;border:2px solid #d5dfeb;border-radius:16px}#closure-fields legend{font-weight:700}