:root{font-family:system-ui,'Segoe UI',sans-serif;color:#203920;background:#f4f7ed;font-size:19px}*{box-sizing:border-box}body{margin:0}header{background:#294b2c;color:white;padding:20px;display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}header span{font-size:.8rem}main{max-width:1080px;margin:auto;padding:18px}h1{font-size:1.7rem}h2{font-size:1.3rem}button{border:0;border-radius:12px;background:#446c2b;color:white;padding:15px 20px;font-size:1rem;font-weight:700;cursor:pointer;min-height:54px;margin:5px 6px 5px 0}button.secondary{background:#e0ebd5;color:#203920}button.danger{background:#a23b31}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #e4a82e}input,textarea,select{font:inherit;border:2px solid #91a88b;border-radius:9px;padding:12px;width:100%;background:white}label{display:block;font-weight:650;margin:12px 0}nav{display:flex;justify-content:space-between}.panel,.item,.queen-card{background:white;border-radius:15px;padding:18px;margin:12px 0;box-shadow:0 1px 5px #19301920}.item{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.item .name{font-weight:750;flex:1;min-width:160px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:22px}.choice{display:flex;align-items:center;gap:12px;margin:14px 0}.choice span{font-weight:700;min-width:145px}.choice button{padding:9px 14px;min-height:44px}.choice button.selected{background:#254a24;outline:3px solid #e4a82e}.number-grid{display:flex;flex-wrap:wrap;gap:5px}.number-grid button{min-width:49px;padding:10px}.opal{display:inline-block;width:31px;height:31px;border-radius:50%;border:2px solid #777;vertical-align:middle;margin:0 8px}summary{cursor:pointer;font-weight:700;padding:15px}#message,#authmsg{color:#9a312a;font-weight:650}@media(max-width:690px){.fields{grid-template-columns:1fr}.item{align-items:stretch}.item button{flex:1}main{padding:10px}header{padding:15px}h1{font-size:1.4rem}}

/* Senior Edition 3.5 — górny pasek akcji i czytelny układ */
:root{--senior-scale:1;font-size:calc(19px * var(--senior-scale))}
header{background:#223a23;padding:12px 22px;min-height:82px}
header strong{font-size:1.2rem;letter-spacing:.02em}
.header-right{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.font-tools{display:flex;align-items:center;gap:6px;font-size:.7rem;font-weight:700}
.font-tools button{min-height:42px;padding:6px 13px;margin:0}
main{max-width:1320px;padding:20px 24px}
#toolbar{justify-content:flex-start;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 20px}
#toolbar button{margin:0}
#logout{margin-left:auto!important}
h1{font-size:1.85rem;margin:12px 0 18px}
.panel,.item,.queen-card{border:1px solid #d4e0cb;border-radius:5px;box-shadow:none}
.item{padding:12px 16px}
.item .name{font-size:1.12rem}
button{border-radius:5px;background:#446c2b}
button.secondary{background:#e5eddc}
button:disabled{opacity:.5}
.fields{grid-template-columns:minmax(490px,1.1fr) minmax(340px,1fr);align-items:start;gap:24px}
.choice{margin:13px 0;flex-wrap:wrap}
.choice span{min-width:185px}
.choice button{margin:3px;min-height:46px}
.queen-card{margin-top:0}
#editor{padding:24px}
#editor textarea{min-height:220px}
#editor button[type=submit]{display:block;width:100%;margin-top:14px}
#editor details{border-top:2px solid #d4e0cb;margin-top:26px}
#editor summary{background:#f4f7ed}
#add{display:none!important}
@media(max-width:900px){.fields{grid-template-columns:1fr}.choice span{min-width:130px}#logout{margin-left:0!important}}

/* Android PWA: top menu stays above content, one-column controls, touch targets */
html{-webkit-text-size-adjust:100%}body{min-width:0;overscroll-behavior-y:contain}
button,input,select,textarea{touch-action:manipulation}button{min-height:48px}
@media(max-width:900px){
 header{padding:12px 14px;min-height:auto}header strong{font-size:1.05rem}
 .header-right{width:100%;gap:7px;justify-content:space-between}
 #status,#syncStatus{font-size:.72rem;overflow-wrap:anywhere}
 .font-tools{width:100%;justify-content:flex-end}
 main{padding:10px 12px;max-width:100%}
 #toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}
 #toolbar button{width:100%;margin:0;padding:12px 6px;font-size:.85rem;min-height:50px}
 #logout{margin-left:0!important}
 .fields{grid-template-columns:minmax(0,1fr);gap:12px}
 .choice{display:block;margin:14px 0}.choice span{display:block;margin-bottom:7px}
 .choice button{min-width:64px;margin:3px 6px 3px 0}
 .number-grid button{min-width:48px}
 .item{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px}
 .item .name{grid-column:1/-1;min-width:0;overflow-wrap:anywhere}
 .item button{width:100%;margin:0}
 .panel,#editor{padding:14px;margin:10px 0}
 h1{font-size:1.35rem}h2{font-size:1.15rem}
 #editor textarea{min-height:130px}
 input,select,textarea{font-size:16px}
}
@media(max-width:360px){#toolbar{grid-template-columns:1fr}.number-grid button{min-width:42px}}

#editor button:disabled{cursor:default;opacity:.76}#editor .choice button.selected:disabled{opacity:1}#editor input:disabled,#editor textarea:disabled,#editor select:disabled{color:#203920;-webkit-text-fill-color:#203920;background:#f2f6ed;opacity:1}#editInspection{width:100%;background:#2e6840}#saveInspection[hidden],#editInspection[hidden]{display:none!important}