/* RankSpot AI – Admin Page Styles */

.rs-wrap {
    max-width: 900px;
    margin: 2rem auto;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: #1f2937;
}

/* Logo */
.rs-logo-header { display: flex; align-items: center; justify-content: center; margin-bottom: 2rem; }
.rs-logo-inner  { display: flex; align-items: center; gap: .5rem; padding: .375rem .25rem; }
.rs-logo-text   { font-size: 1.5rem; font-weight: 700; color: #1f2937; }

/* Card */
.rs-card             { background: #fff; border-radius: 1rem; box-shadow: 0 20px 25px -5px rgba(0,0,0,.1), 0 8px 10px -6px rgba(0,0,0,.1); overflow: hidden; border: 1px solid #f3f4f6; }
.rs-card-header      { background-color: oklch(0.5461 0.2152 262.88); padding: 2rem; color: #fff; }
.rs-card-header h2   { font-size: 1.5rem; font-weight: 700; margin: 0; color: #fff; }
.rs-card-header p    { margin-top: .5rem; color: #bfdbfe; font-size: 1.125rem; opacity: .9; font-weight: 500; }
.rs-card-body        { padding: 2rem; }
.rs-card-footer      { background: #f9fafb; padding: 1.25rem 2rem; border-top: 1px solid #f3f4f6; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .75rem; }

/* Sections */
.rs-section           { margin-bottom: 2.5rem; }
.rs-section:last-child { margin-bottom: 0; }
.rs-field-label       { display: flex; justify-content: space-between; align-items: center; margin-bottom: .75rem; }
.rs-label             { font-size: .75rem; font-weight: 700; color: #374151; text-transform: uppercase; letter-spacing: .1em; }
.rs-label-block       { display: block; margin-bottom: .75rem; }

/* Copy button */
.rs-copy-btn        { font-size: .75rem; font-weight: 700; background-color: oklch(0.5461 0.2152 262.88); color: #fff; border: none; padding: .375rem .75rem; border-radius: 9999px; cursor: pointer; transition: opacity .2s; }
.rs-copy-btn:hover  { opacity: .85; }
.rs-copy-btn:focus  { outline: 2px solid oklch(0.5461 0.2152 262.88); outline-offset: 2px; }

/* Code blocks */
.rs-code-block       { display: block; width: 100%; padding: 1.25rem; background: #f9fafb; border: 1px solid #e5e7eb; border-radius: .75rem; font-size: .875rem; color: #374151; font-family: monospace; word-break: break-all; box-sizing: border-box; transition: background .2s; }
.rs-code-block:hover { background: #f3f4f6; }

/* Select */
.rs-select { display: block; width: 100%; padding: .75rem 1rem; background: #f9fafb; border: 1px solid #e5e7eb; border-radius: .75rem; font-size: .875rem; color: #374151; box-sizing: border-box; }

/* Help text */
.rs-help-text { margin-top: .75rem; font-size: .875rem; color: #6b7280; line-height: 1.625; }

/* Footer */
.rs-status      { display: flex; align-items: center; gap: .5rem; }
.rs-status-dot  { width: .5rem; height: .5rem; border-radius: 9999px; background: #10b981; display: inline-block; flex-shrink: 0; }
.rs-status-text { font-size: .875rem; font-weight: 600; color: #4b5563; }
.rs-footer-right { display: flex; align-items: center; gap: 1rem; }
.rs-version      { font-size: .75rem; font-weight: 700; color: #9ca3af; text-transform: uppercase; letter-spacing: .1em; }

/* Help footer */
.rs-help-footer   { margin-top: 2rem; text-align: center; }
.rs-help-footer p { font-size: .875rem; color: #6b7280; }
.rs-help-link     { color: oklch(0.5461 0.2152 262.88) !important; font-weight: 700; text-decoration: none; }
.rs-help-link:hover { text-decoration: underline; }