/* ===================================================================
   MixRadius Client Portal — Standalone CSS
   Font: Montserrat (local), Icons: Remixicon (local)
   =================================================================== */

/* Montserrat — local fonts */
@font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat/Montserrat-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat/Montserrat-Regular.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat/Montserrat-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat/Montserrat-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat/Montserrat-Bold.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap; }

/* Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #d1d5db; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #9ca3af; }
/* ===================================================================
   Halaman portal (Syarat & Ketentuan / Kebijakan Privasi / FAQ).
   Konten HTML dari editor admin tak punya kelas Tailwind (dan build
   Tailwind portal di-purge) → gaya tipografi ditulis di sini.
   =================================================================== */
.portal-content { line-height: 1.7; font-size: .925rem; overflow-wrap: break-word; }
.portal-content > :first-child { margin-top: 0; }
.portal-content p { margin: 0 0 .85rem; }
.portal-content h2, .portal-content h3, .portal-content h4 { font-weight: 600; color: #1f2937; line-height: 1.35; margin: 1.5rem 0 .6rem; }
.portal-content h2 { font-size: 1.15rem; }
.portal-content h3 { font-size: 1.02rem; }
.portal-content h4 { font-size: .95rem; }
.portal-content ol, .portal-content ul { margin: 0 0 .85rem; padding-left: 1.4rem; }
.portal-content ol { list-style: decimal; }
.portal-content ul { list-style: disc; }
.portal-content li { margin: .25rem 0; }
.portal-content blockquote { border-left: 3px solid #d1d5db; padding-left: .9rem; margin: 0 0 .85rem; color: #6b7280; }
.portal-content a { color: inherit; font-weight: 500; text-decoration: underline; text-underline-offset: 2px; }
.portal-content strong { font-weight: 600; }
html.dark .portal-content h2, html.dark .portal-content h3, html.dark .portal-content h4 { color: #f5f5f5; }
html.dark .portal-content blockquote { border-left-color: #525252; color: #a3a3a3; }

.portal-faq details { border: 1px solid #e5e7eb; border-radius: 12px; background: #fff; }
.portal-faq details + details { margin-top: .6rem; }
.portal-faq summary { cursor: pointer; list-style: none; display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: .9rem 1.1rem; font-weight: 600; font-size: .925rem; color: #1f2937; }
.portal-faq summary::-webkit-details-marker { display: none; }
.portal-faq summary::after { content: '+'; flex-shrink: 0; font-size: 1.15rem; line-height: 1; color: #9ca3af; }
.portal-faq details[open] summary::after { content: '\2212'; }
.portal-faq .portal-faq-answer { padding: 0 1.1rem 1rem; font-size: .9rem; line-height: 1.65; color: #4b5563; }
html.dark .portal-faq details { border-color: #404040; background: #262626; }
html.dark .portal-faq summary { color: #f5f5f5; }
html.dark .portal-faq .portal-faq-answer { color: #d4d4d4; }

.portal-legal-links a { text-decoration: underline; text-underline-offset: 2px; }
/* Footer dashboard (sesi login): rata kanan di desktop, tengah di HP. */
@media (min-width: 640px) { .portal-legal-links-end { justify-content: flex-end; } }