/* Custom styles for the app */
body { font-family: 'Inter', sans-serif; }
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
.table-cell { padding: 8px 12px; border: 1px solid #e2e8f0; }
.autocomplete-items {
    position: absolute;
    border: 1px solid #d1d5db;
    border-top: none;
    z-index: 99;
    top: 100%;
    left: 0;
    right: 0;
    background-color: white;
    border-radius: 0 0 0.5rem 0.5rem;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}
.autocomplete-items div {
    padding: 10px;
    cursor: pointer;
}
.autocomplete-items div:hover {
    background-color: #e5e7eb;
}
.logo-preview-img {
    max-width: 150px;
    max-height: 150px;
    object-fit: contain;
}
.form-input, .form-textarea, .form-select {
    @apply w-full px-3 py-2 text-gray-700 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500;
}
.btn-danger {
     @apply bg-red-600 hover:bg-red-700 text-white font-bold;
}
.resizable-textarea {
    resize: both; /* Allow resizing in both directions */
    overflow: auto; /* Ensure scrollbars appear if content overflows */
    min-height: 42px;
}
.actions-dropdown {
    @apply absolute right-0 mt-2 w-56 origin-top-right bg-white rounded-md shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none z-10;
}
/* Styles for the logo preview modal */
#logo-preview-modal-content {
    background-color: white;
    border: 1px solid #e2e8f0;
    height: 100mm; /* A4 height for context */
    width: 210mm; /* A4 width */
    font-family: sans-serif;
    overflow: hidden;
    position: relative;
    transform-origin: top left;
}
#movable-logo {
    position: absolute;
    cursor: grab;
    border: 1px dashed #9ca3af;
}
/* Styles for tabs */
#logo-tabs button[aria-selected="true"] {
    @apply border-blue-600 text-blue-600;
}
 #logo-tabs button[aria-selected="false"] {
    @apply border-transparent hover:text-gray-600 hover:border-gray-300;
}