/* Günce 4.8: all navigation stays in the top bar. */
#app #sidebar,#app #sidebar-shade,#app #menu-button{display:none!important}#app .topbar{max-width:1480px;gap:18px;padding:0 28px}#app .atelier-nav{border:0;background:none;padding:0;gap:2px;align-items:center}#app .atelier-nav>button,#app .top-group>summary{padding:12px 15px;font-size:12px;color:var(--muted);white-space:nowrap;cursor:pointer;border-radius:30px;list-style:none}#app .top-group>summary::-webkit-details-marker{display:none}#app .top-group>summary:after{content:'⌄';margin-left:8px;font-size:12px}#app .top-group[open]>summary,#app .top-group>summary:hover{background:var(--soft);color:var(--ink)}.top-group{position:relative}.top-panel{position:absolute;top:calc(100% + 12px);right:0;width:265px;max-height:70dvh;overflow:auto;padding:12px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 18px 55px #0005;z-index:90}#app .top-panel .nav-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:transparent;padding:12px;border:0;border-radius:10px;color:var(--muted);font:12px Arial;margin:0;min-height:41px;box-shadow:none}#app .top-panel .nav-item:hover,#app .top-panel .nav-item.active{background:var(--brand-soft);color:var(--accent)}#app .top-panel .nav-item svg{width:17px;height:17px}#app .top-panel .sidebar-bottom{padding:0;margin:0}#app .top-panel .pro-nav{border-top:1px solid var(--line);margin:6px 0 0;padding:6px 0 0}#app .top-panel .private-label{font-size:9px;margin:12px;padding-top:12px;color:var(--muted);border-top:1px solid var(--line)}#app .top-panel .nav-caption{display:flex;align-items:center;gap:10px;font-size:9px;color:var(--muted);padding:8px}.top-panel .category-hint{font-size:8px}.top-panel .category-nav button{display:flex;width:100%;align-items:center;gap:10px;text-align:left;background:none;color:var(--muted);border-radius:10px;padding:12px;font-size:12px}.top-panel .category-nav button.active,.top-panel .category-nav button:hover{color:var(--accent);background:var(--brand-soft)}.top-panel .category-nav em{margin-left:auto;font-size:10px;font-style:normal}.top-panel .category-nav .category-dot{width:6px;height:6px;border-radius:50%;background:var(--cat)}#app .topbar-right{gap:8px}body .theme-toggle{right:max(25px,calc((100vw - 1424px)/2))}
.recurring-dialog{width:min(1040px,calc(100vw - 28px));max-width:1040px;max-height:92dvh;padding:0;border:1px solid var(--line);border-radius:26px;background:var(--surface);color:var(--ink);box-shadow:0 30px 100px #0005}.recurring-dialog::backdrop{background:#071008aa;backdrop-filter:blur(6px)}.recurring-dialog .dialog-head{padding:28px 30px}.recurring-dialog .eyebrow{color:var(--accent)}.recurring-dialog h2{font:400 33px var(--display);margin:9px 0}.recurring-layout{display:grid;grid-template-columns:.85fr 1.15fr}.recurring-library{padding:26px;background:var(--canvas);border-right:1px solid var(--line)}.recurring-editor{padding:26px}.recurring-list-head{display:flex;justify-content:space-between;gap:14px;align-items:center}.recurring-layout h3{font:400 24px var(--display);margin:0 0 18px}.recurring-list-head h3{margin:0}.recurring-help{color:var(--muted);font-size:12px;line-height:1.8;margin:16px 0 24px}.recurring-rule{padding:18px;border:1px solid var(--line);border-radius:16px;margin:12px 0;background:var(--surface)}.rule-state{display:inline-block;padding:4px 8px;border-radius:20px;font-size:9px;color:var(--muted);background:var(--soft)}.rule-state.is-active{background:var(--brand-soft);color:var(--accent)}.recurring-rule h4{font-size:14px;font-weight:500;margin:12px 0 8px}.recurring-rule p,.recurring-rule small{font-size:11px;color:var(--muted);line-height:1.8;display:block;margin:0}.recurring-rule-actions{display:flex;gap:8px;margin-top:15px}.recurring-rule-actions button{padding:8px 12px;border-radius:24px;background:var(--soft);color:var(--ink);font-size:10px;border:1px solid var(--line)}#recurring-form>label,.recurring-pair>label{display:block;font-size:12px;color:var(--muted);margin-bottom:17px}#recurring-form input:not([type=checkbox]),#recurring-form select,#recurring-form textarea{display:block;width:100%;margin-top:8px;border-radius:11px;padding:11px 12px;min-height:42px;background:var(--canvas);color:var(--ink);border:1px solid var(--line);font-size:13px}#recurring-form textarea{resize:vertical}.recurring-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.recurring-days{display:flex;gap:7px;margin:0 0 18px;padding:0;border:0}.recurring-days legend{font-size:12px;color:var(--muted);margin-bottom:11px}.recurring-days label{position:relative;flex:1;text-align:center;cursor:pointer}.recurring-days input{position:absolute;opacity:0;width:1px;height:1px}.recurring-days span{display:block;padding:11px 0;border:1px solid var(--line);border-radius:9px;font-size:10px;color:var(--muted)}.recurring-days input:checked+span{background:var(--brand-soft);border-color:var(--accent);color:var(--accent)}.recurring-days input:focus-visible+span{outline:2px solid var(--accent);outline-offset:3px}#recurring-form .recurring-enabled{display:flex;align-items:center;gap:9px}.recurring-notice{padding:13px;background:var(--soft);border:1px solid var(--line);border-radius:12px;font-size:11px;line-height:1.8;color:var(--muted)}#recurring-error{font-size:12px;line-height:1.7;color:var(--accent);overflow-wrap:anywhere}#recurring-dates{font-size:11px;line-height:1.9;margin-top:14px;color:var(--muted)}#recurring-form footer{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.recurring-dialog #recurring-close{font-size:26px}
@media(max-width:1120px){#app .topbar{height:auto;min-height:120px;flex-wrap:wrap;padding:18px 24px 12px;gap:10px}#app .atelier-nav{order:3;width:100%;justify-content:center;display:flex}#app .topbar-right{margin-left:auto}body .theme-toggle{top:20px;right:23px}#app .top-panel{top:calc(100% + 5px)}}
@media(max-width:650px){#app .topbar{padding:17px 14px 10px;min-height:134px}#app .atelier-nav{flex-wrap:wrap;gap:2px;justify-content:flex-start}#app .atelier-nav>button,#app .top-group>summary{font-size:11px;padding:9px 11px}#app .top-group{position:static}#app .top-panel{top:100%;left:14px;right:14px;width:auto;max-height:65dvh}body .theme-toggle{top:19px;right:16px}.recurring-layout{grid-template-columns:1fr}.recurring-library{border-right:0;border-bottom:1px solid var(--line);padding:20px}.recurring-editor{padding:20px}.recurring-dialog .dialog-head{padding:22px}.recurring-dialog h2{font-size:27px}#recurring-form input:not([type=checkbox]),#recurring-form select,#recurring-form textarea{font-size:16px}.recurring-pair{grid-template-columns:1fr;gap:0}.recurring-days{gap:5px}#recurring-form footer{flex-wrap:wrap;justify-content:stretch}#recurring-form footer .button{flex:1;padding:12px 14px;font-size:11px}}