/* 점검 끝! button, confirmation dialog and background job tray. */
.finish-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:48px;padding:0 22px;border:0;border-radius:12px;background:#b9708f;color:#fff;font-size:17px;font-weight:800;letter-spacing:-.3px;line-height:1.1;box-shadow:0 3px 0 #8f5269;white-space:nowrap;cursor:pointer}
.finish-button:hover{background:#a8637f}
.finish-button:active{transform:translateY(2px);box-shadow:0 1px 0 #8f5269}
.finish-button:focus-visible{outline:3px solid #e3c3d0;outline-offset:3px}
.finish-button:disabled{opacity:.6;cursor:wait}
.finish-button-head{min-height:44px;padding:0 16px;font-size:15px;margin-left:auto;flex:0 0 auto}
.quick-head{display:flex;align-items:center;gap:10px}
.finish-button-main{width:100%;min-height:56px;font-size:19px;margin:12px 0 10px}
.unit-finish .finish-button-main{order:0}
.unit-finish .unit-finish-actions .button{font-size:13px}

.finish-dialog .finish-summary{display:flex;flex-direction:column;gap:2px;margin:0 0 10px;padding:12px 14px;border-radius:12px;background:#fdf0f6;border:1px solid #f6c6dc}
.finish-dialog .finish-summary strong{font-size:20px;color:#7a1f4b}
.finish-dialog .finish-summary span{font-size:14px;color:#8d4a69;font-weight:700}
.finish-dialog .finish-tasks{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px;padding:0;list-style:none}
.finish-dialog .finish-tasks li{padding:5px 10px;border-radius:999px;background:#f4f1ec;color:#3e4b46;font-size:13px;font-weight:700}
.finish-dialog .finish-next-title{margin:14px 0 8px;font-size:16px}
.finish-dialog .finish-next-list{display:grid;gap:8px}
.finish-dialog .finish-next{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;min-height:56px;padding:10px 14px;border:1.5px solid #e2dbcf;border-radius:12px;background:#fff;text-align:left}
.finish-dialog .finish-next strong{font-size:18px;color:#1e3832}
.finish-dialog .finish-next strong em{margin-left:6px;padding:1px 8px;border-radius:999px;background:#b9708f;color:#fff;font-size:11px;font-style:normal;vertical-align:2px}
.finish-dialog .finish-next small{font-size:12px;color:#5f706a}
.finish-dialog .finish-next.recommended{border-color:#b9708f;background:#fbf6f8;box-shadow:inset 0 0 0 1px #b9708f}
.finish-dialog .finish-pattern{margin-top:8px}
.finish-dialog .finish-other{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.finish-dialog .finish-other .button{min-height:44px}

.finish-tray{position:fixed;left:max(12px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));z-index:40;display:flex;flex-direction:column;align-items:flex-start;gap:1px;max-width:min(360px,calc(100vw - 24px));min-height:44px;padding:8px 14px;border:0;border-radius:14px;background:#2b1a24;color:#fff;text-align:left;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.finish-tray strong{font-size:13px;color:#ffc2dc}
.finish-tray span{font-size:12px;opacity:.92;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.finish-tray.needs-attention{background:#7a1f2b}
.finish-queue{display:grid;gap:10px;margin:0 0 10px;padding:0;list-style:none}
.finish-queue li{padding:12px;border:1px solid #e6e0d6;border-radius:12px;background:#fff}
.finish-queue li>div{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.finish-queue small{color:#6d7f79;font-size:11px}
.finish-queue dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:8px 0 6px}
.finish-queue dl div{padding:6px 8px;border-radius:8px;background:#f6f3ee}
.finish-queue dt{font-size:11px;color:#6d7f79}
.finish-queue dd{margin:0;font-size:13px;font-weight:700}
@media (max-width:600px){.finish-button-head{padding:0 12px;font-size:14px}.finish-tray{right:max(12px,env(safe-area-inset-right))}}
@media print{.finish-button,.finish-tray{display:none!important}}

/* Bottom notices are see-through and never block taps on the screen behind them. */
.finish-tray,.toasts,.toast{pointer-events:none}
.finish-tray,.toast{opacity:.7}
body.title-lift .finish-tray,body.title-lift .toasts{display:none}

/* Calmer 점검 끝: flat, smaller; on the entry screen it lives in the top bar. */
.finish-button{font-size:15px;min-height:42px;padding:0 18px;box-shadow:none}
.finish-button:active{transform:none;box-shadow:none}
.finish-button-main{min-height:46px;font-size:16px;margin:10px 0 8px}
.finish-button-top{display:none;min-height:36px;padding:0 14px;font-size:14px;border-radius:10px}
.app-shell.inspection-entry .finish-button-top{display:inline-flex}
.finish-dialog .finish-next-title{margin-top:2px}
@media (min-width:601px){.finish-button-main{width:auto;min-width:220px}}