/* purpose: Wasatch Desk — orders, register, yard loads, and books
   author: MD Hub
   date: 2026-10-03 */
#wd_app{
	--wd-accent:var(--bo-accent,#6b4424);
	--wd-ink:var(--bo-text,#1c1917);
	--wd-muted:var(--bo-text-muted,#78716c);
	--wd-card:var(--bo-bg-elevated,#fff);
	--wd-line:var(--bo-border,#e7e5e4);
	--wd-bg:var(--bo-bg,#faf7f2);
	color:var(--wd-ink);
	width:100%;
	max-width:72rem;
	margin:0 auto;
	padding:0 .2rem 1.5rem;
	box-sizing:border-box;
}
#wd_app *{box-sizing:border-box}
#wd_app [hidden]{display:none!important}
#wd_app button,#wd_app input,#wd_app select,#wd_app textarea{font:inherit;color:inherit}
#wd_app .wd-top{
	display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;align-items:flex-end;
	margin-bottom:.75rem;
}
#wd_app .wd-kicker{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--wd-accent);margin:0}
#wd_app .wd-top h2{margin:.15rem 0 0;font-size:1.45rem;line-height:1.15}
#wd_app .wd-sub{margin:.25rem 0 0;color:var(--wd-muted);font-size:.92rem;max-width:40rem}
#wd_app .wd-size{
	border:0;background:var(--wd-accent);color:#fff;border-radius:999px;padding:.55rem .9rem;
	font-weight:700;cursor:pointer;min-height:44px;
}
#wd_app .wd-tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 .75rem}
#wd_app .wd-tab{
	border:1px solid var(--wd-line);background:var(--wd-card);border-radius:999px;
	padding:.45rem .8rem;min-height:44px;font-weight:700;cursor:pointer;
}
#wd_app .wd-tab.on{background:var(--wd-accent);color:#fff;border-color:transparent}
#wd_app .wd-status{min-height:1.2rem;margin:0 0 .6rem;color:var(--wd-muted);font-size:.9rem}
#wd_app .wd-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.6rem}
#wd_app .wd-card,#wd_app .wd-panel{
	background:var(--wd-card);border:1px solid var(--wd-line);border-radius:1rem;padding:.8rem .9rem;
}
#wd_app .wd-card b{display:block;font-size:1.25rem;margin-top:.2rem}
#wd_app .wd-card span,#wd_app .wd-note{color:var(--wd-muted);font-size:.85rem}
#wd_app .wd-note{margin:.7rem 0 0}
#wd_app .wd-list{display:flex;flex-direction:column;gap:.45rem;margin-top:.7rem}
#wd_app .wd-row{
	display:flex;justify-content:space-between;gap:.6rem;align-items:center;
	background:var(--wd-card);border:1px solid var(--wd-line);border-radius:.85rem;padding:.65rem .75rem;
}
#wd_app .wd-row small{display:block;color:var(--wd-muted)}
#wd_app .wd-sell{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(16rem,.8fr);gap:.75rem;align-items:start}
#wd_app .wd-find,#wd_app .wd-field input,#wd_app .wd-field select,#wd_app .wd-field textarea{
	width:100%;border:1px solid var(--wd-line);background:var(--wd-card);border-radius:.75rem;
	padding:.6rem .7rem;min-height:44px;
}
#wd_app .wd-cats{display:flex;flex-wrap:wrap;gap:.35rem;margin:.55rem 0}
#wd_app .wd-cat{
	border:1px solid var(--wd-line);background:transparent;border-radius:999px;padding:.35rem .7rem;
	min-height:36px;cursor:pointer;font-weight:650;
}
#wd_app .wd-cat.on{background:var(--wd-accent);color:#fff;border-color:transparent}
#wd_app .wd-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.45rem}
#wd_app .wd-item{
	text-align:left;border:1px solid var(--wd-line);background:var(--wd-card);border-radius:.85rem;
	padding:.65rem .7rem;cursor:pointer;min-height:5.2rem;
}
#wd_app .wd-item b{display:block;font-size:.92rem;line-height:1.25}
#wd_app .wd-item span{color:var(--wd-muted);font-size:.8rem}
#wd_app .wd-ticket{position:sticky;top:.4rem}
#wd_app .wd-lines{display:flex;flex-direction:column;gap:.45rem;margin:.5rem 0}
#wd_app .wd-line{display:grid;grid-template-columns:1fr 4.2rem 5.4rem auto;gap:.35rem;align-items:center}
#wd_app .wd-line input{min-height:40px;border:1px solid var(--wd-line);border-radius:.6rem;padding:.3rem .4rem;width:100%}
#wd_app .wd-x{
	border:0;background:transparent;color:var(--wd-muted);font-size:1.2rem;cursor:pointer;min-width:36px;min-height:40px;
}
#wd_app .wd-totals{border-top:1px solid var(--wd-line);padding-top:.45rem;font-size:.95rem}
#wd_app .wd-totals div{display:flex;justify-content:space-between;margin:.15rem 0}
#wd_app .wd-totals .wd-grand{font-weight:800;font-size:1.15rem}
#wd_app .wd-actions{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.55rem}
#wd_app .wd-btn{
	border:0;background:var(--wd-accent);color:#fff;border-radius:.75rem;padding:.55rem .8rem;
	min-height:44px;font-weight:750;cursor:pointer;
}
#wd_app .wd-btn.line{background:transparent;color:var(--wd-ink);border:1px solid var(--wd-line)}
#wd_app .wd-btn:disabled{opacity:.55;cursor:wait}
#wd_app .wd-meta{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.4rem}
#wd_app .wd-field{display:flex;flex-direction:column;gap:.2rem;font-size:.85rem;font-weight:700}
#wd_app .wd-table{width:100%;border-collapse:collapse;font-size:.92rem}
#wd_app .wd-table th,#wd_app .wd-table td{text-align:left;padding:.45rem .35rem;border-bottom:1px solid var(--wd-line);vertical-align:top}
#wd_app .wd-table button{border:0;background:transparent;color:var(--wd-accent);font-weight:750;cursor:pointer;padding:0}
#wd_app .wd-sheet{
	position:fixed;inset:0;background:rgba(28,25,23,.45);z-index:50;
	display:flex;align-items:flex-end;justify-content:center;padding:0;
}
#wd_app .wd-sheet-card{
	background:var(--wd-card);color:var(--wd-ink);width:min(38rem,100%);
	max-height:92vh;overflow:auto;border-radius:1rem 1rem 0 0;padding:1rem 1rem 1.2rem;
}
#wd_app .wd-sheet-card h3{margin:.1rem 0 .7rem}
#wd_app .wd-form{display:grid;gap:.55rem}
#wd_app .wd-form .span2{grid-column:1 / -1}
@media (min-width:800px){
	#wd_app .wd-sheet{align-items:center;padding:1rem}
	#wd_app .wd-sheet-card{border-radius:1rem}
	#wd_app .wd-form.two{grid-template-columns:1fr 1fr}
}
#wd_app .wd-live{
	display:flex;flex-wrap:wrap;gap:.35rem .6rem;align-items:center;
	background:var(--wd-card);border:1px solid var(--wd-line);border-radius:.9rem;
	padding:.45rem .7rem;margin:0 0 .7rem;font-size:.88rem;
}
#wd_app .wd-live b{letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;color:var(--wd-accent)}
#wd_app .wd-live span{color:var(--wd-muted)}
#wd_app .wd-dot{
	width:.55rem;height:.55rem;border-radius:50%;background:#3f7d4e;display:inline-block;
}
#wd_app .wd-board{display:flex;gap:.55rem;overflow:auto;padding-bottom:.3rem;align-items:flex-start}
#wd_app .wd-col{min-width:12.5rem;flex:1}
#wd_app .wd-col h3{margin:.1rem 0 .4rem;font-size:.95rem}
#wd_app .wd-job{
	display:block;width:100%;text-align:left;border:1px solid var(--wd-line);background:var(--wd-card);
	border-radius:.85rem;padding:.6rem .7rem;margin:0 0 .4rem;cursor:pointer;
}
#wd_app .wd-job b{display:block}
#wd_app .wd-job span,#wd_app .wd-job small{display:block;color:var(--wd-muted);font-size:.8rem}
#wd_app .wd-slot{display:grid;grid-template-columns:minmax(0,1.4fr) 4.2rem 5rem;gap:.35rem;margin:.3rem 0}
#wd_app .wd-slot select,#wd_app .wd-slot input{min-height:42px;border:1px solid var(--wd-line);border-radius:.6rem;padding:.3rem .4rem;background:var(--wd-card)}
#wd_app .wd-sig{width:100%;height:9rem;background:#fff;border:1px dashed var(--wd-line);border-radius:.75rem;touch-action:none;margin:.35rem 0}
#wd_app .wd-sign-img{display:block;max-width:100%;height:auto;background:#fff;border:1px solid var(--wd-line);border-radius:.6rem;margin:.35rem 0}
@media (max-width:800px){
	#wd_app .wd-sell{grid-template-columns:1fr}
	#wd_app .wd-ticket{position:static}
	#wd_app .wd-line{grid-template-columns:1fr 3.6rem 4.6rem auto}
	#wd_app .wd-board{flex-direction:column}
	#wd_app .wd-col{min-width:0;width:100%}
	#wd_app .wd-slot{grid-template-columns:minmax(0,1fr) 3.4rem 4.2rem}
}