:root{--panel-line:#493c50;--panel-muted:#cbbdcf;--panel-ink:#f7f0e7;--panel-accent:#f7bf68}
[hidden]{display:none!important}
.app-layout{display:grid;grid-template-columns:232px minmax(0,1fr);grid-template-rows:auto 1fr;min-height:100dvh;background:#120a14;color:var(--panel-ink)}
.app-header{display:contents}.app-topbar{grid-column:2;grid-row:1;display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:18px 32px;border-bottom:1px solid var(--panel-line);min-height:80px;background:#19111d}.app-topbar>span:last-child{margin-left:auto}
.app-sidebar{grid-column:1;grid-row:1/span 2;position:sticky;top:0;align-self:start;height:100dvh;overflow-y:auto;padding:28px 18px;background:#19111d;border-right:1px solid var(--panel-line);font-family:var(--font-body,Inter,Arial,sans-serif);font-size:14px}
.app-nav-brand{font-size:23px;font-weight:750;color:var(--panel-accent);margin:0}.app-nav-context{color:var(--panel-muted);font-size:12px;line-height:1.6;margin:5px 0 30px}
.app-menu>summary{display:none}.app-nav-group{margin-bottom:24px}.app-nav-group h2{font-family:inherit!important;font-size:12px!important;font-weight:600;color:var(--panel-muted);margin:0 0 8px!important}
.app-nav-link{display:flex;align-items:center;min-height:46px;padding:11px 13px;border:1px solid transparent;border-radius:8px;color:var(--panel-muted);text-decoration:none;line-height:1.4;margin:3px 0;white-space:normal}
.app-nav-link:hover{background:#302237;color:var(--panel-ink)}.app-nav-link.app-current{background:#34271b;border-color:#a37b44;color:#ffce83;font-weight:650}
.app-main{grid-column:2;grid-row:2;width:100%;max-width:1450px;margin:0 auto;padding:32px;min-width:0}.app-page-title,.app-page-intro h1{font-family:inherit;font-size:28px;font-weight:700;line-height:1.3;margin:0 0 10px}.app-page-intro{margin-bottom:24px}.app-page-intro>p,.app-lead{font-size:15px;line-height:1.6;max-width:70ch;color:var(--panel-muted);margin:0 0 22px}
.app-summary{display:flex;gap:32px;flex-wrap:wrap;padding:22px 0;margin:0 0 20px;border-bottom:1px solid var(--panel-line)}.app-summary p{color:var(--panel-muted)}.app-summary strong{display:block;color:var(--panel-ink);font-size:26px;font-weight:650}
.app-local-list{border-top:1px solid var(--panel-line)}.app-local-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 0;border-bottom:1px solid var(--panel-line)}.app-local-row h2{font-family:inherit;font-size:18px;font-weight:650;margin:0 0 5px}.app-local-row p{font-size:14px;color:var(--panel-muted)}
.app-action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid #9b7441;border-radius:8px;color:#ffce83;text-decoration:none;font-size:14px;font-weight:600}.app-action:hover{background:#34271b}
.app-client-search{border:1px solid var(--panel-line);border-radius:10px;max-width:740px;margin-top:20px}.app-client-search summary{cursor:pointer;padding:14px 18px;min-height:48px;font-size:14px;font-weight:600}.app-client-search>div{padding:4px 18px 18px}.app-client-search label{display:block;font-size:13px;color:var(--panel-muted);margin:4px 0 7px}.app-client-search input{width:100%;min-height:46px;padding:10px 12px;background:#120a14;color:var(--panel-ink);border:1px solid #695373;border-radius:8px}.app-client-search ul{list-style:none;margin:12px 0 0;padding:0}.app-client-search li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--panel-line)}.app-client-search li small{display:block;color:var(--panel-muted);font-size:12px}.app-client-search li a{color:#ffce83;text-decoration:underline;font-size:13px;min-height:44px;display:flex;align-items:center}
.app-context-title{font-size:16px;font-weight:650}.app-dock{display:none}.app-layout a:focus-visible,.app-layout summary:focus-visible,.app-layout button:focus-visible,.app-layout input:focus-visible{outline:3px solid #ffce83;outline-offset:3px}
.app-topbar button{min-height:44px;padding:8px 14px;background:transparent;color:var(--panel-ink);border:1px solid #695373;border-radius:8px;font-size:13px}.app-topbar button:hover{background:#302237}.app-main .page-heading h1{font-size:28px;line-height:1.3}
.app-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:0 0 20px;border-bottom:1px solid var(--panel-line);margin:18px 0 24px}.app-tabs a{padding:11px 16px;min-height:44px;border:1px solid var(--panel-line);border-radius:8px;text-decoration:none;color:var(--panel-muted);font-size:14px}.app-tabs a[aria-current=page]{color:#ffce83;background:#34271b;border-color:#a37b44}
.app-main .ux-shortcuts{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.app-main .ux-shortcuts a{border:1px solid var(--panel-line);border-radius:8px;min-height:44px;padding:11px 14px;color:var(--panel-muted);text-decoration:none;font-size:13px}.app-main [id^=config-]{scroll-margin-top:24px}
.app-main .bottom-grid{display:block}.app-main .bottom-grid>section{max-width:900px}.app-main .surface.movements{margin-top:0}.app-main .page-heading{margin-bottom:22px}.app-main .workspace{margin-bottom:0}
nav.app-sidebar{display:block;overflow-x:visible;gap:0}nav.app-sidebar a{white-space:normal;border-bottom-width:1px}nav.app-tabs{overflow:visible}nav.app-tabs a{white-space:normal}
@media(min-width:1000px){.app-menu:not([open])>div{display:block}}
@media(max-width:999px){.app-layout{display:block}.app-header{display:block}.app-topbar{padding:16px 20px;gap:10px;min-height:0}.app-sidebar{position:relative;height:auto;overflow:visible;border:0;border-bottom:1px solid var(--panel-line);padding:10px 20px}.app-nav-brand,.app-nav-context{display:none}.app-menu>summary{display:block;cursor:pointer;min-height:44px;padding:11px 12px;border:1px solid #695373;border-radius:8px;font-size:14px}.app-menu>summary::after{content:'▾';float:right}.app-menu[open]>div{padding-top:18px}.app-nav-group{margin-bottom:16px}.app-nav-group>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.app-main{padding:24px 20px 104px}.app-dock{display:flex;position:fixed;bottom:0;left:0;right:0;padding:8px 12px max(8px,env(safe-area-inset-bottom));gap:6px;background:#19111d;border-top:1px solid var(--panel-line);z-index:40}.app-dock .app-nav-link{flex:1;justify-content:center;text-align:center;font-size:12px;margin:0;padding:8px 5px}.app-local-row{flex-wrap:wrap}.app-local-row>div{flex:1 1 180px}.app-main .ux-shortcuts a{flex:1 1 140px;text-align:center}.app-client-search li{align-items:flex-start}.app-page-title,.app-page-intro h1{font-size:25px}}
@media(max-width:359px){.app-topbar,.app-sidebar{padding-left:14px;padding-right:14px}.app-main{padding-left:14px;padding-right:14px}.app-nav-group>div{grid-template-columns:1fr}.app-summary{gap:20px}.app-client-search li{flex-wrap:wrap}.app-tabs a{flex:1 1 120px;text-align:center}}
@media(max-width:999px){.app-main .page-heading{display:block}.app-main .daily{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;border:0;padding:0;margin-top:16px;max-width:none}.app-main .daily strong{font-size:22px;white-space:nowrap}.app-main .daily span{font-size:12px}.app-topbar .brand{font-size:20px}}
@media print{.app-sidebar,.app-topbar,.app-tabs{display:none}.app-layout{display:block}.app-main{padding:0}}
@media(max-width:640px){.app-main .movements table,.app-main .movements tbody{display:block;width:100%}.app-main .movements thead{display:none}.app-main .movements tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 12px;padding:14px 0;border-bottom:1px solid var(--panel-line)}.app-main .movements td{display:block;min-width:0;padding:4px 0;border:0;overflow-wrap:anywhere}.app-main .movements td::before{display:block;font-size:11px;color:var(--panel-muted);margin-bottom:4px}.app-main .movements td:nth-child(1)::before{content:'Hora · Lima'}.app-main .movements td:nth-child(2)::before{content:'Cliente'}.app-main .movements td:nth-child(3)::before{content:'Canciones'}.app-main .movements td:nth-child(4)::before{content:'Importe'}}

@media(max-width:640px){.app-main .movements td[colspan]{grid-column:1/-1}.app-main .movements td[colspan]::before{content:none}}

@media(max-width:999px){.app-local-sidebar .app-menu>summary{display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;list-style:none}.app-local-sidebar .app-menu>summary::-webkit-details-marker{display:none}.app-local-sidebar .app-menu>summary::after{content:none}.app-local-sidebar .app-menu>summary svg{display:block}.app-local-sidebar .app-dock{display:none}.app-local-sidebar .app-menu:not([open])>div{display:none}.app-layout:has(.app-local-sidebar) .app-main{padding-bottom:max(24px,env(safe-area-inset-bottom))}.app-local-sidebar .app-menu[open]>div{padding-bottom:6px}.app-main{overflow-wrap:anywhere}.app-client-search{min-width:0}.app-client-search li>span{min-width:0}}

/* Local menu uses its own SVG; suppress the legacy decorative mask. */
.app-local-sidebar .app-menu>summary::before{content:none;display:none}