/* SMTM Appraisal Engine - Frontend Styles */

/* Standalone appraisal page — layout is handled entirely by JS/inline styles */
#smtm-appraisal-app {
    font-family: 'DM Sans', -apple-system, sans-serif;
    box-sizing: border-box;
}

#smtm-appraisal-app:empty::after {
    content: 'Loading appraisal...';
    display: block;
    padding: 2rem;
    color: #666;
    text-align: center;
}

.smtm-login-notice {
    padding: 1rem 1.5rem;
    background: var(--smtm-accent-tint);
    border-left: 4px solid var(--smtm-accent);
    border-radius: 4px;
    color: var(--smtm-accent-text);
}

/* Prevent text selection across all SMTM pages */
body, .smtm-app, #smtm-dashboard-app, #smtm-appraisal-app {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* Allow selection only in form inputs */
input, textarea, [contenteditable] {
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}

/* Scrollable containers — respond to mousewheel without requiring click */
.smtm-scroll-frame {
  scroll-behavior: smooth;
}
.smtm-scroll-frame:hover {
  overflow-y: auto;
}
/* Ensure scroll containers capture wheel events immediately */
#smtm-dashboard-app [style*="overflow-y: auto"],
#smtm-dashboard-app [style*="overflowY: auto"] {
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}