/* GN Work Order Management — custom styles + Tailwind overrides */

html { -webkit-text-size-adjust: 100%; }
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }

/* Form polish */
input[type="text"], input[type="email"], input[type="password"], input[type="date"],
input[type="search"], select, textarea {
    background-color: #fff;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus,
input[type="date"]:focus, select:focus, textarea:focus {
    box-shadow: 0 0 0 2px rgba(13, 148, 136, 0.25);
    border-color: #14b8a6;
    outline: none;
}

/* Skeleton loader */
.skeleton {
    background: linear-gradient(90deg, #e2e8f0 0%, #f1f5f9 50%, #e2e8f0 100%);
    background-size: 200% 100%;
    animation: shimmer 1.4s linear infinite;
    border-radius: 4px;
}
@keyframes shimmer {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* Tab buttons */
#lookup-tabs button.active {
    color: #0f766e;
    border-color: #0d9488;
}

/* Make textareas vertical-resize only */
textarea { resize: vertical; }

/* Table header sticky helper (optional) */
table thead th { font-weight: 500; }

/* Status pill spacing */
.status-pill { display: inline-flex; padding: 0.125rem 0.5rem; border-radius: 0.25rem; font-size: 0.75rem; font-weight: 500; }

/* Print: hide chrome on PDF preview pages if needed */
@media print {
    aside, header, footer, .no-print { display: none !important; }
    main { padding: 0 !important; }
}