/* Copied common controls from Χτίζω πρόταση (local reference 16/09/2026).
   Panel selector adapted to a native dialog; content is specific to this app. */
.icon{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;min-height:48px;padding:10px 18px;font-size:15px;font-weight:600;letter-spacing:.01em;line-height:1.15;background:var(--grey);color:white;box-shadow:0 1px 2px rgba(88,89,91,.08),0 4px 12px rgba(88,89,91,.08);transition:transform .14s,filter .14s;white-space:nowrap}
.btn.new{background:var(--orange);color:#422606}
.btn.new{box-shadow:0 1px 2px rgba(88,89,91,.10),0 4px 12px rgba(88,89,91,.12)}
.btn.neutral{background:#fff;color:var(--grey);border:2px solid var(--line);box-shadow:none}
.btn.outline{background:#fff;color:var(--blue);border:2px solid var(--blue);box-shadow:none}
.toolbar-start .btn.neutral{background:var(--red);color:#fff;border:0;box-shadow:0 1px 2px rgba(88,89,91,.10),0 4px 12px rgba(88,89,91,.12)}
#home.btn.neutral{background:var(--green);color:#283b12;box-shadow:0 1px 2px rgba(88,89,91,.10),0 4px 12px rgba(141,198,63,.35)}
.settings h2{display:flex;align-items:center;gap:8px;font-size:17px;letter-spacing:0}
.settings h2 .icon{width:18px;height:18px;margin:0}
@media(min-width:760px) and (max-height:820px){.btn{min-height:44px;padding:8px 14px;font-size:14px}}
@media(max-width:919px){.btn{font-size:13px}}
@media(max-width:759px){.btn{padding:9px 14px;font-size:14px}}
/* Ρυθμίσεις θεραπευτή: συρτάρι από δεξιά με backdrop, διακόπτες, ενότητες */
#settings{position:fixed;top:0;right:0;bottom:0;left:auto;width:min(360px,92vw);max-width:none;max-height:none;height:100dvh;border:0;border-left:1px solid var(--line);border-radius:0;padding:0;background:#fff;box-shadow:-12px 0 40px rgba(38,50,68,.18);display:none;flex-direction:column;overflow:hidden;z-index:40;animation:drawer-in .22s ease}
#settings[hidden]{display:none}
.drawer-backdrop{position:fixed;inset:0;background:rgba(38,50,68,.35);z-index:39}
.drawer-backdrop[hidden]{display:none}
body.drawer-open{overflow:hidden}
.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px 14px;border-bottom:1px solid var(--line)}
.settings h2{margin:0;font-size:17px}
.drawer-close{width:38px;height:38px;flex:none;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--grey);font-size:18px;line-height:1;display:grid;place-items:center}
.drawer-body{padding:8px 20px 14px;overflow:auto;flex:1}
.drawer-sec{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#96979a;font-weight:700;margin:16px 0 6px}
.settings label.opt{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;margin:0;border-bottom:1px solid #f0f1f3;font-size:14px;cursor:pointer}
.settings label.opt:last-of-type{border-bottom:0}
.opt-text{display:grid;gap:3px;min-width:0}.opt-title{font-weight:600;color:var(--grey)}.opt-desc{font-size:12px;color:#8b8d90;line-height:1.4}
.settings input.switch{appearance:none;-webkit-appearance:none;width:46px;height:26px;border-radius:999px;background:#d5d7da;position:relative;flex:none;margin:0;cursor:pointer;transition:background .15s}
.settings input.switch::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:left .15s}
.settings input.switch:checked{background:var(--green)}.settings input.switch:checked::after{left:23px}
.drawer-info{display:flex;gap:10px;align-items:flex-start;background:rgba(0,174,239,.08);border-radius:12px;padding:11px 12px;font-size:12.5px;color:#3e6b84;line-height:1.45;margin-top:8px}
.drawer-info .icon{width:16px;height:16px;color:#0083b8;margin-top:1px}

.drawer-foot{padding:14px 20px 18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px}
.drawer-ver{font-size:11px;color:#a0a2a5}
.btn.drawer-done{background:var(--green);color:#283b12;box-shadow:0 1px 2px rgba(88,89,91,.10),0 4px 12px rgba(88,89,91,.12)}
@keyframes drawer-in{from{transform:translateX(24px);opacity:.6}to{transform:none;opacity:1}}
@media(max-width:600px){#settings{width:100vw;border-left:0}}
@media(prefers-reduced-motion:reduce){#settings{animation:none}}

#settings[open]{display:flex;margin:0 0 0 auto;color:var(--grey)}
#settings:not([open]){display:none}
#settings::backdrop{background:rgba(38,50,68,.35)}
.settings .drawer-head{margin-bottom:0}
.settings .drawer-head h2{margin:0;font-weight:750;line-height:normal}


.settings .drawer-ver{margin:0;letter-spacing:0}
/* Neutral category cards: existing generated artwork from the shared library. */
.categories{align-items:stretch}
.category{border:2px solid var(--line);border-radius:20px;background:#fff;padding:18px 18px 24px;gap:12px}
.category:hover{border-color:#c8cdd2;background:#fff}
.category-image{display:block;width:100%;height:190px;object-fit:contain;flex:none}
.category strong{font-size:21px;line-height:1.4;font-weight:600;min-height:59px;display:flex;align-items:center;justify-content:center}
.category small{margin-top:auto}
@media(max-width:650px){.category{flex-direction:row;border:2px solid var(--line);padding:12px 16px;gap:16px}.category-image{width:95px;height:95px}.category strong{font-size:18px;min-height:0;justify-content:flex-start}.category small{display:none}}

/* Readable controls and secondary settings text. */
.toolbar-start .btn.settings-btn{background:#d71921}
.opt-desc,.drawer-sec,.drawer-ver{color:#62676c}