/* Los elementos nuevos no participan en el diseño de escritorio. */
.mobile-part-actions,.mobile-note-bar,.mobile-only-label{display:none}
.mobile-sale-field{display:contents}
@media screen and (max-width:900px){
 #side:not(.open){padding:9px 14px}
 #side .brand{font-size:20px;gap:8px}#side .brand small{display:none}
 #side .brand-mark{width:30px;height:31px}#side .subbrand{margin-top:4px;font-size:10px}
 #side .mobile-menu{min-width:76px;min-height:44px;font-size:12px}
 #side.open{max-height:calc(100dvh - 82px - env(safe-area-inset-bottom));padding-bottom:18px}
 #side .nav-group>summary{font-size:12px;letter-spacing:.03em;padding:12px}
 .app>.main{padding:14px 12px calc(98px + env(safe-area-inset-bottom))}
 #inicio .home-heading{margin-bottom:14px}#inicio .home-heading h1{font-size:25px}
 #homeKpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}
 #homeKpis .kpi{min-height:96px;padding:15px 12px;border-radius:12px}
 #homeKpis .kpi strong{font-size:25px;padding:0;overflow-wrap:anywhere;letter-spacing:-.5px}
 #homeKpis .kpi>div{font-size:12px;line-height:1.4;margin-top:6px;padding-right:22px}
 #homeKpis .kpi:nth-child(3){grid-column:1/-1;min-height:86px}#homeKpis .kpi:nth-child(3) strong{font-size:30px}
 .home-kpi-icon{width:24px;height:24px;right:10px;top:auto;bottom:12px}.home-kpi-icon svg{width:17px;height:17px}
 #weeklySales,#recentSales{padding:16px;margin-bottom:14px}
 #weeklySales>.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 #weeklySales>.grid>div:last-child{grid-column:1/-1}
 #weeklySales>.toolbar:not(:first-child){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 #weeklySales>.toolbar>.kpi{min-width:0!important;margin:0;padding:10px;font-size:12px}
 #weeklySales .notice{font-size:15px!important}
 #recentSales>div{padding:10px 12px!important;gap:8px!important;flex-wrap:nowrap!important}
 #recentSales>div>span{min-width:0!important;flex-basis:auto!important;font-size:13px;line-height:1.55}
 #recentSales .btn{flex:0 0 auto;min-height:44px;padding:10px!important;font-size:12px!important}
 .inventory-row{padding:12px}
 .inventory-row>.toolbar{display:grid;grid-template-columns:80px minmax(0,1fr);gap:12px;align-items:start}
 .inventory-row>.toolbar>.part-photo{width:80px;height:90px;min-width:0;margin:0;grid-column:1;grid-row:1;border-radius:10px}
 .inventory-row>.toolbar>.part-photo img{width:100%;height:100%;object-fit:cover}
 .inventory-row>.toolbar>div:not(.mobile-part-actions){grid-column:2;min-width:0!important;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
 .inventory-row>.toolbar>div>b{font-size:15px}
 .inventory-row>.toolbar>.btn{display:none}
 .inventory-row .mobile-part-actions{display:grid;grid-column:1/-1;grid-template-columns:1fr 1fr 48px;gap:8px;align-items:start}
 .mobile-part-actions>.btn{width:100%;min-height:44px;margin:0;padding:10px;font-size:14px}
 .mobile-part-more{position:relative;min-width:0}
 .mobile-part-more>summary{display:grid;place-items:center;list-style:none;min-height:44px;border:1px solid #cbd8e2;border-radius:9px;background:#eef3f6;color:#173c53;font-size:24px;cursor:pointer}
 .mobile-part-more>summary::-webkit-details-marker{display:none}
 .mobile-part-options{position:absolute;right:0;top:50px;z-index:20;display:grid;gap:6px;width:190px;padding:8px;border:1px solid #ccd9e1;border-radius:12px;background:white;box-shadow:0 8px 24px #1233}
 .mobile-part-options>.btn{width:100%;min-height:44px;text-align:left}
 #nota:not(.view-only){padding-bottom:76px}
 #nota .sale-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px;border:1px solid #ccd9e3;border-radius:12px;background:#f8fbfd;margin-bottom:12px}
 #nota .sale-row>.sr-desc,#nota .sale-row>.sr-oem,#nota .sale-row>.sale-picks{grid-column:1/-1;min-width:0}
 #nota .mobile-sale-field{display:block;min-width:0}
 #nota .mobile-only-label{display:block;margin:0 0 6px;font-size:13px;font-weight:750;color:#24485f}
 #nota .mobile-sale-field input{width:100%;min-width:0;box-sizing:border-box;font-size:16px;min-height:46px}
 #nota .sale-row>button{grid-column:1/-1;width:100%;min-height:44px}
 #nota.on:not(.view-only)>.mobile-note-bar{position:fixed;bottom:calc(67px + env(safe-area-inset-bottom));left:0;right:0;z-index:490;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;border-top:1px solid #d1dce5;background:#fff;box-shadow:0 -3px 12px #10203312}
 .mobile-note-bar small,.mobile-note-bar strong{display:block}.mobile-note-bar small{font-size:12px;color:#647583}.mobile-note-bar strong{font-size:24px;color:#163b52;font-variant-numeric:tabular-nums}.mobile-note-bar .btn{min-height:46px;padding:11px 18px}
 #nota input,#nota select,#nota textarea,#buscar input{font-size:16px}
 .mobile-dock button{min-height:44px}
}
@media print{.mobile-part-actions,.mobile-note-bar,.mobile-only-label{display:none!important}}

.mobile-shortcut-hint{display:none}
@media screen and (max-width:900px){
 #homeKpis > .kpi[data-mobile-shortcut]{cursor:pointer;touch-action:manipulation;transition:transform .12s,box-shadow .12s}
 #homeKpis > .kpi[data-mobile-shortcut]:active{transform:scale(.98);box-shadow:0 2px 10px #15364b1a}
 #homeKpis > .kpi[data-mobile-shortcut]:focus-visible{outline:3px solid #ff790f;outline-offset:3px}
 .mobile-shortcut-hint{display:block;margin-top:10px;font-size:12px;font-weight:750;color:#285a75}
 .mobile-home-notes{width:calc(100% - 24px);max-width:560px;max-height:85dvh;overflow:auto;border:1px solid #c6d5e2;border-radius:18px;padding:16px;color:#142638}
 .mobile-home-notes::backdrop{background:#071d2abb}
 .mobile-home-notes h2{font-size:20px;margin:0}
}
@media(prefers-reduced-motion:reduce){#homeKpis > .kpi[data-mobile-shortcut]{transition:none}}

@media screen and (max-width:900px){
 #partEditor{padding:16px!important;max-height:85dvh!important}
 #partEditor .grid2{grid-template-columns:1fr 1fr}
 #partEditor fieldset.card{min-width:0;margin:14px 0}
 #partEditor .toolbar:last-child{position:sticky;bottom:-16px;background:#fff;padding:12px 0;margin-bottom:-8px}
 #partEditor select{font-size:16px;max-width:100%}
}