/* Jade workbench: one wood surface, high-contrast information and controls. */
#page-jade-cutting { background: #503824; }
#page-jade-cutting .jade-bg-cloth {
    background: linear-gradient(180deg,rgba(25,17,10,.12),rgba(25,17,10,.27)),
        url('textures/jade-walnut.webp') center / cover no-repeat;
}
#page-jade-cutting .jade-canvas-wrap { background: transparent; box-shadow: none; }
#page-jade-cutting .jade-top-bar,
#page-jade-cutting .jade-mold-bar,
#page-jade-cutting .jade-action-bar {
    background: linear-gradient(135deg,#292822f5,#151b19f5);
    border-color: #b9a07866;
    color: #fff;
    box-shadow: 0 2px 12px #0004;
}
#page-jade-cutting .jade-top-bar { border-bottom: 1px solid #b9a07866; }
#page-jade-cutting .jade-shell-tag { background: #ffffff0e; color: #fff4da; border: 1px solid #baa0784d; }
#page-jade-cutting :is(.jade-value-card,.jade-quality-badge,.jade-mold-stats,.jade-color-detail) {
    color: #f5f2e9;
    background: linear-gradient(145deg,#252721f7,#111917f7);
    border: 1px solid #b29a697a;
    box-shadow: inset 0 1px 0 #fff1d218,0 5px 16px #0005;
    text-shadow: 0 1px 2px #0007;
}
#page-jade-cutting :is(.jade-value-card,.jade-quality-badge) {
    min-width: 0; width: calc(50% - 18px); max-width: 220px; box-sizing: border-box;
    margin-top: 8px; padding: 10px;
}
#page-jade-cutting .jade-value-card .ring-row { gap: 8px; }
#page-jade-cutting .jade-value-card .q-ring { flex-shrink: 0; color: #fff; text-shadow: 0 1px 3px #000; }
#page-jade-cutting .jade-value-card .v-num { color: #ffe1a0; font-size: 19px; overflow-wrap: anywhere; }
#page-jade-cutting .jade-value-card .v-lbl,
#page-jade-cutting .jade-value-card .v-detail,
#page-jade-cutting .jade-quality-badge .key { color: #e4dfd2; font-size: 11px; }
#page-jade-cutting .jade-quality-badge .val { color: #fff5d8 !important; }
#page-jade-cutting .jade-quality-badge .title { color: #f5dba1; font-size: 13px; }
#page-jade-cutting #jqdDetail > div { font-size: 11px !important; line-height: 1.65 !important; }
#page-jade-cutting .jade-mold-stats .stat-val,
#page-jade-cutting .jade-mold-stats .stat-valid { color: #9de6b8; }
#page-jade-cutting .jade-mold-stats .stat-invalid { color: #ffb4a9; }
#page-jade-cutting .jade-mold-bar .mold-btn {
    background: linear-gradient(145deg,#31332a,#19221f);
    color: #fff; -webkit-text-fill-color: currentColor;
    border-color: #aa97737a; box-shadow: inset 0 1px 0 #fff1d21a,0 2px 6px #0004;
}
#page-jade-cutting .jade-mold-bar .mold-btn .mold-coef { color: #e1dcd0; font-size: 10px; }
#page-jade-cutting .jade-mold-bar .mold-btn.active {
    color: #fff; background: linear-gradient(145deg,#665332,#302a1e);
    border-color: #f2d28c; box-shadow: 0 0 0 1px #f2d28c33,0 0 12px #d0ae5638;
}
#page-jade-cutting .jade-mold-bar .mold-btn:disabled { color: #ddd; opacity: .65 !important; filter: grayscale(.5); }
#page-jade-cutting .jade-action-bar button { color: #fff; border: 1px solid #aa977355; }
#page-jade-cutting .jade-btn-confirm:not(:disabled) { background: linear-gradient(110deg,#b89a61,#e5cea0); color: #24251d; }
#page-jade-cutting .jade-btn-confirm:disabled { color: #d5d8d1; background: #222a26; opacity: .65; }
#page-jade-cutting .jade-hint-banner { color: #ffe2a1; background: #1b211bed; border-color: #bba16a85; }
@media (max-width: 360px) {
    #page-jade-cutting :is(.jade-value-card,.jade-quality-badge) { padding: 8px; }
    #page-jade-cutting .jade-value-card .ring-row { gap: 5px; }
    #page-jade-cutting .jade-value-card .q-ring { width: 30px; height: 30px; }
    #page-jade-cutting .jade-value-card .v-num { font-size: 16px; }
}