.shop-mode{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;margin-bottom:16px;border:1px solid #d5e3f4;border-radius:14px;background:white}.shop-mode small{display:block;color:#627895;margin-top:4px}.shop-segment{display:flex;gap:4px;background:#f0f5fb;padding:4px;border-radius:10px}.shop-segment button[aria-pressed=true],.shop-tabs button[aria-pressed=true]{background:#1765ed;color:white;border-color:#1765ed}.shop-segment button{white-space:nowrap}#workshop{scroll-margin-top:90px;margin:0 0 24px;min-width:0;color:#193958}#workshop[hidden]{display:none!important}.shop-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.shop-heading h2{font-size:27px;margin:8px 0 16px}.shop-warning{background:#fff5dc;border:1px solid #f5d993;color:#785215;padding:15px 18px;border-radius:10px;font-size:13px;line-height:1.6}.shop-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:16px 0}.shop-metrics article{padding:19px;background:white;border:1px solid #d5e3f4;border-radius:12px}.shop-metrics small,.shop-metrics span{display:block;font-size:12px;color:#627895}.shop-metrics strong{display:block;font-size:25px;margin:9px 0}.shop-tabs{display:flex;gap:6px;padding:6px;background:white;border:1px solid #d5e3f4;border-radius:10px;overflow-x:auto}.shop-tabs button{flex:1;white-space:nowrap}.shop-controls{display:flex;align-items:end;gap:8px;margin:16px 0;flex-wrap:wrap}.shop-controls label{flex:1;min-width:180px;margin:0}.shop-card{padding:22px;margin:14px 0;border:1px solid #d5e3f4;border-radius:14px;background:white;min-width:0}.shop-card h3{margin:0 0 12px;font-size:19px}.shop-card p{font-size:13px;line-height:1.65}.shop-map,.shop-empty{display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,1.5fr);gap:30px}.shop-preview{min-width:0;text-align:center}.shop-preview svg{width:100%;max-width:400px;height:300px}.shop-preview small{display:block;padding:12px;color:#627895}.shop-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}.shop-fields label{margin:0}.shop-fields input,.shop-fields select{width:100%}.shop-scroll{overflow:auto;max-height:580px;max-width:100%;border:1px solid #d5e3f4;border-radius:8px;margin:16px 0;overscroll-behavior-x:contain}.shop-scroll table{min-width:900px;width:100%;border-collapse:separate;border-spacing:0;table-layout:auto;font-size:13px}.shop-scroll th{position:sticky;top:0;background:#edf4fc;color:#193958;z-index:2;padding:12px;text-align:left;border-bottom:1px solid #d5e3f4;white-space:nowrap}.shop-scroll td{padding:10px;border-bottom:1px solid #e3ebf5;vertical-align:middle;min-width:110px}.shop-scroll td:first-child{min-width:210px}.shop-scroll tr:nth-child(even){background:#f8fbff}.shop-scroll input,.shop-scroll select{min-width:105px;width:100%;min-height:44px;margin:0}.shop-scroll small{display:block;font-size:11px;color:#627895;line-height:1.5;max-width:350px;margin-top:5px}.shop-check{display:flex;gap:8px;align-items:center}.shop-check input{min-width:22px;width:22px;min-height:22px}.shop-cut{margin:18px 0}.shop-cut b{display:block;font-size:13px;margin:8px 0}.shop-cut small{display:block;overflow-wrap:anywhere;line-height:1.6;color:#627895}.shop-bar{display:flex;height:40px;background:#dce3ed;border-radius:6px;overflow:hidden;margin:8px 0}.shop-bar span{min-width:0;overflow:hidden;display:flex;align-items:center;justify-content:center;color:white;background:#2877f5;border-right:1px solid white;font-size:12px}.shop-bar i{background:#dce3ed;min-width:2px}.shop-stock-form{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.shop-stock-form label{flex:1;min-width:130px;margin:0}.shop-total{display:flex;align-items:center;justify-content:space-between;padding:18px;background:#edf4ff;border-radius:10px;gap:15px}.shop-total strong{font-size:25px;white-space:nowrap}.shop-total small{font-size:12px;color:#627895}.shop-exports{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:16px 0}.shop-exports button:first-child{background:#1765ed;color:white}.shop-exports span{font-size:12px;flex:1;min-width:200px;color:#627895}#shop-issues{background:white;padding:15px;border:1px solid #d5e3f4;border-radius:10px}#shop-issues ul{line-height:1.8;font-size:13px}#workshop input:focus,#workshop select:focus{outline:2px solid #1765ed;outline-offset:1px}#workshop button{min-height:44px}#workshop label{font-size:12px}#shop-content{min-width:0}
@media(max-width:700px){.shop-mode{display:block;padding:12px}.shop-mode b{font-size:13px}.shop-mode small{font-size:11px}.shop-segment{margin-top:10px}.shop-segment button{flex:1;font-size:12px;padding:10px 8px}.shop-heading h2{font-size:21px}.shop-heading{align-items:start}.shop-heading button{font-size:11px}.shop-warning{font-size:12px;padding:12px}.shop-metrics{grid-template-columns:1fr;gap:8px}.shop-metrics article{display:grid;grid-template-columns:1fr auto;padding:13px;align-items:center}.shop-metrics strong{font-size:22px;margin:0;grid-row:span 2}.shop-metrics span{grid-column:1;grid-row:2;font-size:10px}.shop-tabs{border-radius:8px}.shop-tabs button{font-size:12px;min-width:100px}.shop-controls{display:grid;grid-template-columns:1fr 1fr}.shop-controls label{grid-column:1/-1;min-width:0}.shop-controls button{font-size:11px}.shop-card{padding:14px}.shop-map,.shop-empty{grid-template-columns:1fr;gap:16px}.shop-preview svg{height:240px}.shop-fields{grid-template-columns:1fr}.shop-fields input,.shop-fields select,#workshop select{font-size:16px}.shop-scroll{max-height:55dvh}.shop-scroll input,.shop-scroll select{font-size:16px}.shop-card h3{font-size:18px}.shop-card p{font-size:12px}.shop-total{flex-wrap:wrap}.shop-total strong{font-size:23px}.shop-exports button{flex:1;font-size:12px}.shop-stock-form{display:grid;grid-template-columns:1fr 1fr}.shop-stock-form label{min-width:0}.shop-stock-form label:first-child{grid-column:1/-1}.shop-stock-form button{grid-column:1/-1}.shop-mode,#workshop{max-width:100%}}
#workshop .shop-fields label,#workshop .shop-controls label,#workshop .shop-stock-form label{display:block}#workshop .shop-fields input,#workshop .shop-fields select,#workshop .shop-controls select{margin-top:7px}#workshop .shop-scroll input{font-size:14px}#workshop .shop-check{justify-content:flex-start}#workshop .shop-check input{flex:none}#workshop .shop-fields{margin-bottom:18px}
#workshop .shop-warning summary{font-size:13px;color:#785215}#workshop .shop-warning p{margin:10px 0 0}
@media(max-width:700px){#workshop .shop-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}#workshop .shop-metrics article{display:flex;flex-direction:column;align-items:flex-start;padding:11px 9px;gap:8px}#workshop .shop-metrics strong{font-size:17px;overflow-wrap:anywhere;max-width:100%}#workshop .shop-metrics small{font-size:11px;min-height:30px}#workshop .shop-metrics span{font-size:10px}#workshop .shop-scroll input{font-size:16px}}