.mobi{color:hsl(var(--foreground));font-size:14px}.mobi *{box-sizing:border-box}.mobi h1{font-size:28px;font-weight:700;margin:0}.mobi h2{font-size:18px;font-weight:650;margin:0 0 12px}.mobi p{color:hsl(var(--muted-foreground));margin:5px 0 15px}.mobi .bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.mobi .actions{display:flex;gap:8px;flex-wrap:wrap}.mobi button,.mobi .button{border:1px solid hsl(var(--border));border-radius:8px;background:hsl(var(--card));color:inherit;min-height:42px;padding:8px 14px;font-weight:600;cursor:pointer;text-decoration:none}.mobi button.primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:transparent}.mobi button:disabled{opacity:.5;cursor:wait}.mobi input,.mobi select,.mobi textarea{width:100%;background:hsl(var(--background));color:inherit;border:1px solid hsl(var(--border));border-radius:7px;padding:10px;min-height:42px}.mobi input:focus,.mobi select:focus,.mobi textarea:focus{outline:2px solid hsl(var(--primary));outline-offset:1px}.mobi label{display:block;font-size:12px;font-weight:600}.mobi label input,.mobi label select,.mobi label textarea{margin-top:5px;font-size:14px;font-weight:400}.mobi .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.mobi .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin:18px 0}.mobi .card{border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:12px;padding:18px}.mobi .metric{font-size:24px;font-weight:700;margin-top:6px}.mobi .muted{color:hsl(var(--muted-foreground));font-size:12px}.mobi .table-wrap{overflow:auto;border:1px solid hsl(var(--border));border-radius:10px;margin-top:16px}.mobi table{border-collapse:collapse;width:100%;white-space:nowrap}.mobi th{text-align:left;background:hsl(var(--muted));font-size:12px}.mobi th,.mobi td{padding:12px;border-bottom:1px solid hsl(var(--border))}.mobi td small{display:block;color:hsl(var(--muted-foreground))}.mobi .badge{display:inline-block;border-radius:20px;padding:4px 9px;background:#e9edf1;color:#334155;font-size:11px;font-weight:700}.mobi .in_stock{background:#dcfce7;color:#166534}.mobi .sold{background:#dbeafe;color:#1e40af}.mobi .reserved,.mobi .warranty{background:#fef3c7;color:#92400e}.mobi .damaged{background:#fee2e2;color:#991b1b}.mobi .error{background:#fee2e2;color:#991b1b;padding:12px;border-radius:8px;margin-bottom:14px}.mobi .success{background:#dcfce7;color:#166534;padding:12px;border-radius:8px;margin-bottom:14px}.mobi .pos-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,1fr);gap:20px}.mobi .catalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;max-height:60vh;overflow:auto;margin-top:15px}.mobi .catalog button{text-align:left;min-height:110px;display:flex;flex-direction:column;gap:6px}.mobi .catalog img{width:70px;height:70px;object-fit:contain}.mobi .imei{font-family:ui-monospace,monospace;font-size:12px;letter-spacing:.3px}.mobi dialog{position:fixed;inset:0;margin:auto;width:min(900px,calc(100vw - 24px));max-height:90vh;overflow:auto;padding:24px;border:1px solid hsl(var(--border));border-radius:14px;background:hsl(var(--background));color:inherit;box-shadow:0 20px 70px #0004}.mobi dialog::backdrop{background:#0008}.mobi .pairs{max-height:270px;overflow:auto;margin:12px 0}.mobi .pair{display:grid;grid-template-columns:35px 1fr 1fr 1fr;gap:8px;margin-bottom:7px;align-items:center}.mobi .receipt{background:white;color:#111;padding:20px;margin:15px auto;max-width:700px}.mobi .receipt table{white-space:normal}.mobi .history{border-left:2px solid hsl(var(--border));padding:0 0 18px 16px;margin-left:8px}.mobi .split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.mobi .section{margin-bottom:20px}.mobi .wide{grid-column:1/-1}.mobi .hint{font-size:12px;color:hsl(var(--muted-foreground));margin:8px 0}.mobi .link{color:hsl(var(--primary));cursor:pointer}.mobi .permissions{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.mobi .permissions input{width:auto;min-height:0;margin-right:7px}.mobi .pager{display:flex;gap:10px;align-items:center;margin-top:12px}@media(max-width:850px){.mobi .pos-grid,.mobi .split{grid-template-columns:1fr}.mobi .pair{grid-template-columns:24px 1fr 1fr}.mobi .pair input:last-child{grid-column:2/-1}.mobi h1{font-size:24px}.mobi dialog{padding:16px}}@media print{body>*{display:none!important}.mobi-print{display:block!important;background:white;color:black;padding:15mm;font:12px Arial}.mobi-print table{width:100%;border-collapse:collapse}.mobi-print td,.mobi-print th{border-bottom:1px solid #ccc;padding:8px;text-align:left}.mobi-print.thermal{width:80mm;padding:3mm;font-size:10px}.mobi-print small{display:block}.mobi-print h1{font-size:20px}}

.mobi .imei-warning{background:#fff7ed;color:#9a3412;border:1px solid #fdba74;padding:12px;border-radius:8px;margin-bottom:14px}
.mobi button.inline-add{display:inline-flex;align-items:center;min-height:30px;margin-top:6px;padding:3px 0;border:0;background:transparent;color:hsl(var(--primary));font-size:12px;font-weight:700}.mobi button.inline-add:hover{text-decoration:underline}.mobi button.inline-add:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}
.mobi .pos-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.mobi .pos-fields>*{min-width:0}@media(max-width:560px){.mobi .pos-fields{grid-template-columns:1fr}}
