/*
Theme Name: Metis Academia Template
Version: 0.1
*/

:root{
  --ma-bg-page:#020617;
  --ma-bg-shell:#050b16;
  --ma-text-main:#e5e7eb;

  --ma-header-h: 96px;
  --ma-gap: 10px;
  --ma-shell-radius: 18px;
}

/* global reset */
*{ box-sizing:border-box; }
html{ height:100%; }
body{
  margin:0;
  height:100%;
  overflow:hidden;                 /* body scroll kapalı */
  background:var(--ma-bg-page);
  color:var(--ma-text-main);
  font-family:"Cardo",serif;
}

/* fixed header */
.im-header-bar{
  position:fixed;
  top:0; left:0; right:0;
  height:var(--ma-header-h);
  z-index:999;
}

/* main viewport: header altı */
.ma-main-shell{
  position:fixed;
  top:var(--ma-header-h);
  left:0; right:0; bottom:0;
  padding: var(--ma-gap);
  overflow:hidden;                 /* main scroll kapalı */
}

/* app shell container */
.ma-shell{
  width:100%;
  height:100%;
  max-width:1200px;
  margin:0 auto;

  background:
    linear-gradient(135deg, rgba(148, 163, 184, 0.08), transparent),
    var(--ma-bg-shell);

  border-radius: var(--ma-shell-radius);
  border: 1px solid rgba(15, 23, 42, 0.9);
  box-shadow: 0 24px 60px rgba(0,0,0,.65);

  overflow:hidden;
  display:flex;
  flex-direction:column;
}

/* only scroll area */
.ma-shell-scroll{
  flex:1 1 auto;
  min-height:0;
  overflow:auto;
  padding: 12px 14px 24px;

  scrollbar-width:none;
}
.ma-shell-scroll::-webkit-scrollbar{ display:none; }