/* Path: /home/docker/webstack/cohensnuijf/static/style.css
 * Function: Original Bar Mitzvah planner palette with readable mobile controls.
 * SPDX-License-Identifier: BSD-3-Clause */
:root{font-family:Verdana,'Trebuchet MS',Arial,sans-serif;color:#263348;background:#fff9f0;font-size:18px;line-height:1.65;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(155deg,#fff5df 0%,#f3fbff 44%,#fff8ee 100%);min-height:100vh}
header{background:linear-gradient(110deg,#fff5d7,#e5f5ff);border-bottom:5px solid #e3a942;padding:24px 18px;position:relative;overflow:hidden}
header:after{content:'✡';position:absolute;right:4%;top:-58px;font-size:190px;line-height:1;color:#2371a5;opacity:.1;pointer-events:none}
header>div{max-width:960px;margin:auto;position:relative;z-index:1}h1{font-size:clamp(1.7rem,4vw,2.5rem);line-height:1.3;margin:0;color:#183c6c}
h2{font-size:1.35rem;color:#194477;line-height:1.35}.hero-mark{font-size:1.65rem;letter-spacing:.13em;color:#b77a16;margin-bottom:6px}.sub{color:#425872}
main{max-width:960px;margin:auto;padding:25px 18px 90px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}
button,input,select,textarea{font:inherit}button{font-weight:bold;background:#fff;color:#194477;border:2px solid #94bfd8;padding:10px 15px;border-radius:13px;cursor:pointer}
button:hover{background:#e8f6ff}button[aria-pressed=true],button.primary{background:#27659b;color:white;border-color:#27659b}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:4px solid #f0af2f;outline-offset:3px}
input:not([type=checkbox]):not([type=hidden]),select,textarea{width:100%;border:2px solid #a9cbdc;border-radius:10px;padding:11px;background:#fff;min-width:0}
.summary{background:#e8f6ff;padding:17px 21px;border-left:6px solid #277db2;border-radius:13px}.focus{background:#fff2db;border:1px solid #efc782;border-left:6px solid #d18a26;border-radius:13px;padding:16px 20px;margin:18px 0}.focus strong{color:#714409}
.section{margin:30px 0}.quickadd{background:white;border:1px solid #d7e6ec;padding:14px;border-radius:14px;margin-bottom:18px}.quickadd label{font-weight:bold}.quickrow{display:grid;grid-template-columns:minmax(0,1fr) 145px auto;gap:10px;margin-top:7px}
.controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:18px 0}.filters{display:flex;gap:8px;flex-wrap:wrap}.ownerlabel{display:flex;align-items:center;gap:8px;font-weight:bold}.ownerlabel select{width:auto}
.task{display:flex;gap:13px;align-items:flex-start;background:#fff;border:1px solid #d7e6ec;border-left:7px solid #94afc3;border-radius:14px;padding:16px;margin:12px 0;box-shadow:0 2px 8px #2b567511}
.task.urgent{border-left-color:#d07149}.task.important{border-left-color:#dea53a}.task.done{background:#edf8f0;border-left-color:#43865f}.task.deferred{border-left-color:#9a94b9;background:#f8f5ff}
.task input[type=checkbox]{width:27px;height:27px;flex:0 0 27px;margin-top:6px;accent-color:#267b64}.taskbody{flex:1;min-width:0}.task.done .name{text-decoration:line-through;color:#4c6b5e}.name{font-weight:700;font-size:1.05rem;line-height:1.4}.meta{font-size:.86rem;color:#526474;margin-top:5px}.note{font-size:.92rem;color:#34465c;margin-top:5px}.editbtn{align-self:center;padding:8px 12px}
.event{padding:12px 17px;background:#fff;border-radius:12px;border:1px solid #d9e6ec;margin:9px 0}.event strong{display:block;color:#205a83}.muted{color:#526474}.footer{border-top:2px solid #d9e5e9;margin-top:35px;padding-top:15px;font-size:.9rem}
.signin{max-width:480px;margin:22px auto}.panel{background:white;padding:26px;border:1px solid #d7e6ec;border-radius:16px}.signin form{display:grid;gap:10px}.signin label{font-weight:bold}.signin .primary{margin-top:10px}.error{color:#a02d24;font-weight:bold}
dialog{width:min(95vw,580px);border:2px solid #94bfd8;border-radius:16px;padding:24px;color:#263348}dialog::backdrop{background:#122a42aa}#edit-form{display:grid;gap:10px}#edit-form label{font-weight:bold}#edit-form input,#edit-form select,#edit-form textarea{margin-top:4px;font-weight:normal}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.danger{color:#9c2118;border-color:#d9a09c}
@media(max-width:650px){:root{font-size:17px}main{padding:17px 12px 65px}.quickrow{grid-template-columns:1fr 1fr}.quickrow #new-title{grid-column:1/-1}.quickrow .primary{width:100%}.task{gap:9px;padding:12px}.editbtn{padding:7px 9px}.filters button{padding:9px}}
@media print{body{background:white}header{padding:10px}main{padding:10px}.toolbar,.quickadd,.controls,.editbtn{display:none}.task,.event{break-inside:avoid}}