/* Shared grid styles used by FieldWeldLogs and FlangeBoltUps */

td[data-col] { position: relative; }

.fwl-handle {
    position: absolute; bottom: 0; right: 0;
    width: 10px; height: 10px;
    background: #3b82f6; cursor: crosshair; z-index: 20;
    display: flex; align-items: center; justify-content: center;
    opacity: 0; transition: opacity 100ms;
}
.fwl-handle::after {
    content: '+'; color: #fff; font-size: 9px; font-weight: 700;
    line-height: 1; user-select: none;
}
td[data-col]:hover .fwl-handle { opacity: 1; }
td[data-col].fwl-src  { outline: 2px solid #3b82f6; outline-offset: -2px; }
td[data-col].fwl-target { background: rgba(59,130,246,.15) !important; outline: 1px dashed #3b82f6; outline-offset: -1px; }

/* Read-only users (e.g. ViewOnly) must not see or be able to drag the fill handle —
   display:none also makes it an impossible mousedown target, so this disables the
   drag-to-fill interaction itself, not just its visibility. */
.fwl-readonly .fwl-handle { display: none; }

/* ── Print view (Field Weld Logs / Flange Logs "Print" button) ──────────────────────
   The plain table is always in the DOM (once populated) but hidden on screen; printing
   shows ONLY it and hides everything else, so Ctrl+P / window.print() never captures the
   interactive grid chrome, sidebar, toolbar, etc. */
.print-only { display: none; }
@media print {
    body * { visibility: hidden; }
    .print-only, .print-only * { visibility: visible; }
    .print-only { display: block; position: absolute; top: 0; left: 0; width: 100%; }
}

.att-badge {
    position: absolute; top: 0; right: 0; z-index: 2;
    min-width: 14px; height: 14px; padding: 0 2px;
    background: #3b82f6; color: #fff;
    font-size: 8px; font-weight: 700; line-height: 14px;
    text-align: center; border-bottom-left-radius: 4px;
    cursor: pointer; transition: opacity 100ms, transform 100ms;
    border: none; display: flex; align-items: center; justify-content: center;
}
.att-badge:hover { background: #2563eb; transform: scale(1.15); }
.att-badge-empty { opacity: 0; width: 12px; height: 12px; background: #93c5fd; }
.group\/att:hover .att-badge-empty { opacity: 0.7; }