/* AmbonManise v21 — Mega menu, theme, multilingual controls & social workspace */
:root{--am21-nav-h:82px;--am21-border:rgba(11,59,79,.11);--am21-text:#102a36;--am21-muted:#67808b}
html[data-theme="dark"]{--am-surface:#102c38;--am-bg:#091f29;--am21-text:#f5fbfd;--am21-muted:#b6c9d1;--am21-border:rgba(255,255,255,.10)}
.am21-nav .amx-nav-inner{min-height:var(--am21-nav-h)}
.am21-menu{gap:4px!important;align-items:center}.am21-menu>a,.am21-menu-btn{position:relative!important;border:0!important;border-bottom:0!important;box-shadow:none!important;background:transparent!important;color:#fff!important;text-decoration:none!important;font:700 13px/1.2 var(--am-font-body);padding:12px 11px!important;border-radius:12px!important;display:flex!important;align-items:center;gap:7px;cursor:pointer}
.am21-menu>a:before,.am21-menu>a:after,.am21-menu-btn:before,.am21-menu-btn:after,.amx-nav-dd>a:before,.amx-nav-dd>a:after{content:none!important;display:none!important;border:0!important;height:0!important}
.am21-menu>a:hover,.am21-menu-btn:hover,.am21-menu>a.active{background:rgba(255,255,255,.12)!important}.am21-menu>a.active{box-shadow:inset 0 0 0 1px rgba(255,255,255,.13)!important}.am21-menu .mi{font-size:15px;opacity:.82}.am21-menu .chev{font-size:11px;opacity:.7;margin-left:1px}
.am21-mega-wrap{position:relative}.am21-mega{display:none!important;position:absolute!important;top:calc(100% + 14px)!important;left:50%!important;transform:translateX(-36%) translateY(8px)!important;width:min(720px,calc(100vw - 38px))!important;padding:18px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:22px!important;background:rgba(7,37,49,.97)!important;backdrop-filter:blur(24px)!important;box-shadow:0 28px 70px rgba(0,0,0,.28)!important;opacity:0;visibility:hidden;transition:.22s ease;z-index:9999}
.am21-mega-wrap:hover>.am21-mega,.am21-mega-wrap.open>.am21-mega{display:block!important;opacity:1;visibility:visible;transform:translateX(-36%) translateY(0)!important}
.am21-mega:before{content:"";position:absolute;top:-7px;left:36%;width:14px;height:14px;background:#092b38;transform:rotate(45deg);border-left:1px solid rgba(255,255,255,.12);border-top:1px solid rgba(255,255,255,.12)}
.am21-mega-head{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:2px 3px 14px}.am21-mega-head small{display:block;color:#f08a65;font-weight:850;letter-spacing:.14em;font-size:10px}.am21-mega-head strong{display:block;color:#fff;font-family:var(--am-font-heading);font-size:22px;margin-top:3px}.am21-mega-head>a{color:#ffd8c9!important;font-size:12px;font-weight:800!important;padding:0!important;background:none!important}
.am21-mega-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.am21-mega-grid>a{display:block!important;padding:8px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:15px!important;text-decoration:none!important;transition:.18s ease}.am21-mega-grid>a:hover{transform:translateY(-2px);background:rgba(255,255,255,.10)!important}.am21-mega-grid img{display:block;width:100%;height:86px;object-fit:cover;border-radius:11px}.am21-mega-grid span{display:block;padding:8px 3px 3px}.am21-mega-grid b{display:block;color:#fff;font-size:12px}.am21-mega-grid small{display:block;color:#a9c3cd;font-size:10px;line-height:1.35;margin-top:3px}
.am21-tools{gap:8px!important}.am21-theme-toggle,.am21-lang>button{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#fff;border-radius:999px;height:37px;padding:0 11px;font:800 11px var(--am-font-body);cursor:pointer}.am21-theme-toggle{width:38px;padding:0}.am21-theme-toggle .moon{display:none}html[data-theme="dark"] .am21-theme-toggle .sun{display:none}html[data-theme="dark"] .am21-theme-toggle .moon{display:inline}.am21-lang{position:relative}.am21-lang-menu{display:none;position:absolute;right:0;top:44px;background:#fff;border:1px solid #e1e9ec;border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.18);padding:7px;min-width:155px;z-index:10000}.am21-lang.open .am21-lang-menu{display:block}.am21-lang-menu a{display:block;padding:9px 10px;border-radius:9px;color:#173442;text-decoration:none;font-size:12px;font-weight:700}.am21-lang-menu a:hover{background:#eef5f6}
.am21-hero-video{position:absolute;inset:0;z-index:0;overflow:hidden;background:#062836}.am21-hero-video iframe{position:absolute;top:50%;left:50%;width:177.78vh;min-width:100%;height:56.25vw;min-height:100%;transform:translate(-50%,-50%);pointer-events:none;border:0}.amx-hero>.amx-nav,.amx-hero>.amx-hero-shade,.amx-hero>.amx-hero-inner{position:relative;z-index:2}
/* Light/dark content areas */
html[data-theme="dark"] body.amx-body{background:#091f29;color:var(--am21-text)}html[data-theme="dark"] .amx-main,html[data-theme="dark"] .v14-inner-main{background:#091f29}html[data-theme="dark"] .amx-content,html[data-theme="dark"] .amx-block,html[data-theme="dark"] .amx-subblock,html[data-theme="dark"] .amx-news-block,html[data-theme="dark"] .inner-card,html[data-theme="dark"] .v14-card{color:#f5fbfd}html[data-theme="dark"] .amx-title-row h3,html[data-theme="dark"] .amx-mini-card strong,html[data-theme="dark"] .amx-person-card strong{color:#f5fbfd}html[data-theme="dark"] .amx-mini-card small,html[data-theme="dark"] .amx-person-card small{color:#9db4be}
/* community */
.am21-community-shell{max-width:1180px;margin:0 auto;padding:32px 20px 60px;display:grid;grid-template-columns:250px minmax(0,1fr) 280px;gap:22px}.am21-social-card{background:var(--am-surface,#fff);border:1px solid var(--am21-border);border-radius:20px;box-shadow:0 12px 34px rgba(16,51,68,.06)}.am21-social-side{padding:16px;position:sticky;top:100px;height:max-content}.am21-social-side a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:12px;color:var(--am21-text);text-decoration:none;font-size:13px;font-weight:750}.am21-social-side a:hover{background:rgba(31,111,100,.09)}.am21-composer{padding:16px;margin-bottom:16px}.am21-composer-top{display:flex;gap:11px;align-items:flex-start}.am21-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;background:linear-gradient(135deg,#e2622f,#1f6f64);display:grid;place-items:center;color:#fff;font-weight:900}.am21-composer textarea{flex:1;border:0;background:#f1f5f6;border-radius:18px;padding:13px 15px;min-height:50px;resize:vertical;font:500 13px var(--am-font-body);outline:none}.am21-composer-actions{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:12px;border-top:1px solid var(--am21-border);padding-top:11px}.am21-composer-actions .tools{display:flex;gap:7px}.am21-chip{border:0;background:#eef5f5;color:#24525d;border-radius:999px;padding:8px 11px;font:750 11px var(--am-font-body);cursor:pointer}.am21-post{padding:0;overflow:hidden;margin-bottom:16px}.am21-post-head{display:flex;gap:10px;padding:16px}.am21-post-head strong{display:block;color:var(--am21-text)}.am21-post-head small{display:block;color:var(--am21-muted);font-size:11px;margin-top:2px}.am21-post-body{padding:0 16px 14px;color:var(--am21-text);line-height:1.65;font-size:14px}.am21-post-media img,.am21-post-media video{display:block;width:100%;max-height:520px;object-fit:cover}.am21-link-preview{margin:0 16px 14px;border:1px solid var(--am21-border);border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;display:flex}.am21-link-preview img{width:150px;object-fit:cover;background:#dce8ec}.am21-link-preview div{padding:12px}.am21-link-preview small{color:var(--am21-muted)}.am21-post-actions{display:flex;border-top:1px solid var(--am21-border);padding:7px}.am21-post-actions button,.am21-post-actions a{flex:1;text-align:center;padding:9px;border:0;background:transparent;border-radius:10px;color:var(--am21-muted);font:750 12px var(--am-font-body);text-decoration:none;cursor:pointer}.am21-post-actions button:hover,.am21-post-actions a:hover{background:#eef5f5;color:#1f6f64}.am21-right-widget{padding:16px;margin-bottom:16px}.am21-right-widget h3{font-size:14px;margin:0 0 12px;color:var(--am21-text)}
/* chat */.am21-chat{max-width:1180px;margin:28px auto 60px;padding:0 20px;display:grid;grid-template-columns:320px 1fr;height:70vh;min-height:560px}.am21-chat-list{border-radius:20px 0 0 20px;overflow:hidden;border-right:0}.am21-chat-list-head{padding:17px;border-bottom:1px solid var(--am21-border)}.am21-chat-list-head h2{margin:0;font-size:20px}.am21-chat-thread{display:flex;gap:10px;padding:12px 15px;text-decoration:none;color:var(--am21-text);border-bottom:1px solid var(--am21-border)}.am21-chat-thread:hover,.am21-chat-thread.active{background:rgba(31,111,100,.08)}.am21-chat-thread small{display:block;color:var(--am21-muted);margin-top:3px}.am21-chat-window{border-radius:0 20px 20px 0;display:flex;flex-direction:column;overflow:hidden}.am21-chat-head{padding:13px 17px;border-bottom:1px solid var(--am21-border);display:flex;align-items:center;gap:10px}.am21-chat-messages{flex:1;overflow:auto;padding:18px;background:linear-gradient(180deg,rgba(31,111,100,.035),transparent)}.am21-msg{max-width:70%;margin:7px 0;padding:10px 13px;border-radius:15px;background:#eaf1f3;color:#14303d;font-size:13px}.am21-msg.mine{margin-left:auto;background:#1f6f64;color:#fff;border-bottom-right-radius:5px}.am21-chat-form{display:flex;gap:9px;padding:13px;border-top:1px solid var(--am21-border)}.am21-chat-form input{flex:1;border:1px solid var(--am21-border);border-radius:999px;padding:11px 14px;font:inherit;background:var(--am-surface);color:var(--am21-text)}
@media(max-width:1100px){.am21-menu>a,.am21-menu-btn{padding:10px 7px!important;font-size:12px}.am21-menu .mi{display:none}.am21-tools .am21-lang{display:none}.am21-community-shell{grid-template-columns:210px minmax(0,1fr)}.am21-community-shell>.right{display:none}}
@media(max-width:820px){.am21-theme-toggle,.am21-lang{display:flex!important}.am21-menu{padding-top:12px!important}.am21-menu>a,.am21-menu-btn{width:100%;justify-content:flex-start!important;color:#12333f!important;font-size:14px!important;padding:13px!important}.am21-menu .mi{display:inline}.am21-mega-wrap{width:100%}.am21-mega{position:static!important;display:none!important;width:100%!important;transform:none!important;background:#eef5f6!important;box-shadow:none!important;border:0!important;border-radius:15px!important;margin:4px 0 8px!important;padding:8px!important;opacity:1;visibility:visible}.am21-mega-wrap.open>.am21-mega{display:block!important;transform:none!important}.am21-mega:before,.am21-mega-head{display:none}.am21-mega-grid{grid-template-columns:1fr 1fr}.am21-mega-grid>a{background:#fff!important}.am21-mega-grid img{height:65px}.am21-mega-grid b{color:#173441}.am21-mega-grid small{color:#71858e}.am21-community-shell{display:block;padding:18px 12px 85px}.am21-community-shell>.left,.am21-community-shell>.right{display:none}.am21-chat{display:block;height:auto;min-height:0;margin:16px auto 90px;padding:0 12px}.am21-chat-list{border-radius:18px;margin-bottom:12px}.am21-chat-window{border-radius:18px;height:65vh}}