/* ส่วนเพิ่มสำหรับแอปใช้งานจริง */
.boot{min-height:100vh;display:grid;place-items:center;text-align:center;padding:24px}
.boot>img{height:64px}
.login{background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:0 12px 40px rgba(43,33,24,.12);padding:32px 28px;max-width:420px;width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}
.login h1{font-size:26px}
.btn.big{min-height:52px;font-size:17px;padding:12px 20px;justify-content:center}
.spin{display:inline-block;width:16px;height:16px;border:2.5px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite;vertical-align:-3px}
@keyframes spin{to{transform:rotate(360deg)}}
.loading{padding:40px;text-align:center;color:var(--muted)}
.toast.bad{background:var(--neg)}
.notice.bad{background:#fdf1ef;border-color:#e8b4ad;color:var(--neg)}
.notice{margin-bottom:12px}
.implog{max-height:240px;overflow:auto;background:var(--sunk2);border-radius:var(--r-md);padding:10px 12px;font-family:ui-monospace,monospace;line-height:20px;margin-top:10px}
.implog:empty{display:none}
input.saving{border-color:var(--warn)}
input.saved{border-color:var(--green-s);background:#f3f9ef}
.prodcard{border:1px solid var(--line);border-radius:var(--r-lg);padding:14px;margin-bottom:10px;background:var(--card)}
.prodcard .fing{margin-top:10px}
.pdform{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px dashed var(--line)}
.pdform .q{width:120px}
/* โหมดหน้างาน: เต็มจอบนมือถือ */
.shell.floormode{display:block}
.shell.floormode .main{padding:0}
.shell.floormode .content{padding:12px;max-width:none}
.floor{min-height:calc(100vh - 24px)}
@media(max-width:560px){.shell.floormode .content{padding:0}.floor{border-radius:0;box-shadow:none;min-height:100vh}}
.fline{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 12px}
.fline.ok{border-color:var(--green-s);background:#f6faf2}
.fline.ok .fchk{background:var(--green-s);border-color:var(--green-s);color:#fff}
.fline .fchk{background:#fff;border-color:var(--line-s);color:#fff;cursor:pointer}
.fline .fchk svg{width:22px;height:22px}
.fline .li-main{flex:1;min-width:0;display:flex;flex-direction:column}
.fline .grstep input.q{width:60px}
.fline .grstep button{width:36px;height:44px}
.floor .card{margin-bottom:10px}
.floor .lead{font-size:13px}
.floor .tw{overflow-x:auto}
.side .foot{display:flex;align-items:center;justify-content:space-between;gap:8px}
@media(max-width:720px){.mgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.phstats{grid-template-columns:repeat(2,minmax(0,1fr))}}