/* Outlined Bauhaus-93 artwork: rendering does not depend on an installed web font. */
:root{
 /* Nunito Sans is loaded as an optional enhancement by the workspace header.
    Rounded system fallbacks keep the UI soft and readable when remote fonts
    are unavailable or deliberately blocked by a strict CSP. */
 --ogan-ui-font:ui-rounded,"Nunito","Nunito Sans","Avenir Next","Trebuchet MS","Segoe UI",Arial,sans-serif;
 --interaktif-site-bg-color:#0d1b23;
 --interaktif-header-bg-color:#12262f;
 --interaktif-some-r-bg-color:#12262f;
 --interaktif-some-a-bg-color:#1b3641;
 --interaktif-main-color:#ed8150;
 --interaktif-main-color1:#f18b59;
 --interaktif-main-color2:#ffbd98;
 --interaktif-heading-color:#f1f6f8;
 --interaktif-body-color:#abc0c9;
 --interaktif-border-color:#294651;
 --interaktif-button-bg-color:#19333e;
 --interaktif-hover-color:#fff;
	--interaktif-header-height:76px;
 --interaktif-heading-font-family:var(--ogan-ui-font);
 --interaktif-body-font-family:var(--ogan-ui-font)
}
[data-interaktif-skin="light"]:root{
 --interaktif-site-bg-color:#f5f8f9;
 --interaktif-header-bg-color:#edf3f5;
 --interaktif-some-r-bg-color:#fff;
 --interaktif-some-a-bg-color:#e6eef1;
 --interaktif-main-color:#bd5224;
 --interaktif-main-color1:#cc6334;
 --interaktif-main-color2:#8e3a17;
 --interaktif-heading-color:#142631;
 --interaktif-body-color:#506873;
 --interaktif-border-color:#cedce2;
 --interaktif-button-bg-color:#e6eef1;
 --interaktif-hover-color:#0d1b23
}
body,.ogan-account-host{font-family:var(--ogan-ui-font);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body h1,body h2,body h3,body h4,body h5,body h6,body button,body input,body select,body textarea{font-family:var(--ogan-ui-font)}
.header .navbar-brand{width:152px;min-width:152px;height:29px;flex-shrink:0}
.header .navbar-brand .logo{width:152px;max-width:100%;height:auto;image-rendering:auto}
.ogan-workspace-logo{direction:ltr}
.ogan-workspace-logo .full_logo img{width:152px;max-width:100%;height:auto}
.ogan-workspace-logo .short_logo img{width:32px;height:32px}
.ogan-workspace-logo .ogan-brand-on-dark{display:block}
.ogan-workspace-logo .ogan-brand-on-light{display:none}
[data-interaktif-skin="light"] .ogan-workspace-logo .ogan-brand-on-dark{display:none}
[data-interaktif-skin="light"] .ogan-workspace-logo .ogan-brand-on-light{display:block}

/* Workspace refresh: keep the established layout while strengthening hierarchy. */
.interaktif_fn_header,.interaktif_fn_leftpanel,.interaktif_fn_aichatbot_page .chat__sidebar{box-shadow:0 16px 42px rgba(2,13,18,.08)}
.interaktif_fn_leftpanel .leftpanel_content{padding-top:34px}
.interaktif_fn_leftpanel .nav_group{margin-bottom:28px}
.interaktif_fn_leftpanel .group__title,.interaktif_fn_aichatbot_page .chat__sidebar .group__title{font-size:12px;font-weight:700;letter-spacing:.035em;text-transform:none}
.interaktif_fn_leftpanel .group__list a{min-height:42px;border-radius:10px;padding-top:8px;padding-bottom:8px;transition:background-color .18s ease,color .18s ease,transform .18s ease}
.interaktif_fn_leftpanel .group__list a:hover{transform:translateX(2px)}
.interaktif_fn_leftpanel .group__list a:focus-visible,.fn__nav_bar a:focus-visible,.fn__chat_link:focus-visible,.fn__new_chat_link:focus-visible{outline:3px solid var(--interaktif-main-color2);outline-offset:3px}
.interaktif_fn_aichatbot_page .chat__page{background:radial-gradient(circle at 50% 0,rgba(237,129,80,.07),transparent 34rem)}
.interaktif_fn_aichatbot_page .fn__title_holder .title{font-weight:700;letter-spacing:-.02em}
.interaktif_fn_aichatbot_page .chat__list{max-width:980px;margin-inline:auto}
.fn__chatbot .chat__box{margin-bottom:26px}
.fn__chatbot .chat{border:1px solid var(--interaktif-border-color);border-radius:16px;line-height:1.65;box-shadow:0 14px 34px rgba(2,13,18,.08)}
.fn__chatbot .bot__chat .chat{background-color:var(--interaktif-some-r-bg-color)}
.fn__chatbot .author{height:22px;line-height:22px;padding-inline:14px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.035em;text-transform:none}
.fn__chat_link,.fn__new_chat_link{min-height:44px;height:auto;line-height:24px;border-radius:10px;padding-top:9px;padding-bottom:9px}
.fn__chat_comment textarea{min-height:62px;border-width:1px;border-radius:16px;background-color:var(--interaktif-some-r-bg-color);box-shadow:0 16px 35px rgba(2,13,18,.1);line-height:1.5}
.fn__chat_comment textarea:focus{box-shadow:0 0 0 4px rgba(237,129,80,.16),0 16px 35px rgba(2,13,18,.1)}
.fn__chat_comment button{border-radius:12px;background-color:var(--interaktif-main-color);color:#102630}
[data-interaktif-skin="light"] .fn__chat_comment button{color:#fff}
.interaktif_fn_aichatbot_page .chat__comment{background:linear-gradient(180deg,transparent,var(--interaktif-site-bg-color) 24%);padding-top:34px}
.interaktif_fn_header .ogan-workspace-context{display:inline-flex;align-items:center;gap:7px;width:auto;height:30px;min-height:30px;box-sizing:border-box;padding:4px 9px;border:1px solid color-mix(in srgb,var(--interaktif-border-color) 82%,transparent);border-radius:8px;background:transparent;color:var(--interaktif-heading-color);font-size:12px;font-weight:700;line-height:1;letter-spacing:.01em;box-shadow:none;pointer-events:none;user-select:none}
.ogan-workspace-context__dot{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:var(--interaktif-main-color);box-shadow:0 0 0 3px rgba(237,129,80,.12)}
.ogan-workspace-context__label{line-height:1.2;white-space:nowrap}
.interaktif_fn_header{padding-inline:28px}
.fn__nav_bar .bar__item{margin-right:6px}
.fn__nav_bar .item_opener,.fn__nav_bar .user_opener{width:44px;height:44px}
.ogan-workspace-language .item_opener{width:auto;min-width:58px;padding-inline:12px;gap:7px}
.ogan-workspace-language .ogan-language-code{display:block;height:auto!important;padding:0!important;color:var(--interaktif-heading-color)!important;font-size:11px!important;font-weight:800;letter-spacing:.06em;line-height:1!important}
.ogan-workspace-language .item_popup{width:260px!important;padding:16px!important;border-radius:14px!important;box-shadow:0 18px 48px rgba(2,13,18,.22)}
.ogan-workspace-language .item_popup label{display:block;margin-bottom:8px;color:var(--interaktif-heading-color);font-size:12px;font-weight:800}
.ogan-workspace-language .item_popup select{display:block;width:100%;height:44px;padding:0 36px 0 12px;border:1px solid var(--interaktif-border-color);border-radius:10px;background:var(--interaktif-some-r-bg-color);color:var(--interaktif-heading-color);font:600 14px/1 var(--ogan-ui-font)}
.ogan-workspace-language .item_popup select:focus{outline:3px solid rgba(237,129,80,.2);border-color:var(--interaktif-main-color)}
.ogan-workspace-tools .group__list a{min-height:60px;border:1px solid transparent;align-items:center}
.ogan-workspace-tools .group__list a:hover{border-color:var(--interaktif-border-color)}
.ogan-workspace-tools .group__list a[aria-current="location"]{border-color:color-mix(in srgb,var(--interaktif-main-color) 64%,var(--interaktif-border-color));background:color-mix(in srgb,var(--interaktif-main-color) 10%,var(--interaktif-some-a-bg-color))}
.ogan-workspace-tools .group__list .icon{margin-top:-9px}
.ogan-menu-copy{display:flex;min-width:0;flex-direction:column;gap:2px;padding:2px 0}
.interaktif_fn_leftpanel .group__list .ogan-menu-copy .text{top:0;line-height:20px;font-size:14px;font-weight:700}
.ogan-menu-hint{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--interaktif-body-color);font-size:12px;font-weight:500;line-height:1.4}
.ogan-quick-start{max-width:980px;margin:0 auto 30px;padding:0}
.ogan-quick-start>h2{margin:0 0 12px;color:var(--interaktif-heading-color);font-size:15px;font-weight:800;letter-spacing:.01em}
.ogan-quick-start__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ogan-quick-start__item{display:flex;align-items:flex-start;gap:12px;min-height:84px;padding:14px;border:1px solid var(--interaktif-border-color);border-radius:16px;background:var(--interaktif-some-r-bg-color);background:color-mix(in srgb,var(--interaktif-some-r-bg-color) 90%,transparent);color:var(--interaktif-heading-color);text-decoration:none;box-shadow:0 10px 26px rgba(2,13,18,.055);transition:border-color .18s ease,background-color .18s ease,transform .18s ease,box-shadow .18s ease}
.ogan-quick-start__item:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--interaktif-main-color) 60%,var(--interaktif-border-color));background:var(--interaktif-some-r-bg-color);box-shadow:0 14px 30px rgba(2,13,18,.1)}
.ogan-quick-start__item[aria-current="location"]{border-color:var(--interaktif-main-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--interaktif-main-color) 22%,transparent),0 14px 30px rgba(2,13,18,.1)}
.ogan-quick-start__item:focus-visible{outline:3px solid var(--interaktif-main-color2);outline-offset:3px}
.ogan-quick-start__icon{display:flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:rgba(237,129,80,.12);color:var(--interaktif-main-color)}
.ogan-quick-start__icon .fn__svg{width:18px;height:18px}
.ogan-quick-start__item>span:last-child{display:flex;min-width:0;flex-direction:column;gap:4px}
.ogan-quick-start__item strong{font-size:14px;font-weight:800;line-height:1.3;color:var(--interaktif-heading-color)}
.ogan-quick-start__item small{font-size:12.5px;font-weight:500;line-height:1.45;color:var(--interaktif-body-color)}
.ogan-quick-start__item em{font-size:10.5px;font-weight:800;font-style:normal;letter-spacing:.03em;color:var(--interaktif-main-color1)}
.ogan-workspace-dock{position:sticky;z-index:8;top:calc(var(--interaktif-header-height) + 8px);display:flex;max-width:980px;margin:0 auto 22px;padding:8px;gap:7px;overflow-x:auto;border:1px solid var(--interaktif-border-color);border-radius:14px;background:color-mix(in srgb,var(--interaktif-site-bg-color) 94%,transparent);box-shadow:0 10px 28px rgba(2,13,18,.12);scrollbar-width:thin;backdrop-filter:blur(12px)}
.ogan-workspace-dock a{display:inline-flex;flex:0 0 auto;align-items:center;min-height:36px;padding:7px 11px;border:1px solid transparent;border-radius:9px;color:var(--interaktif-heading-color);font-size:12px;font-weight:800;text-decoration:none;white-space:nowrap}
.ogan-workspace-dock a:hover,.ogan-workspace-dock a:focus-visible{border-color:var(--interaktif-main-color);background:color-mix(in srgb,var(--interaktif-main-color) 10%,var(--interaktif-some-a-bg-color));outline:0}
.ogan-workspace-dock a[aria-current="location"]{border-color:var(--interaktif-main-color);background:var(--interaktif-main-color);color:#fff}
.ogan-workspace-action-status{min-height:20px;max-width:980px;margin:-18px auto 18px;padding-inline:20px;color:var(--interaktif-main-color1);font-size:12px;font-weight:700}
.interaktif_fn_aichatbot_page .chat__sidebar .sidebar_header{box-sizing:border-box;min-width:0;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible;padding:16px}
.ogan-new-project-link{box-sizing:border-box;display:flex;position:relative;align-items:flex-start;width:100%;max-width:100%;min-width:0;height:auto!important;min-height:68px!important;max-height:none!important;overflow:visible!important;padding:11px 12px 11px 48px!important;border:1px solid color-mix(in srgb,var(--interaktif-main-color) 45%,var(--interaktif-border-color));border-radius:14px!important;background:linear-gradient(135deg,color-mix(in srgb,var(--interaktif-main-color) 13%,var(--interaktif-some-a-bg-color)),var(--interaktif-some-a-bg-color))!important;line-height:normal!important;box-shadow:0 10px 25px rgba(2,13,18,.08)}
.ogan-new-project-link .icon{left:13px;background:var(--interaktif-main-color)}
.ogan-new-project-link .icon:before,.ogan-new-project-link .icon:after{background:#fff}
.ogan-new-project-copy{display:grid;width:100%;max-width:100%;min-width:0;height:auto!important;max-height:none!important;flex:1 1 auto;grid-template-columns:minmax(0,1fr);gap:3px;overflow:visible}
.ogan-new-project-link .ogan-new-project-copy .text{position:static;top:auto;display:block;width:100%;max-width:100%;min-width:0;height:auto!important;max-height:none!important;overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;-webkit-line-clamp:unset;line-clamp:unset;font-size:14px;font-weight:800;line-height:18px}
.ogan-new-project-copy small{display:block;width:100%;max-width:100%;min-width:0;height:auto!important;max-height:none!important;overflow:visible;color:var(--interaktif-body-color);font-size:11px;font-weight:500;line-height:1.35;white-space:normal;overflow-wrap:anywhere;text-overflow:clip;-webkit-line-clamp:unset;line-clamp:unset;text-wrap:pretty}
.ogan-workspace-tool{max-width:980px;margin:0 auto 28px;padding:22px;border:1px solid var(--interaktif-border-color);border-radius:18px;background:var(--interaktif-some-r-bg-color);box-shadow:0 18px 42px rgba(2,13,18,.1);scroll-margin-top:calc(var(--interaktif-header-height) + 16px)}
.ogan-workspace-tool[hidden],.ogan-workspace-tool [hidden]{display:none!important}
.ogan-workspace-tool__header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--interaktif-border-color)}
.ogan-workspace-tool__header h2{margin:0;color:var(--interaktif-heading-color);font-size:22px;font-weight:800;letter-spacing:-.015em}
.ogan-workspace-tool__header p{max-width:680px;margin:6px 0 0;color:var(--interaktif-body-color);font-size:13px;line-height:1.55}
.ogan-workspace-tool button,.ogan-workspace-tool textarea{font-family:var(--ogan-ui-font)}
.ogan-workspace-tool__header>button,.ogan-workspace-tool__project button,.ogan-workspace-tool [data-ogan-sql-submit]{min-height:42px;padding:9px 14px;border:1px solid var(--interaktif-border-color);border-radius:10px;background:var(--interaktif-button-bg-color);color:var(--interaktif-heading-color);font-size:13px;font-weight:800;cursor:pointer}
.ogan-workspace-tool__header>button:hover,.ogan-workspace-tool__project button:hover,.ogan-workspace-tool [data-ogan-sql-submit]:hover{border-color:var(--interaktif-main-color);color:var(--interaktif-hover-color)}
.ogan-workspace-tool__body{padding-top:18px}
.ogan-workspace-tool__body>.ogan-prompts{margin:0}
.ogan-analysis-source{display:grid;gap:6px;margin:14px 0 8px;color:var(--interaktif-heading-color);font-size:13px;font-weight:800}
.ogan-analysis-source select{width:100%;min-height:42px;padding:8px 36px 8px 11px;border:1px solid var(--interaktif-border-color);border-radius:10px;background:var(--interaktif-site-bg-color);color:var(--interaktif-heading-color);font:700 13px/1.35 var(--ogan-ui-font)}
.ogan-analysis-source select:focus-visible{outline:3px solid rgba(237,129,80,.2);outline-offset:2px}
.ogan-workspace-tool__project{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding:16px;border:1px solid color-mix(in srgb,var(--interaktif-main-color) 64%,var(--interaktif-border-color));border-radius:14px;background:color-mix(in srgb,var(--interaktif-main-color) 10%,var(--interaktif-some-a-bg-color))}
.ogan-workspace-tool__project p{margin:0;color:var(--interaktif-heading-color);font-size:14px;font-weight:700;line-height:1.5}
.ogan-data-source{display:block;margin:0 0 18px;padding:14px;border:1px solid var(--interaktif-border-color);border-radius:14px;background:var(--interaktif-site-bg-color)}
.ogan-data-source legend{padding:0 7px;color:var(--interaktif-heading-color);font-size:13px;font-weight:800}
.ogan-data-source__active{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(150px,1fr) minmax(120px,.72fr) minmax(125px,.72fr);gap:8px;margin:0 0 12px}
.ogan-data-source__active>span{display:flex;min-width:0;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid var(--interaktif-border-color);border-radius:10px;background:var(--interaktif-some-a-bg-color)}
.ogan-data-source__active strong{overflow:visible;color:var(--interaktif-heading-color);font-size:13px;line-height:1.35;text-overflow:clip;white-space:normal;overflow-wrap:anywhere}
.ogan-data-source__options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ogan-data-source__named{display:contents}
.ogan-data-source__option{display:flex!important;align-items:flex-start;gap:10px;margin:0!important;padding:12px;border:1px solid color-mix(in srgb,var(--interaktif-main-color) 62%,var(--interaktif-border-color));border-radius:11px;background:color-mix(in srgb,var(--interaktif-main-color) 8%,var(--interaktif-some-a-bg-color));cursor:pointer}
.ogan-data-source__option:focus-within{outline:3px solid rgba(237,129,80,.18);outline-offset:2px}
.ogan-data-source__option.is-disabled{border-color:var(--interaktif-border-color);background:var(--interaktif-some-a-bg-color);cursor:not-allowed;opacity:.58}
.ogan-data-source__option input{width:17px;height:17px;margin:2px 0 0;accent-color:var(--interaktif-main-color)}
.ogan-data-source__option span,.ogan-data-source__manager{display:flex;min-width:0;flex-direction:column;gap:3px}
.ogan-data-source__option strong{overflow:visible;color:var(--interaktif-heading-color);font-size:14px;line-height:1.35;text-overflow:clip;white-space:normal;overflow-wrap:anywhere}
.ogan-data-source small{color:var(--interaktif-body-color);font-size:12px;font-weight:550;line-height:1.45}
.ogan-data-source code{padding:1px 5px;border:1px solid var(--interaktif-border-color);border-radius:5px;color:var(--interaktif-heading-color);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}
.ogan-data-source__status{margin:10px 0 0;color:var(--interaktif-body-color);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}
.ogan-data-source__manager{justify-content:center;margin-top:12px;padding:12px 2px 0;border-top:1px solid var(--interaktif-border-color)}
.ogan-data-source__manager a{align-self:flex-start;color:var(--interaktif-main-color);font-size:13px;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.ogan-workspace-tool [data-ogan-sql-tool] label{display:block;margin:0 0 9px;color:var(--interaktif-heading-color);font-size:14px;font-weight:750}
.ogan-workspace-tool [data-ogan-sql-request]{display:block;width:100%;min-height:150px;padding:14px;border:1px solid var(--interaktif-border-color);border-radius:12px;background:var(--interaktif-site-bg-color);color:var(--interaktif-heading-color);font-size:14px;line-height:1.55;resize:vertical}
.ogan-workspace-tool [data-ogan-sql-request]:focus{outline:3px solid rgba(237,129,80,.18);border-color:var(--interaktif-main-color)}
.ogan-sql-execution-note{margin:10px 0 0;color:var(--interaktif-body-color);font-size:12.5px;line-height:1.55}
.ogan-workspace-tool [data-ogan-sql-submit]{margin-top:12px;background:var(--interaktif-main-color);color:#fff}
.ogan-workspace-tool [data-ogan-sql-submit]:disabled{cursor:not-allowed;opacity:.55}
.ogan-project-pick .chat__sidebar{box-shadow:0 0 0 3px color-mix(in srgb,var(--interaktif-main-color) 70%,transparent),0 18px 45px rgba(2,13,18,.22)}
.ogan-project-pick .chat__sidebar .fn__chat_link[href^="#chat"]:not([href="#chat1"]){border-color:color-mix(in srgb,var(--interaktif-main-color) 62%,var(--interaktif-border-color))}

/* Account, membership and support pages retain their business logic while
   using the same visual language as the workspace. */
.ogan-page-heading{padding:24px 40px 20px;background:linear-gradient(135deg,rgba(237,129,80,.07),transparent 44%)}
.ogan-page-heading .title{font-size:24px;font-weight:800;letter-spacing:-.02em}
.ogan-page-heading p{max-width:720px;margin:7px 0 0;color:var(--interaktif-body-color);font-size:14px;line-height:1.55}
.ogan-account-card{margin-block:28px;padding:28px!important;border:1px solid var(--interaktif-border-color);border-radius:18px;background:var(--interaktif-some-r-bg-color);box-shadow:0 18px 45px rgba(2,13,18,.08)}
.ogan-account-card.interaktif_fn_user_settings .user__settings{display:block}
.ogan-account-card.interaktif_fn_user_settings .settings_right{width:100%;max-width:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.ogan-account-card.interaktif_fn_user_settings .settings_right .item{margin:0}
.ogan-account-card.interaktif_fn_user_settings .settings_right .item:nth-last-child(-n+3){grid-column:1/-1}
.ogan-account-card .input_label{line-height:28px!important;font-size:13px!important;font-weight:800!important}
.ogan-account-card input.input,.ogan-account-card select{height:52px!important;border:1px solid var(--interaktif-border-color)!important;border-radius:12px!important;background:var(--interaktif-site-bg-color);color:var(--interaktif-heading-color)}
.ogan-account-card input[readonly]{opacity:.75}
.ogan-account-card .fn__submit input,.ogan-account-card .interaktif_fn_button{border-radius:11px}
.ogan-billing-card .billing__plan,.ogan-billing-card .billing__activation .activation_status,.ogan-project-membership-card .billing__plan,.ogan-project-membership-card .billing__activation .activation_status{border-radius:14px}
.ogan-billing-card .billing__activation:last-child,.ogan-project-membership-card .billing__activation:last-child{margin-bottom:0}
.ogan-contact-card{max-width:760px;margin-inline:auto}
.ogan-project-empty{display:flex;align-items:flex-start;flex-direction:column;gap:12px;max-width:720px}
.ogan-project-empty h3,.ogan-project-empty p{margin:0}
.ogan-project-empty h3{color:var(--interaktif-heading-color);font-size:20px;font-weight:800}
.ogan-project-empty p{max-width:580px;color:var(--interaktif-body-color);font-size:14px;line-height:1.6}
.ogan-project-empty .interaktif_fn_button{margin-top:4px}
.ogan-contact-card textarea{min-height:180px!important;border:1px solid var(--interaktif-border-color)!important;border-radius:14px!important;background:var(--interaktif-site-bg-color);color:var(--interaktif-heading-color);font-family:var(--ogan-ui-font);font-size:15px;line-height:1.6;resize:vertical}
.ogan-contact-card textarea:focus{outline:3px solid rgba(237,129,80,.16);border-color:var(--interaktif-main-color)!important}
.interaktif_fn_contact_page .contactpage{padding:0 0 40px;font-size:16px}

/* Account and support surfaces use a wider shared reading column than the
   legacy `.container.small`, while controls remain comfortably scannable. */
.ogan-account-surface{flex:1 0 auto;padding-bottom:clamp(24px,4vw,52px)}
.ogan-account-surface .ogan-page-heading{padding:clamp(22px,2.4vw,32px) clamp(24px,3.5vw,52px)}
.ogan-account-surface .ogan-account-container{width:100%;max-width:1080px;padding-inline:clamp(20px,3vw,38px)}
.ogan-account-surface .ogan-account-card{width:100%;margin:clamp(22px,3vw,34px) auto 0;padding:clamp(22px,3vw,32px)!important;box-shadow:0 14px 34px rgba(2,13,18,.065)}
.ogan-settings-surface .interaktif_fn_user_settings{max-width:960px}
.ogan-account-surface .ogan-account-card input.input,
.ogan-account-surface .ogan-account-card select{min-width:0;height:50px!important;padding-inline:14px;border-radius:11px!important;font-size:14px}
.ogan-account-surface .ogan-account-card input[readonly]{background:color-mix(in srgb,var(--interaktif-site-bg-color) 74%,var(--interaktif-some-a-bg-color));color:var(--interaktif-body-color)}
.ogan-account-surface :is(input,select,textarea,a,button):focus-visible{outline:3px solid color-mix(in srgb,var(--interaktif-main-color) 38%,transparent);outline-offset:2px}

.ogan-settings-surface .ogan-account-card.interaktif_fn_user_settings .settings_right{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}
.ogan-settings-surface .ogan-account-card.interaktif_fn_user_settings .settings_right .item{grid-column:auto;margin:0}
.ogan-settings-surface .ogan-settings-language,
.ogan-settings-surface .ogan-settings-save{padding-top:28px}
.ogan-settings-surface .ogan-settings-save{align-self:end}
.ogan-settings-surface .ogan-settings-save .fn__submit{min-height:50px;margin:0;border:1px solid var(--interaktif-main-color);border-radius:11px;background:var(--interaktif-main-color);box-shadow:0 8px 20px rgba(2,13,18,.09)}
.ogan-settings-surface .ogan-settings-save .fn__submit:before,
.ogan-settings-surface .ogan-settings-save .fn__submit:after{display:none}
.ogan-settings-surface .ogan-settings-save .fn__submit input{height:48px;padding:0 18px;border:0;color:#102630;font-weight:800;letter-spacing:0;cursor:pointer}
[data-interaktif-skin="light"] .ogan-settings-surface .ogan-settings-save .fn__submit input{color:#fff}
.ogan-settings-surface .ogan-settings-save .fn__submit:focus-within{outline:3px solid color-mix(in srgb,var(--interaktif-main-color) 38%,transparent);outline-offset:2px}
.ogan-settings-surface .ogan-settings-save .fn__submit input:focus-visible{outline:0}
.ogan-settings-surface .ogan-account-card.interaktif_fn_user_settings .settings_right .ogan-settings-cancel{grid-column:1/-1;margin-top:4px;padding-top:20px;border-top:1px solid var(--interaktif-border-color)}
.ogan-membership-cancel{padding:13px 15px;border:1px solid var(--interaktif-border-color);border-inline-start:3px solid var(--interaktif-main-color);border-radius:10px;background:var(--interaktif-site-bg-color);color:var(--interaktif-body-color);font-size:13px;line-height:1.55}
.ogan-membership-cancel:empty{display:none}
.ogan-membership-cancel a{color:var(--interaktif-main-color1);font-weight:800;text-underline-offset:3px}

.ogan-billing-surface .ogan-billing-card{max-width:1040px}
.ogan-billing-card .billing__plan{margin:0;padding:30px 26px 22px}
.ogan-billing-card .billing__activation{margin:12px 0 30px}
.ogan-billing-card .billing__activation:not(:last-child){padding-bottom:30px;border-bottom:1px solid var(--interaktif-border-color)}
.ogan-billing-card .billing__activation .activation_status{margin:0;padding:22px 24px}
.ogan-billing-card .billing__activation .status_left{width:100%;min-width:0}
.ogan-billing-card .billing__activation .activation_status .title{margin-bottom:12px;font-size:14px;font-weight:800}
.ogan-billing-card .billing__activation .activation_status .desc{display:grid;gap:0;font-size:13px;line-height:1.45}
.ogan-billing-summary{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;margin:0!important}
.ogan-billing-summary__region,
.ogan-billing-summary__plan{display:inline-flex;align-items:center;min-height:28px;padding:4px 9px;border-radius:8px;background:var(--interaktif-site-bg-color);color:var(--interaktif-heading-color);font-size:13px;font-weight:800;line-height:1.25}
.ogan-billing-summary__expiry{display:inline-flex;align-items:center;gap:7px;margin-inline-start:auto;color:var(--interaktif-heading-color);font-size:13px;line-height:1.35}
.ogan-billing-summary__expiry>span{color:var(--interaktif-body-color);font-size:12px;font-weight:700}
.ogan-billing-summary time,
.ogan-payment-row time{font-variant-numeric:tabular-nums;font-weight:800;white-space:nowrap}
.ogan-payment-row{display:grid;grid-template-columns:auto auto minmax(110px,1fr) auto;align-items:center;gap:8px 14px;padding:9px 0;border-top:1px solid var(--interaktif-border-color)}
.ogan-payment-row:first-child{padding-top:0;border-top:0}
.ogan-payment-row:last-child{padding-bottom:0}
.ogan-payment-row__card{color:var(--interaktif-heading-color);font-weight:800;font-variant-numeric:tabular-nums}
.ogan-payment-row__amount{color:var(--interaktif-heading-color);font-variant-numeric:tabular-nums}
.ogan-payment-row__status{min-width:0;color:var(--interaktif-body-color)}
.ogan-billing-card .billing__activation .activation_actions{align-items:stretch;gap:10px;margin-top:12px}
.ogan-billing-card .billing__activation .activation_actions :is(a,button){display:inline-flex;align-items:center;justify-content:center;min-height:44px;height:auto;margin:0;padding:10px 16px;border:1px solid var(--interaktif-border-color);border-radius:10px;background:var(--interaktif-button-bg-color);color:var(--interaktif-heading-color);font:800 13px/1.35 var(--ogan-ui-font);letter-spacing:0;text-align:center;white-space:normal;cursor:pointer}
.ogan-billing-card .billing__activation .activation_actions .oganaaaii_start_payment{border-color:var(--interaktif-main-color);background:var(--interaktif-main-color);color:#102630}
[data-interaktif-skin="light"] .ogan-billing-card .billing__activation .activation_actions .oganaaaii_start_payment{color:#fff}
.ogan-billing-card .billing__activation .activation_actions .interaktif_fn_button:before,
.ogan-billing-card .billing__activation .activation_actions .interaktif_fn_button:after{display:none}

.ogan-contact-surface .contactpage{padding-top:0}
.ogan-contact-surface .ogan-contact-card{max-width:840px}
.ogan-contact-surface .fn_contact_form .input_list ul{display:block;margin:0}
.ogan-contact-surface .fn_contact_form .input_list li{width:100%;margin:0 0 16px;padding:0}
.ogan-contact-surface .fn_contact_form .input_list li:last-child{margin:4px 0 0}
.ogan-contact-surface .ogan-contact-card textarea{display:block;width:100%;min-height:190px!important;padding:15px 16px}
.ogan-contact-surface #send_message{display:inline-flex;align-items:center;justify-content:center;min-width:170px;min-height:46px;height:auto;padding:10px 18px;border:1px solid var(--interaktif-main-color);border-radius:10px;background:var(--interaktif-main-color);color:#102630;font-size:14px;font-weight:800;line-height:1.35;letter-spacing:0}
[data-interaktif-skin="light"] .ogan-contact-surface #send_message{color:#fff}
.ogan-contact-surface #send_message:before,
.ogan-contact-surface #send_message:after{display:none}
.ogan-contact-surface .fn_contact_form :is(.empty_notice,.returnmessage){margin-top:16px;padding:14px 16px;border:1px solid var(--interaktif-border-color);border-radius:10px;font-size:13px;line-height:1.5}
.interaktif_fn_footer{padding-block:14px}
.interaktif_fn_footer_content{gap:18px}
.interaktif_fn_footer .menu_items a{font-weight:700;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;transition:color .18s ease,text-decoration-color .18s ease}
.interaktif_fn_footer .menu_items a:hover,.interaktif_fn_footer .menu_items a:focus-visible{text-decoration-color:currentColor}
[data-interaktif-skin="light"] .ogan-quick-start__item{box-shadow:0 10px 26px rgba(20,38,49,.06)}
@media(min-width:1041px){.panel-opened .interaktif_fn_leftpanel .ogan-menu-copy{display:none}.ogan-v2-workspace .chat__sidebar{display:block;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.ogan-v2-workspace .chat__sidebar .sidebar_header{position:sticky;z-index:2;top:0;background:var(--interaktif-header-bg-color)}.ogan-v2-workspace .chat__sidebar .sidebar_content{max-height:none;overflow:visible}}
@media(max-width:1040px){:root{--interaktif-header-height:70px}.interaktif_fn_header{padding-inline:18px}.interaktif_fn_aichatbot_page .chat__list{max-width:none}.interaktif_fn_leftpanel .group__list a:hover{transform:none}.ogan-v2-workspace .chat__sidebar .sidebar_content{max-height:none;overflow:visible}.ogan-workspace-tool{margin-inline:0}}
@media(max-width:900px){.ogan-data-source__active{grid-template-columns:repeat(2,minmax(0,1fr))}}
html[dir="rtl"] .interaktif_fn_leftpanel .group__list a:hover{transform:translateX(-2px)}
@media(max-width:1040px){html[dir="rtl"] .interaktif_fn_leftpanel .group__list a:hover{transform:none}}
@media(max-width:680px){.ogan-quick-start__grid,.ogan-data-source__options,.ogan-data-source__active{grid-template-columns:1fr}.ogan-quick-start__item{min-height:0}.ogan-quick-start{margin-bottom:18px}.ogan-workspace-dock{top:calc(var(--interaktif-header-height) + 4px);margin-bottom:18px;border-radius:12px}.ogan-workspace-tool{padding:17px;border-radius:14px}.ogan-workspace-tool__header,.ogan-workspace-tool__project{align-items:stretch;flex-direction:column}.ogan-workspace-tool__header>button,.ogan-workspace-tool__project button{width:100%}.ogan-account-card.interaktif_fn_user_settings .settings_right{grid-template-columns:1fr}.ogan-account-card.interaktif_fn_user_settings .settings_right .item{grid-column:1}.ogan-page-heading{padding:22px 20px 18px}.ogan-account-card{margin-block:20px;padding:20px!important}.interaktif_fn_footer_content{flex-direction:column;align-items:flex-start}.interaktif_fn_footer_content>div:nth-child(2){order:3}.interaktif_fn_footer .menu_items ul{margin-left:-18px}.interaktif_fn_footer .menu_items li{margin-left:18px}}
@media(max-width:480px){:root{--interaktif-header-height:66px}.fn__chatbot .chat{padding:24px 20px}.fn__chat_comment textarea{padding-left:16px}.interaktif_fn_aichatbot_page .chat__comment{padding-inline:2px}.ogan-quick-start__item{padding:12px;border-radius:14px}.ogan-quick-start__item small{font-size:12px}.interaktif_fn_header{padding-right:8px}.ogan-workspace-language .item_opener{min-width:42px;padding-inline:7px}.ogan-language-code{display:none!important}.ogan-workspace-language .item_popup{position:fixed!important;top:var(--interaktif-header-height)!important;right:8px!important;max-width:calc(100vw - 16px)!important}.ogan-page-heading .title{font-size:21px}}
@media(max-width:820px){
 .ogan-payment-row{grid-template-columns:minmax(0,1fr) auto}
 .ogan-payment-row__status{grid-column:1}
 .ogan-billing-summary__expiry{width:100%;margin-inline-start:0}
}
@media(max-width:680px){
 .ogan-account-surface .ogan-account-container{padding-inline:16px}
 .ogan-settings-surface .ogan-account-card.interaktif_fn_user_settings .settings_right{grid-template-columns:1fr;gap:16px}
 .ogan-settings-surface .ogan-settings-language,
 .ogan-settings-surface .ogan-settings-save{padding-top:0}
 .ogan-settings-surface .ogan-settings-save .fn__submit{width:100%}
 .ogan-billing-card .billing__plan{padding:28px 18px 18px}
 .ogan-billing-card .billing__activation .activation_status{padding:18px}
 .ogan-billing-card .billing__activation .activation_actions :is(a,button){flex:1 1 210px}
}
@media(max-width:480px){
 .ogan-account-surface .ogan-page-heading{padding-inline:18px}
 .ogan-account-surface .ogan-account-container{padding-inline:10px}
 .ogan-account-surface .ogan-account-card{padding:18px!important;border-radius:14px}
 .ogan-payment-row{grid-template-columns:1fr;gap:4px;padding-block:11px}
 .ogan-payment-row time{white-space:normal}
 .ogan-billing-card .billing__activation .activation_actions{flex-direction:column}
 .ogan-billing-card .billing__activation .activation_actions :is(a,button),
 .ogan-contact-surface #send_message{width:100%}
}
@media(prefers-reduced-motion:reduce){.interaktif_fn_leftpanel .group__list a,.ogan-quick-start__item{transition:none}.interaktif_fn_leftpanel .group__list a:hover,.ogan-quick-start__item:hover{transform:none}}