/* ThinkPOS screens, recreated from the real app (v1.5.3) at a 1280x800
   stage. They are product media framed on the site; the app UI is Albanian
   and is never translated by the site's i18n. */

.pu{width:1280px;height:800px;display:flex;flex-direction:column;background:#EDEEE5;color:#2B2E26;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:15px;letter-spacing:0;text-align:left;line-height:1.35;overflow:hidden}
.pu .ic{font-family:'Material Symbols Rounded';font-weight:normal;font-style:normal;line-height:1;display:inline-flex;font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24}

/* header */
.pu-head{height:70px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:linear-gradient(#FBFBF8,#F3F4EC);border-bottom:1px solid #E1E2D7}
.pu-l,.pu-r{display:flex;align-items:center;gap:14px}
.pu-mark{display:flex;flex-direction:column;line-height:.86;font-weight:600;font-size:12px;color:#8E9284;letter-spacing:-.01em}
.pu-mark i{font-style:normal;color:#7D8C6E}
.pu-title{font-weight:700;font-size:19px;color:#23261F}
.pu-ver{font-size:12px;font-weight:600;color:#767A6C;background:#E7E8DD;border-radius:6px;padding:4px 8px}
.pu-crumb{font-size:17px;color:#676A5D;padding-left:16px;border-left:1px solid #D9DBCD}
.pu-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid #C9D6BA;background:#F1F5EA;color:#4E6B33;border-radius:10px;padding:9px 15px;font-weight:600;font-size:15px;white-space:nowrap}
.pu-dot{width:8px;height:8px;border-radius:50%;background:#5E8A3A;flex:none}
.pu-time{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15;padding:0 16px;border-left:1px solid #D9DBCD;border-right:1px solid #D9DBCD}
.pu-time b{font-size:16px;font-weight:700}
.pu-time span{font-size:12px;color:#86897C}
.pu-user{display:flex;align-items:center;gap:10px}
.pu-av{width:38px;height:38px;border-radius:50%;background:#5C6B45;color:#fff;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;flex:none}
.pu-user b{display:block;font-size:16px;line-height:1.1}
.pu-user span{font-size:12px;color:#86897C}
.pu-kebab{width:44px;height:44px;border:1px solid #D9DBCD;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:22px}
.pu-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:12px 20px;font-weight:700;font-size:15px;background:#4E6B33;color:#fff;white-space:nowrap}
.pu-btn.amber{background:#B2872A}
.pu-btn.line{background:#fff;color:#2B2E26;border:1px solid #D9DBCD}
.pu-btn.pale{background:#B9CDA3;color:#fff}
.pu-btn.ghostgreen{background:#F4F7EF;color:#4E6B33;border:1px solid #C9D6BA}

/* floor */
.pu-sub{display:flex;justify-content:space-between;align-items:center;padding:14px 20px}
.pu-floorchip{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid #DFE1D4;border-radius:10px;padding:9px 15px;font-weight:700;font-size:16px}
.pu-floorchip span{font-size:12px;color:#86897C;background:#EFF0E7;border-radius:6px;padding:2px 7px;font-weight:600}
.pu-canvas{flex:1;margin:0 18px;background:#FFFFFF radial-gradient(#E3E4DA 1.2px,transparent 1.2px) 0 0/22px 22px;border:1px solid #E1E2D7;border-radius:14px;position:relative}
.pu-table{position:absolute;width:122px;height:118px;border-radius:14px;background:#F7F8F2;border:1px solid #DCDED1;box-shadow:0 4px 10px rgba(43,46,38,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.pu-table b{font-size:27px;font-weight:700;line-height:1}
.pu-table small{font-size:11px;font-weight:700;letter-spacing:.08em;color:#4E6B33}
.pu-table .st{position:absolute;top:10px;right:10px;width:9px;height:9px;border-radius:50%;background:#5E8A3A}
.pu-table.mine{background:#EDF2FA;border-color:#8FAFD4;box-shadow:0 0 0 3px rgba(143,175,212,.35),0 4px 10px rgba(43,46,38,.08)}
.pu-table.mine .st{background:#4A79AF}
.pu-table.mine em{font-style:normal;font-size:17px;font-weight:700}
.pu-table.mine small{color:#6E7590;letter-spacing:0;font-weight:600}
.pu-table .who{position:absolute;top:9px;left:9px;width:22px;height:22px;border-radius:50%;background:#5C6B45;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}
.pu-ch{position:absolute;background:#E8E9DE;border-radius:7px}
.pu-ch.t,.pu-ch.b{width:34px;height:12px;left:50%;margin-left:-17px}
.pu-ch.t{top:-19px}.pu-ch.b{bottom:-19px}
.pu-ch.l,.pu-ch.r{width:12px;height:34px;top:50%;margin-top:-17px}
.pu-ch.l{left:-19px}.pu-ch.r{right:-19px}
.pu-warn{margin:12px 18px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#F3EEDC;border:1px solid #E0D2A4;border-radius:12px;padding:13px 18px}
.pu-warn b{display:block;color:#79590F;font-size:15.5px}
.pu-warn > span > span{display:block;font-size:13.5px;color:#8C7A4C}
.pu-warn .pu-btn{color:#fff}
.pu-foot{height:70px;flex:none;display:flex;align-items:center;gap:22px;padding:0 22px;margin-top:12px;background:#FAFAF6;border-top:1px solid #E1E2D7;font-size:14px}
.pu-leg{display:flex;gap:18px}
.pu-leg span{display:inline-flex;align-items:center;gap:7px}
.pu-leg i{width:10px;height:10px;border-radius:50%;display:inline-block}
.pu-stat{padding-left:22px;border-left:1px solid #DDDFD0;display:flex;gap:26px}
.pu-stat > span{display:flex;flex-direction:column;line-height:1.1}
.pu-stat b{font-size:20px}
.pu-stat > span > span{font-size:10.5px;font-weight:700;letter-spacing:.1em;color:#86897C}
.pu-foot .pu-btn{margin-left:auto}

/* workspace */
.pu-col{width:1040px;margin:26px auto 0;display:flex;flex-direction:column;gap:14px}
.pu-banner{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #C9D6BA;border-radius:12px;padding:16px 20px}
.pu-banner .tx{display:flex;align-items:center;gap:14px}
.pu-banner .tx .ic{font-size:26px;color:#4E6B33}
.pu-banner b{display:block;font-size:16.5px}
.pu-banner span{font-size:13.5px;color:#7C8072}
.pu-label{font-size:12px;font-weight:700;letter-spacing:.14em;color:#7C8072;margin-top:6px}
.pu-mods{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pu-mod{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #DFE1D4;border-radius:12px;padding:14px 18px}
.pu-mod.on{border-color:#7FA05E;box-shadow:0 0 0 1px #7FA05E}
.pu-mod .tile{width:54px;height:54px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px;flex:none}
.pu-mod b{display:block;font-size:18px}
.pu-mod span{font-size:14px;color:#7C8072}
.pu-mod .chev{margin-left:auto;font-size:22px;color:#9A9D90}
.t-green{background:#EEF3E6;color:#4E6B33}.t-blue{background:#E8EFF8;color:#3C6396}.t-red{background:#FAEBE6;color:#B4614A}.t-violet{background:#F0ECF8;color:#7058A8}.t-gray{background:#EFF0E8;color:#5B5E52}

/* pin */
.pu-pin{flex:1;position:relative;background:#F2F3EA}
.pu-clock{position:absolute;top:34px;left:0;right:0;text-align:center;font-family:ui-monospace,Menlo,monospace;font-weight:700;font-size:60px;letter-spacing:.14em;color:#1F2119}
.pu-x{position:absolute;top:22px;right:22px;width:52px;height:52px;border:1px solid #DDDFD0;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:24px}
.pu-split{position:absolute;left:50%;top:150px;bottom:70px;width:1px;background:#DCDDD2}
.pu-logo{position:absolute;left:190px;top:250px;width:300px;text-align:center}
.pu-logo .a{font-weight:600;font-size:118px;line-height:.9;color:#A9AAA2;letter-spacing:-.04em}
.pu-logo .rule{height:4px;width:130px;background:#6E8257;margin:18px auto 14px;border-radius:2px}
.pu-logo .b{font-weight:600;font-size:118px;line-height:.9;color:#8E9C83;letter-spacing:-.04em}
.pu-pad{position:absolute;left:740px;top:230px;width:300px}
.pu-pad .lbl{text-align:center;font-size:13px;font-weight:700;letter-spacing:.32em;color:#4F5246}
.pu-pins{margin:18px 0 22px;height:54px;border:1px solid #DCDDD2;border-radius:8px;background:#F8F8F3;display:flex;align-items:center;justify-content:center;gap:16px}
.pu-pins i{width:15px;height:15px;border:1.6px solid #A6A89C;border-radius:50%}
.pu-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.pu-keys span{height:66px;background:#FBFBF7;border:1px solid #E1E2D7;border-radius:10px;box-shadow:0 3px 6px rgba(43,46,38,.07);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:500}
.pu-keys .ok{background:#C8DDB4;color:#fff;font-size:28px}
.pu-keys .bk{background:#EFF0E8;color:#5B5E52;font-size:24px}
.pu-pills{position:absolute;left:22px;bottom:26px;display:flex;flex-direction:column;gap:12px}
.pu-pills span{display:flex;align-items:center;justify-content:center;gap:8px;width:250px;height:38px;border-radius:999px;background:#FBFBF7;border:1px solid #DDDFD0;font-weight:700;font-size:15px}
.pu-pills .red{color:#A63A2E}
.pu-credit{position:absolute;left:0;right:0;bottom:28px;text-align:center;font-size:11px;font-weight:600;letter-spacing:.24em;color:#8D9083}

/* order */
.pu-order{flex:1;display:grid;grid-template-columns:400px 290px 1fr;min-height:0}
.pu-op{background:#fff;border-right:1px solid #E1E2D7;display:flex;flex-direction:column}
.pu-oh{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #E8E9DF}
.pu-oh b{font-size:14px;letter-spacing:.16em}
.pu-oh em{font-style:normal;font-size:13px;color:#86897C;margin-left:6px;letter-spacing:0;font-weight:500}
.pu-sent{font-size:11px;font-weight:700;letter-spacing:.14em;color:#4E6B33;text-align:center;margin:16px 0 6px}
.pu-line{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid #F0F1E9;font-size:16px}
.pu-line .q{font-size:12px;color:#86897C;background:#F1F2EA;border-radius:6px;padding:3px 7px}
.pu-line .p{margin-left:auto;color:#86897C}
.pu-line .tg{width:34px;height:34px;border:1px solid #E8D7B4;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#C2913B;font-size:18px}
.pu-tot{margin-top:auto;border-top:1px solid #E8E9DF;padding:14px 18px;display:flex;flex-direction:column;gap:10px}
.pu-tot .r{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#6E7164}
.pu-tot .big{font-size:30px;font-weight:700;color:#23261F}
.pu-tot .zb{border:1px dashed #E0C48C;border-radius:8px;padding:6px 12px;color:#B2872A;font-weight:600;font-size:14px}
.pu-tot .pu-btn{height:52px}
.pu-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pu-cats{border-right:1px solid #E1E2D7;padding:16px;display:flex;flex-direction:column;gap:12px;background:#F7F8F2}
.pu-cats .h{display:flex;justify-content:space-between;font-size:12px;font-weight:700;letter-spacing:.14em;color:#86897C}
.pu-cat{height:96px;background:#fff;border:1px solid #DFE1D4;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;justify-content:space-between;position:relative}
.pu-cat.on{border:2px solid #6E8F4C}
.pu-cat i{width:12px;height:12px;border-radius:50%}
.pu-cat b{font-size:17px}
.pu-cat em{position:absolute;top:10px;right:12px;font-style:normal;font-size:12px;background:#EEF3E6;color:#4E6B33;border-radius:999px;padding:2px 8px;font-weight:700}
.pu-prods{display:flex;flex-direction:column;padding:16px 20px;gap:14px;min-width:0}
.pu-prods .h{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700}
.pu-prods .h span{font-size:12px;font-weight:600;color:#6E7164;border:1px solid #DDDFD0;border-radius:999px;padding:3px 10px}
.pu-pgrid{display:flex;gap:14px}
.pu-prod{width:220px;height:110px;background:#fff;border:1px solid #DFE1D4;border-radius:12px;padding:14px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 3px 8px rgba(43,46,38,.06)}
.pu-prod b{font-size:17px}
.pu-prod em{font-style:normal;color:#4E6B33;font-weight:700;font-size:18px}
.pu-qty{margin-top:auto;display:flex;align-items:flex-end;gap:14px}
.pu-qty .s{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #DFE1D4;border-radius:10px;padding:12px 16px}
.pu-qty .s b{font-size:30px;color:#4E6B33}
.pu-qty .s span{font-size:11px;font-weight:700;letter-spacing:.12em;color:#6E7164}
.pu-keys.sm{margin-left:auto;width:330px;gap:9px}
.pu-keys.sm span{height:52px;font-size:20px}
.pu-keys.sm .no{background:#FBEDEB;color:#B23A2E;border-color:#EBC9C3}

/* reports */
.pu-rep{flex:1;display:grid;grid-template-columns:330px 1fr;min-height:0}
.pu-side{background:#FBFBF8;border-right:1px solid #E1E2D7;padding:16px}
.pu-seg{display:grid;grid-template-columns:1fr 1fr;background:#ECEDE4;border-radius:12px;padding:4px}
.pu-seg span{text-align:center;padding:10px;border-radius:9px;font-weight:600;color:#6E7164}
.pu-seg .on{background:#fff;color:#23261F;box-shadow:0 1px 3px rgba(43,46,38,.12)}
.pu-days{display:flex;justify-content:space-between;font-size:12px;font-weight:700;letter-spacing:.14em;color:#86897C;margin:22px 4px 10px}
.pu-day{display:flex;justify-content:space-between;align-items:center;background:#F1F4EA;border-left:3px solid #4E6B33;border-radius:4px;padding:12px 14px}
.pu-day b{display:block;font-size:17px}
.pu-day span{font-size:13px;color:#86897C}
.pu-day .v{text-align:right}
.pu-day .v em{display:block;font-style:normal;font-size:12px;font-weight:700;color:#4E6B33}
.pu-main{display:flex;flex-direction:column;min-width:0}
.pu-tabs{display:flex;gap:30px;padding:0 24px;height:56px;align-items:center;border-bottom:1px solid #E1E2D7;background:#fff;font-weight:600;color:#6E7164;font-size:16px}
.pu-tabs .on{color:#4E6B33;border-bottom:3px solid #4E6B33;padding:16px 0 13px}
.pu-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:18px 22px 0}
.pu-kpi{background:#fff;border:1px solid #E1E2D7;border-radius:12px;padding:16px 18px}
.pu-kpi.hot{border-left:3px solid #4E6B33}
.pu-kpi .k{font-size:11.5px;font-weight:700;letter-spacing:.14em;color:#7C8072}
.pu-kpi .v{font-size:29px;font-weight:700;margin-top:4px;letter-spacing:-.01em}
.pu-kpi.hot .v{color:#4E6B33}
.pu-kpi .s{font-size:13px;color:#86897C;margin-top:4px}
.pu-chart{margin:14px 22px 0;background:#fff;border:1px solid #E1E2D7;border-radius:12px;padding:16px 20px;flex:1;margin-bottom:18px;display:flex;flex-direction:column}
.pu-chart .h{display:flex;justify-content:space-between;font-weight:700;font-size:16px}
.pu-chart .h span{color:#6E7164;font-weight:600;font-size:15px}
.pu-chart svg{flex:1;width:100%;margin-top:10px}

/* cloud */
.pu-cloud{flex:1;padding:30px 40px;display:grid;grid-template-columns:1fr 1fr;gap:22px;align-content:start;background:#F2F3EA}
.pu-cloud .top{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:flex-start}
.pu-cloud h3{font-size:34px;font-weight:600;letter-spacing:-.01em}
.pu-cloud .top p{font-size:16px;color:#6E7164;margin-top:6px;max-width:760px}
.pu-pend{display:inline-flex;align-items:center;gap:8px;background:#F1EAD6;border:1px solid #DCC79A;color:#7A5C12;border-radius:999px;padding:8px 16px;font-weight:600}
.pu-card{background:#fff;border:1px solid #DFE1D4;border-radius:16px;padding:22px}
.pu-card h4{font-size:19px;font-weight:700}
.pu-card p{font-size:14px;color:#6E7164;margin-top:6px}
.pu-fl{font-size:12px;font-weight:700;letter-spacing:.12em;color:#5E6154;margin:16px 0 6px}
.pu-field{border:1px solid #DCDDD2;border-radius:10px;padding:13px 14px;font-size:15px;color:#9A9D90;background:#FAFAF6}
.pu-check{display:flex;gap:12px;align-items:flex-start;border:1px solid #DCDDD2;border-radius:10px;padding:14px;margin-top:14px}
.pu-check i{width:22px;height:22px;border-radius:5px;background:#6E9A48;color:#fff;font-style:normal;display:flex;align-items:center;justify-content:center;font-size:14px;flex:none}
.pu-check b{display:block;font-size:15.5px}
.pu-check span{font-size:13.5px;color:#6E7164}
.pu-stats3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.pu-stats3 div{border:1px solid #DCDDD2;border-radius:10px;padding:14px}
.pu-stats3 span{display:block;font-size:11px;font-weight:700;letter-spacing:.1em;color:#6E7164}
.pu-stats3 b{display:block;font-size:24px;margin-top:6px}
.pu-tablechips{margin-top:14px;display:flex;flex-wrap:wrap;gap:7px}
.pu-tablechips em{font-style:normal;font-size:13px;font-weight:600;color:#4E6B33;background:#EEF3E6;border:1px solid #D2DFC2;border-radius:999px;padding:5px 11px}
.pu-tablechips b{font-size:14px;margin-right:4px;align-self:center}