/* MobyConnex theme for Postiz · v3 · สร้างจาก DS MobyConnex (gen_theme.py) */
@font-face{font-family:'Kanit';font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC,U+02D7,U+0303,U+0331;src:url(/brand/fonts/kanit-thai-400-normal.woff2) format('woff2')}
@font-face{font-family:'Kanit';font-style:normal;font-weight:600;font-display:swap;unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC,U+02D7,U+0303,U+0331;src:url(/brand/fonts/kanit-thai-600-normal.woff2) format('woff2')}
@font-face{font-family:'Kanit';font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+2000-206F,U+20AC,U+2122,U+2192;src:url(/brand/fonts/kanit-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Kanit';font-style:normal;font-weight:600;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+2000-206F,U+20AC,U+2122,U+2192;src:url(/brand/fonts/kanit-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans Thai Looped';font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC,U+02D7,U+0303,U+0331;src:url(/brand/fonts/ibm-plex-sans-thai-looped-thai-400-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans Thai Looped';font-style:normal;font-weight:500;font-display:swap;unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC,U+02D7,U+0303,U+0331;src:url(/brand/fonts/ibm-plex-sans-thai-looped-thai-500-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans Thai Looped';font-style:normal;font-weight:600;font-display:swap;unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC,U+02D7,U+0303,U+0331;src:url(/brand/fonts/ibm-plex-sans-thai-looped-thai-600-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans Thai Looped';font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+2000-206F,U+20AC,U+2122,U+2192;src:url(/brand/fonts/ibm-plex-sans-thai-looped-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans Thai Looped';font-style:normal;font-weight:600;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+2000-206F,U+20AC,U+2122,U+2192;src:url(/brand/fonts/ibm-plex-sans-thai-looped-latin-600-normal.woff2) format('woff2')}
html:root .light{
  --preview-box-shadow:0 386px 108px 0 #1e233d00, 0 247px 99px 0 #1e233d03, 0 139px 83px 0 #1e233d08, 0 62px 62px 0 #1e233d0a, 0 15px 34px 0 #1e233d0d;
  --color-custom4:#4a5fd9;
  --color-custom7:#576bdb;
  --color-custom11:#8f9ce7;
  --color-custom28:#8e9ce7;
  --color-custom29:#121c54;
  --color-custom41:#acb6ed;
  --color-custom45:#2a42c8;
  --color-custom50:#212d6d;
  --new-back-drop:#0A1238;
  --new-settings:#E6F1F7;
  --new-sep:#BFD3E6;
  --new-border:#DAE7F3;
  --new-bgColor:#F2F8FB;
  --new-bgColorInner:#FFFFFF;
  --new-bgLineColor:#E6F1F7;
  --new-textItemFocused:#0E1A5A;
  --new-textItemBlur:#55668C;
  --new-boxFocused:#EDF1FF;
  --new-textColor:11 27 58;
  --new-blockSeparator:#E6F1F7;
  --new-btn-simple:#E6F1F7;
  --new-btn-text:#0B1B3A;
  --new-btn-primary:#0E1A5A;
  --new-ai-btn:#0F6E74;
  --new-box-hover:#F2F8FB;
  --new-table-border:#DAE7F3;
  --new-table-header:#F2F8FB;
  --new-table-text:#55668C;
  --new-table-text-focused:#0F6E74;
  --new-big-strips:#F2F8FB;
  --new-col-color:#E6F1F7;
  --new-menu-dots:#55668C;
  --new-menu-hover:#0B1B3A;
  --popup-color:#0E1A5A33;
  --color-primary:#F2F8FB;
  --color-secondary:#FFFFFF;
  --color-text:#0B1B3A;
  --color-third:#FFFFFF;
  --color-forth:#0E1A5A;
  --color-seventh:#0F6E74;
  --color-gray:#55668C;
  --color-input-text:#55668C;
  --color-table-border:#DAE7F3;
  --color-custom51:#0E1A5A
}
html:root .dark{
  --color-custom4:#4a5fd9;
  --color-custom7:#576bdb;
  --color-custom11:#8f9ce7;
  --color-custom28:#8e9ce7;
  --color-custom29:#121c54;
  --color-custom30:#273cb6;
  --color-custom41:#acb6ed;
  --color-custom45:#2a42c8;
  --color-custom50:#212d6d;
  --new-back-drop:#050A24;
  --new-settings:#142058;
  --new-border:#1B2866;
  --new-bgColor:#0A1238;
  --new-bgColorInner:#101B4F;
  --new-sep:#2C3A82;
  --new-bgLineColor:#1B2866;
  --new-textItemFocused:#0E1A5A;
  --new-textItemBlur:#9FC0DD;
  --new-boxFocused:#EDF1FF;
  --new-textColor:255 255 255;
  --new-blockSeparator:#16215F;
  --new-btn-simple:#1B2866;
  --new-btn-text:#FFFFFF;
  --new-btn-primary:#12808A;
  --new-ai-btn:#12808A;
  --new-box-hover:#14205F;
  --new-table-border:#1B2866;
  --new-table-header:#0D1744;
  --new-table-text:#9FC0DD;
  --new-table-text-focused:#7ED956;
  --new-small-strips:#0D1744;
  --new-big-strips:#0C1640;
  --new-col-color:#1B2866;
  --new-menu-dots:#8CA3D1;
  --new-menu-hover:#FFFFFF;
  --popup-color:#0E1A5A66;
  --color-primary:#0A1238;
  --color-secondary:#0D1744;
  --color-text:#FFFFFF;
  --color-third:#0A1238;
  --color-forth:#12808A;
  --color-seventh:#18979E;
  --color-gray:#9FC0DD;
  --color-input-text:#8CA3D1;
  --color-custom51:#12808A
}

html:root body,html:root button,html:root input,html:root textarea,html:root select{
  font-family:'IBM Plex Sans Thai Looped','Kanit','Plus Jakarta Sans',system-ui,sans-serif !important}
html:root h1,html:root h2,html:root h3,html:root h4,html:root .text-\[36px\],html:root .text-\[42px\]{
  font-family:'Kanit','IBM Plex Sans Thai Looped',sans-serif !important;letter-spacing:0 !important}

/* หน้า auth: พื้นกรมท่า ตามภาพ hero ของ DS */
html:root div:has(> .lg\:w-\[600px\]){background-color:#0a123a !important}
html:root .lg\:w-\[600px\]{background-color:#101B4F !important}
html:root .border-\[\#2b2a2a\]{border-color:#24327A !important}
html:root .text-\[\#D1D1D1\]{color:#C7D8EE !important}
html:root .text-\[\#FC69FF\]{color:#7ED956 !important}
/* โลโก้ MobyConnex แทนโลโก้ SVG ของ Postiz */
html:root .lg\:w-\[600px\] > div > svg:first-child{display:none !important}
html:root .lg\:w-\[600px\] > div::before{content:'';display:block;flex:none;width:240px;height:73px;
  background:url(/brand/logo-horizontal-dark.png) left center/contain no-repeat}
/* แผงขวา: แทนคำรับรองของ Postiz ด้วยภาพแบรนด์ */
html:root .text-\[36px\].pt-\[88px\]{background:#0a123a url(/brand/hero-navy.png) center/contain no-repeat !important;
  border-radius:12px}
html:root .text-\[36px\].pt-\[88px\] > *{display:none !important}

/* สีม่วง/ชมพูของ Postiz → กรมท่า */
html .uppy-DashboardTab-iconAudio{color:#2e3e9b !important}
html [data-uppy-theme=dark] .uppy-DashboardTab-iconAudio{color:#6275de !important}
html .border-\[\#AA0FA4\]\/30{border-color:#1f30914d !important}
html .bg-\[\#612bd3\]\/10{background-color:#2a42c71a !important}
html .bg-\[\#AA0FA4\]\/10{background-color:#1f30911a !important}
html .from-\[\#622aff\]{--tw-gradient-from:#4359d7 var(--tw-gradient-from-position) !important;--tw-gradient-to:#4359d700 var(--tw-gradient-to-position) !important}
html .to-\[\#8b5cf6\]{--tw-gradient-to:#6376de var(--tw-gradient-to-position) !important}
html .shadow-purple-500\/25{--tw-shadow-color:#5e71dd40 !important}
html .scrollbar-thumb-\[\#612AD5\]{--scrollbar-thumb:#2a42c8!important !important}
html .ProseMirror .mention{color:#8c9ae7 !important}
html .tiptap .mention{color:#8c9ae7 !important}
html .hover\:border-\[\#612BD3\]\/40:hover{border-color:#2a42c766 !important}
html .hover\:border-\[\#612bd3\]\/50:hover{border-color:#2a42c780 !important}
html .hover\:bg-\[\#612BD3\]\/80:hover{background-color:#2a42c7cc !important}
html .hover\:from-\[\#7c3aff\]:hover{--tw-gradient-from:#5064da var(--tw-gradient-from-position) !important;--tw-gradient-to:#5064da00 var(--tw-gradient-to-position) !important}
html .hover\:to-\[\#9d6eff\]:hover{--tw-gradient-to:#7888e2 var(--tw-gradient-to-position) !important}
html .hover\:shadow-purple-500\/40:hover{--tw-shadow-color:#5e71dd66 !important}
html .copilotKitAttachmentQueueDocIcon{background:var(--copilot-kit-primary-color,#6577de) !important}
html .copilotKitDragOver{outline:2px dashed var(--copilot-kit-primary-color,#6577de) !important}
html .copilotKitAttachmentDocIcon{background:var(--copilot-kit-primary-color,#6577de) !important}
html a.copilotKitMarkdownElement{color:#2a42c8 !important}